body.cm-tutorial-page .cmp-arena{padding:0!important;max-width:520px!important;gap:0!important}body.cm-tutorial-page .cmp-canvas-wrap{border:0!important;border-radius:0!important;aspect-ratio:auto!important;height:calc(100svh - 63px);min-height:570px;box-shadow:none!important}body.cm-tutorial-page .cmp-page{padding-bottom:0!important}body.cm-tutorial-page .cmp-final-btns{flex-direction:column;align-items:center;gap:18px}body.cm-tutorial-page .cmp-overlay h2{font-family:'Luckiest Guy',cursive;font-size:32px}body.cm-tutorial-page .cmp-overlay p{font-size:16px}body.cm-tutorial-page .cmp-hud{font-size:14px!important;padding-top:8px}.tutorial-dialog{border:1px solid #354967;border-radius:26px;background:#111c34;color:#edf2ff;width:min(440px,calc(100% - 32px));padding:0;overflow:hidden;box-shadow:0 24px 80px #000b;font-family:'Baloo 2',system-ui,sans-serif;text-align:center}.tutorial-dialog::backdrop{background:#050b19b8;backdrop-filter:blur(8px)}.tutorial-art{height:260px;background:linear-gradient(0deg,#111c34,transparent 50%),url('/images/cm/home/hero.webp') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}.tutorial-art img{width:130px;filter:drop-shadow(0 8px 10px #0009)}.tutorial-art h2{font:37px/1 'Luckiest Guy',cursive;margin:15px 0;color:#ffe151;-webkit-text-stroke:4px #115a94;paint-order:stroke fill;text-shadow:0 5px #0b2345}.tutorial-dialog-content{padding:0 22px 27px}.tutorial-tag{display:inline-block;border:1px solid #b59525;color:#ffd343;border-radius:30px;font-size:14px;padding:5px 18px;background:#ffd53712}.tutorial-dialog p{font-size:19px;font-weight:800;line-height:1.4}.tutorial-disclaimer{display:block;font-size:12px;color:#aebbd3;margin:12px 0 18px;font-weight:500}.tutorial-button{display:block;width:100%;border-radius:999px;padding:15px 18px;font:800 18px 'Baloo 2',sans-serif;border:2px solid #ffe79c;background:linear-gradient(#ffdf5c,#ffb514);color:#553400;box-shadow:0 6px #ac6300;cursor:pointer;text-decoration:none;margin-top:15px}.tutorial-button.secondary{background:transparent;border-color:#475f8a;box-shadow:none;color:#e5edff}.tutorial-coach{position:absolute;top:25%;left:15px;right:15px;z-index:9;pointer-events:none;text-align:center;font:800 24px/1.15 'Baloo 2',sans-serif;color:white;-webkit-text-stroke:3px #142333;paint-order:stroke fill;filter:drop-shadow(0 2px 1px #0004)}.tutorial-coach span{display:block;font-size:40px;letter-spacing:15px;margin-top:15px;color:#ffdb51}.tutorial-simulation{position:absolute;bottom:8px;left:10px;right:10px;z-index:10;text-align:center;pointer-events:none;color:#fff;background:#0b1220a0;border-radius:10px;font:600 11px 'Baloo 2',sans-serif;padding:4px 8px}.tutorial-result-amount{font:42px 'Luckiest Guy',cursive;color:#ffd33c;margin:12px 0}.tutorial-result .tutorial-art{height:170px}.tutorial-result .tutorial-art h2{font-size:30px}.tutorial-result .tutorial-dialog-content{padding-top:12px}
.tutorial-welcome{position:absolute;inset:0;z-index:12;border:0;cursor:pointer;background:linear-gradient(#09245100,#071c565e);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;color:#fff;font-family:'Luckiest Guy',cursive;-webkit-text-stroke:3px #246da0;paint-order:stroke fill;text-shadow:0 4px 2px #143d58}.tutorial-welcome img{width:140px;margin-bottom:20px}.tutorial-welcome strong{font-size:30px;line-height:1.1}.tutorial-welcome p{font-size:24px;line-height:1.25;margin:18px 0 0}.tutorial-welcome b{font-size:29px;color:#ffdf50;-webkit-text-stroke-color:#ba7516;margin-top:25px}.tutorial-welcome small{font:600 12px 'Baloo 2',sans-serif;-webkit-text-stroke:0;margin-top:18px}.tutorial-score{position:absolute;top:0;left:0;right:0;padding:12px 25px 18px;background:linear-gradient(#0b172df5,#0b172dd9,transparent);z-index:8;pointer-events:none;text-align:center}.tutorial-score small{display:block;color:#bfdef6;font:700 11px 'Baloo 2',sans-serif}.tutorial-score strong{display:block;color:#23e567;font:38px 'Luckiest Guy',cursive;text-shadow:0 4px #0c5e2d}.tutorial-score progress{display:block;width:90%;height:24px;border:3px solid #439bfc;border-radius:12px;background:#e2eaff;margin:5px auto 0;overflow:hidden}.tutorial-score progress::-webkit-progress-bar{background:#e3edff}.tutorial-score progress::-webkit-progress-value{background:#21d958;border-radius:6px}.tutorial-score progress::-moz-progress-bar{background:#21d958}.cm-tutorial-page .cmp-hud{top:98px!important}
.tutorial-welcome-open>.cmp-overlay{visibility:hidden}
.tutorial-score>div{display:flex;align-items:baseline;justify-content:center;gap:5px}.tutorial-score em{font:24px 'Luckiest Guy',cursive;color:#ffca31;font-style:normal}.tutorial-score strong{font-size:42px}.tutorial-cashout{position:absolute;bottom:42px;left:12%;width:76%;z-index:14;padding:16px 9px;font:24px 'Luckiest Guy',cursive;color:#fff7dd;-webkit-text-stroke:2px #a86800;paint-order:stroke fill;border:2px solid #ffe683;border-radius:16px;background:linear-gradient(#ffe16c,#ffb313);box-shadow:0 5px #ad6600;cursor:pointer}.tutorial-cashout:disabled{opacity:.65;cursor:default;filter:grayscale(.45);font:700 17px 'Baloo 2',sans-serif;-webkit-text-stroke:0;color:#6e480d}.tutorial-cashout.is-ready{animation:cashoutPulse 1s ease-in-out infinite}.tutorial-goal-reached{outline:3px solid #ffd341;outline-offset:-3px}.tutorial-goal-reached .tutorial-score strong{color:#ffcf3e;text-shadow:0 4px #80590b}.tutorial-goal-message{position:absolute;inset:55% 15px 140px;z-index:11;text-align:center;font:25px/1.15 'Luckiest Guy',cursive;color:white;-webkit-text-stroke:3px #1965a0;paint-order:stroke fill;pointer-events:none}.tutorial-goal-message span{display:block;font-size:65px;color:#ffcd2a}.tutorial-goal-reached .cmp-overlay{visibility:hidden}@keyframes cashoutPulse{0%,100%{transform:scale(1);box-shadow:0 5px #ad6600,0 0 16px #ffd34177}50%{transform:scale(1.05);box-shadow:0 5px #ad6600,0 0 38px #ffd341df}}@media(prefers-reduced-motion:reduce){.tutorial-cashout.is-ready{animation:none;box-shadow:0 5px #ad6600,0 0 22px #ffd341bd}}
.tutorial-score strong{font-size:clamp(42px,15vw,62px)}.cm-tutorial-page .cmp-hud{display:none}.tutorial-goal-reached progress{border-color:#ffe26b;box-shadow:0 0 20px #ffda5855}.tutorial-goal-reached progress::-webkit-progress-value{background:linear-gradient(90deg,#ffde2e,#fff36d)}.tutorial-goal-reached progress::-moz-progress-bar{background:#ffdf39}.tutorial-gain{position:absolute;z-index:15;left:50%;top:33%;transform:translateX(-50%);border:2px solid #2be76a;background:linear-gradient(#103b2b,#022216);border-radius:999px;box-shadow:0 3px #022d10,0 0 18px #26ea5380;display:flex;align-items:center;gap:7px;padding:6px 13px 6px 7px;color:#35fc74;font:24px 'Luckiest Guy',cursive;white-space:nowrap;pointer-events:none;animation:gainFly 1.6s ease-out forwards}.tutorial-gain span{display:grid;place-items:center;width:27px;height:27px;border:2px solid #ffe887;border-radius:50%;background:linear-gradient(#ffe469,#dc9a16);font:800 20px 'Baloo 2',sans-serif;color:#866008}.tutorial-goal-reached .cmp-overlay p{display:none}@keyframes gainFly{0%{opacity:0;transform:translate(-50%,15px) scale(.75)}15%{opacity:1;transform:translate(-50%,0) scale(1.08)}65%{opacity:1;transform:translate(-50%,-45px) scale(1)}100%{opacity:0;transform:translate(-50%,-140px) scale(.8)}}@media(prefers-reduced-motion:reduce){.tutorial-gain{animation:none}.tutorial-gain{opacity:1}.tutorial-cashout.is-ready{animation:none}}