.home-mode-row{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%}.home-mode-row .home-mode-choice{min-width:0;gap:8px;padding:8px 13px}.tutorial-button{flex-shrink:0;min-height:40px;padding:7px 12px;background:linear-gradient(#fff7d9,#ffdb91);border:2px solid #a66e31;border-radius:22px;box-shadow:inset 0 2px #fffdf0,0 3px #754420;color:#784522;font:900 14px/1.2 Nunito,sans-serif}.tutorial-button:active{transform:translateY(2px)}
.game header #help{width:auto;min-width:44px;padding:0 6px;font-size:12px;font-weight:900;border-radius:11px;flex-shrink:0}.game header .brand{flex-shrink:1;min-width:0}.game header .header-right{flex-shrink:0}
dialog[data-screen="tutorial"]{width:min(92vw,420px);padding:25px 22px 22px;max-height:92dvh;text-align:center;border:4px solid #b37531;border-radius:28px;outline:2px solid #fff1bb;background:linear-gradient(140deg,#fff8dd,#ffe6aa 68%,#ffd58b);box-shadow:inset 0 0 0 3px #fff3c7,inset 0 -7px #e8b160,0 7px #744420,0 22px 60px #152f3577;overflow:auto}
dialog[data-screen="tutorial"]::backdrop{background:linear-gradient(#123e5660,#56350f77),url('menu-art.webp') center/auto 100% no-repeat,#126f89;backdrop-filter:blur(3px)}
dialog[data-screen="tutorial"] .close{top:10px;right:10px;width:38px;height:38px;min-height:38px;border:2px solid #b77b36;border-radius:12px;background:linear-gradient(#fff7d7,#ffdb91);color:#805027;box-shadow:inset 0 2px #fff,0 3px #94602d;font-size:28px;line-height:1}
dialog[data-screen="tutorial"] .badge{margin:4px 28px 8px;padding:5px 12px;background:#4563d6;color:#fff6ca;border:1px solid #3046ac;box-shadow:inset 0 1px #8190ed,0 2px #b68b49;font-size:12px}
dialog[data-screen="tutorial"] h2{font:1000 clamp(25px,7vw,31px)/1.06 Nunito,sans-serif;letter-spacing:-.035em;color:#99501f;text-shadow:0 2px #fffbed;margin:9px 0 12px}
.tutorial-board{max-width:320px;margin:0 auto 12px}.tutorial-board svg{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 0 #bf914b45)}.tutorial-moving-glass{transform:translate(213px,188px);animation:tutorial-ricochet 4.8s linear infinite;transform-origin:0 0}.tutorial-bounce-star{transform-origin:35px 106px;animation:tutorial-bounce 4.8s ease-out infinite}
@keyframes tutorial-ricochet{0%,15%{transform:translate(213px,188px);opacity:1}53%{transform:translate(35px,106px);opacity:1}84%,92%{transform:translate(160px,39px);opacity:1}96%,100%{transform:translate(160px,39px);opacity:0}}
@keyframes tutorial-bounce{0%,48%,67%,100%{transform:scale(.7);opacity:.4}53%,59%{transform:scale(1.4);opacity:1}}
.tutorial-fusion{display:flex;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:22px 0;margin:12px 0;border-radius:20px;background:#fff3cb;box-shadow:inset 0 0 0 2px #e9c77d}.tutorial-fusion img{width:20%;max-width:70px;height:90px;object-fit:contain;filter:drop-shadow(0 5px 3px #a5713230)}.tutorial-fusion img:last-child{height:106px;transform:rotate(7deg)}.tutorial-fusion span{font:1000 25px Nunito,sans-serif;color:#bd852d}
.tutorial-copy p{font-size:16px;line-height:1.5;margin:10px 0;color:#754c29}.tutorial-copy .tutorial-note{font-size:14px;padding:10px 12px;border-radius:13px;background:#fff8dd99;color:#855a2c;margin:12px 0}.tutorial-once{font-size:13px!important;line-height:1.4!important;color:#8d653a!important;margin:14px 10px!important}.tutorial-progress{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 14px}.tutorial-progress span{height:7px;width:21px;border-radius:8px;background:#d5b27a}.tutorial-progress span.current{background:#4261d1;width:31px}.tutorial-progress b{font-size:12px;color:#865b2d;margin-left:5px}.tutorial-actions{display:flex;align-items:center;gap:10px;margin:16px 0 4px}.tutorial-next{flex:1;min-width:0;min-height:55px;max-width:none;font-size:24px;border-radius:19px;margin:0;padding:12px}.tutorial-actions .secondary{flex:0 0 auto;width:auto;max-width:42%;min-height:48px;margin:0;padding:10px;font-size:14px}
@media(max-width:360px){dialog[data-screen="tutorial"]{padding:22px 16px 18px}.tutorial-copy p{font-size:15px}.tutorial-next{font-size:21px}.home-mode-row{gap:6px}.home-mode-row .home-mode-choice{font-size:14px;padding:8px 10px}.tutorial-button{padding:7px 10px}.game header .brand{font-size:4.3cqw}.game header .header-right{gap:1.1cqw}}
@media(max-height:700px){.tutorial-board{max-width:260px}.tutorial-fusion{min-height:120px;padding:12px 0}.tutorial-copy p{margin:8px 0}.tutorial-copy .tutorial-note{padding:8px 10px;margin:8px 0}.tutorial-once{margin:9px 4px!important}.tutorial-actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.tutorial-moving-glass,.tutorial-bounce-star{animation:none}}.quiet-effects .tutorial-moving-glass,.quiet-effects .tutorial-bounce-star{animation:none}