.tutorial-dialog{width:min(760px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:0;border:0;background:transparent;color:var(--sg-cream,#f5ead3)}
.tutorial-dialog::backdrop{background:rgba(1,8,5,.84);backdrop-filter:blur(8px)}
.tutorial-card{position:relative;max-height:calc(100dvh - 20px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(145deg,#173b2e,#061812);box-shadow:0 35px 90px rgba(0,0,0,.52)}
.tutorial-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:inherit;background:rgba(255,255,255,.04);font-size:22px}
.tutorial-kicker{display:block;color:var(--sg-gold,#e7c477);font-size:9px;font-weight:900;letter-spacing:.15em}.tutorial-card h2{margin:8px 46px 8px 0;font:600 38px Georgia,serif}.tutorial-card>p{margin:0;color:var(--sg-muted,#a8b8af);font-size:12px;line-height:1.75}.tutorial-progress{height:6px;margin:18px 0;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.tutorial-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b77b32,#f5d995);transition:width .3s ease}.tutorial-scene{min-height:260px;display:grid;place-items:center;margin:16px 0;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 50% 30%,rgba(48,148,100,.23),transparent 54%),linear-gradient(145deg,#0c5a3b,#063523)}
.tutorial-cards{display:flex;justify-content:center;align-items:flex-end;gap:10px;flex-wrap:wrap}.tutorial-cards img{width:94px;border-radius:10px;box-shadow:0 16px 28px rgba(0,0,0,.34)}.tutorial-chip{display:inline-grid;place-items:center;min-width:62px;height:44px;padding:0 12px;border-radius:14px;border:1px solid rgba(245,217,149,.35);background:rgba(3,17,12,.72);color:#f5d995;font-weight:900}.tutorial-quiz{width:min(620px,100%);display:grid;gap:9px}.tutorial-quiz button{min-height:50px;padding:10px 14px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:inherit;background:rgba(3,17,12,.72);font-size:11px}.tutorial-quiz button.correct{border-color:#74d89e;background:rgba(58,148,96,.18)}.tutorial-quiz button.wrong{border-color:#e7746a;background:rgba(231,116,106,.14)}.tutorial-feedback{min-height:24px;margin-top:10px;text-align:center;color:#f5d995;font-size:10px;font-weight:850}.tutorial-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.tutorial-actions button{min-height:46px;padding:0 18px;border-radius:13px;font-size:10px;font-weight:900}.tutorial-prev{border:1px solid rgba(255,255,255,.13);color:inherit;background:rgba(255,255,255,.04)}.tutorial-next{border:0;color:#26170e;background:linear-gradient(145deg,#f5d995,#b97d34)}
@media(max-width:720px){.tutorial-card{padding:22px 14px}.tutorial-card h2{font-size:31px}.tutorial-card>p{font-size:10px}.tutorial-scene{min-height:220px;padding:12px}.tutorial-cards img{width:66px}.tutorial-quiz button{font-size:9px}.tutorial-actions button{font-size:8px;padding:0 13px}}