.tutorial-modal{width:min(100% - 24px,500px);max-width:500px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #ac874e;border-radius:20px;background:#111522;color:#f1e8d7;box-shadow:0 24px 100px #000b;overflow:auto}
.tutorial-modal::backdrop{background:#050812e8;backdrop-filter:blur(5px)}
.tutorial-visual{position:relative;height:clamp(100px,24dvh,210px);background:linear-gradient(145deg,#2e203c,#151c29);overflow:hidden}
.tutorial-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#111522)}
.tutorial-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.tutorial-kicker{position:absolute;z-index:1;bottom:8px;left:24px;color:#f7cf86;font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
.tutorial-body{padding:12px 24px 24px}
.tutorial-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d7ac68;font-size:11px;letter-spacing:.035em}
.tutorial-meta span:last-child{white-space:nowrap;color:#adafc0}
.tutorial-body h2{font-family:'Cinzel',serif;font-size:clamp(22px,6vw,29px);line-height:1.2;margin:18px 0 14px;color:#fff1d9;outline-offset:5px}
.tutorial-copy{font-size:15px;line-height:1.65;color:#dedcea;margin:0}
.tutorial-tip{border-left:2px solid #ba9459;padding:12px 14px;background:#ffffff05;font-size:12px;line-height:1.6;color:#bcbacb;margin:20px 0 16px}
.tutorial-progress{display:block;width:100%;height:4px;accent-color:#ddb773;border:0;border-radius:4px;background:#2a2837}
.tutorial-progress::-webkit-progress-bar{background:#2a2837;border-radius:4px}
.tutorial-progress::-webkit-progress-value{background:#ddb773;border-radius:4px}
.tutorial-actions{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:18px}
.tutorial-actions button{min-height:46px;margin:0}
.tutorial-error{font-size:13px;color:#ffacac;line-height:1.4}
.tutorial-error:empty{display:none}
@media(max-height:620px){.tutorial-visual{height:90px}.tutorial-body{padding:8px 18px 18px}.tutorial-body h2{margin:12px 0}.tutorial-tip{margin:12px 0}.tutorial-copy{font-size:14px}}