/* The existing animated forest remains the backdrop: no second video decoder. */
.tutorial-open .game{visibility:hidden}.tutorial{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;color:#fff5db;background:radial-gradient(ellipse,#13252bd9,#100f1bc2 65%,#080d17cc);overflow:auto;box-shadow:none}.tutorial::backdrop{background:transparent}
.tutorial-shell{width:min(900px,100%);min-height:100%;margin:auto;padding:24px;display:flex;flex-direction:column;gap:16px;text-align:center}.tutorial header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-brand{font:900 30px/1 Georgia,serif;color:#ffdf8e;text-shadow:0 2px #40183a}.tutorial-brand span{color:#eecbff}.tour-skip{border:1px solid #b8a5c87a;border-radius:22px;background:#171525b8;color:#fff;padding:10px 15px;font:700 11px Arial;white-space:nowrap}
.tutorial-page{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:0}.tutorial-page h1{margin:0;color:#ffe9a9;font:900 clamp(22px,3vw,35px)/1.1 Georgia,serif;text-shadow:0 2px #381b3f}.tutorial-page p{margin:0;font:17px/1.5 Arial,sans-serif;color:#f7f1fc;text-shadow:0 2px 3px #000}.tutorial-page .tour-note{font-size:12px;max-width:650px;color:#e1d6e5}.tour-art{display:flex;justify-content:center;align-items:center;gap:10px}.tour-art .guide-symbol{width:145px;height:160px}.tour-max{font:bold 20px Arial;letter-spacing:1px;color:#ffe4a1}.tour-max strong{display:block;font:900 54px Georgia,serif;color:#fff0b2;text-shadow:0 0 18px #d28b22}
.tour-rewards,.tour-boost{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:10px 18px;border:1px solid #c5a26b77;border-radius:10px;background:#26132fb8;font:14px Arial}.tour-rewards strong{color:#ffdd7d;font-size:22px}.tour-wild{display:flex;align-items:center;gap:14px;max-width:460px}.tour-wild .guide-symbol{width:100px;height:85px;flex:none}.tour-boost span{font:bold 25px Georgia;color:#e9beff}.tour-tower-demo{display:flex;align-items:center;justify-content:center;gap:22px}.tour-tower-demo>div:not(.tour-mini-ladder){width:190px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.tour-tower-demo .guide-symbol{width:85px;height:115px}.tour-tower-demo b{display:block;width:100%;font:700 12px Arial;color:#ffe19b}.tour-mini-ladder{width:120px;display:flex;flex-direction:column;gap:5px;padding:12px 8px;border:2px solid #ffdb74;border-radius:12px;background:#27113dd9;box-shadow:0 0 18px #c36aff}.tour-mini-ladder span,.tour-mini-ladder strong{font:bold 26px Georgia;padding:10px;border-bottom:1px solid #f2c35b}.tour-mini-ladder strong{background:#782bc5;border:1px solid #fbd982;border-radius:7px;color:#fff3a7}.tour-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(620px,100%)}.tour-options>div{padding:18px 10px;border:1px solid #c59e64;border-radius:14px;background:#271632c4}.tour-options .guide-symbol{width:115px;height:120px;margin:auto}.tour-options h3{font:900 20px Georgia;color:#ffdf95;margin:6px 0}.tour-options strong{font:bold 14px Arial;color:#e7c7ff}.tour-options p{font-size:14px;margin-top:8px}
.tutorial-footer{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;font-size:12px}.tour-dots{display:flex;gap:10px}.tour-dots button{width:11px;height:11px;border:1px solid #e4cba4;background:#ad8fc755;border-radius:50%;padding:0}.tour-dots button[aria-current=step]{background:#ffe69a;box-shadow:0 0 10px #ffd87a}.tour-navigation{display:flex;align-items:center;justify-content:center;gap:25px;width:100%}.tour-navigation button{margin:0;min-width:110px}.tour-count{color:#dcc8e7;font:12px Arial}.tour-preference{display:flex;align-items:center;gap:7px;font:12px Arial;color:#ddd2e8}.tour-preference input{accent-color:#b066dd}
@media(max-width:600px){.tutorial-shell{padding:18px 14px;gap:12px}.tutorial-brand{font-size:21px;max-width:160px;line-height:1.1}.tour-skip{font-size:9px;padding:9px}.tutorial-page{gap:12px}.tutorial-page h1{font-size:23px}.tutorial-page p{font-size:14px;line-height:1.4}.tour-art{gap:3px}.tour-art .guide-symbol{width:95px;height:115px}.tour-max{font-size:15px}.tour-max strong{font-size:43px}.tutorial-page .tour-note{font-size:10px}.tour-rewards{padding:8px;gap:9px;font-size:11px}.tour-rewards strong{font-size:18px}.tour-wild .guide-symbol{width:74px;height:72px}.tour-boost{gap:8px;font-size:10px;padding:8px}.tour-boost span{font-size:21px}.tour-tower-demo{gap:10px}.tour-tower-demo>div:not(.tour-mini-ladder){width:95px}.tour-tower-demo .guide-symbol{width:44px;height:80px}.tour-tower-demo b{font-size:9px}.tour-mini-ladder{width:83px;padding:7px}.tour-mini-ladder span,.tour-mini-ladder strong{font-size:22px;padding:7px}.tour-options{gap:10px}.tour-options>div{padding:12px 7px}.tour-options .guide-symbol{width:90px;height:100px}.tour-options h3{font-size:16px}.tour-options strong{font-size:11px}.tour-options p{font-size:12px}.tour-navigation{gap:14px}.tour-navigation button{min-width:100px;padding:11px}.tutorial-footer{gap:10px}}
@media(max-height:580px){.tutorial-shell{padding:10px 12px;gap:8px}.tutorial-page{gap:7px}.tutorial-page h1{font-size:20px}.tutorial-page p{font-size:12px}.tour-art .guide-symbol{height:82px;width:80px}.tour-max strong{font-size:36px}.tour-wild .guide-symbol{height:52px;width:60px}.tutorial-page .tour-note{font-size:9px}.tour-options .guide-symbol{height:70px;width:75px}.tour-options>div{padding:8px}.tour-tower-demo .guide-symbol{height:66px}.tour-mini-ladder span,.tour-mini-ladder strong{font-size:18px;padding:5px}.tour-boost span{font-size:18px}.tutorial-footer{gap:7px}.tour-navigation button{padding:9px 12px}.tutorial-brand{font-size:20px}.tour-skip{padding:7px}.tour-preference{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.tutorial-page{animation:tour-enter .3s ease-out}@keyframes tour-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}}
.tutorial-open{overflow:hidden}.tutorial::backdrop{backdrop-filter:none}.tutorial{background:linear-gradient(#07111c88,#0d0c21ad 55%,#08111ccc)}
@media(max-height:580px){.tutorial-page:has(.tour-max) .tour-art .guide-symbol{width:95px;height:112px}}
.tutorial .tour-navigation button{font:700 14px/1.15 Arial,sans-serif}.tutorial .tour-navigation .secondary{color:#f5e8ff}
.tutorial-open .game,.tutorial-open .game *{visibility:hidden!important}

.tour-tools{display:flex;align-items:center;gap:7px}
.tour-audio{padding:9px 12px;border:1px solid #62e5d9;border-radius:22px;background:#103b3ac4;color:#d5fff8;font:700 10px Arial,sans-serif;white-space:nowrap}
.tour-audio[aria-pressed=true]{border-color:#75ffe8;box-shadow:0 0 9px #53dfcf66}
@media(max-width:600px){.tutorial header{gap:8px}.tutorial-brand{font-size:19px;max-width:130px}.tour-tools{gap:5px}.tour-audio,.tour-skip{font-size:8px;padding:8px 7px}}
.tutorial .guide-symbol small{font-size:11px}