/* Scenario players on guide pages (see assets/js/scn.js). */
.scn{margin:18px 0 22px;padding:16px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.scn-quiz{border:2px solid #FDBA74;background:#FFFBF5}
.scn-h{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}
.scn-tag{font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#C2410C;margin:0}
.scn-count{font-size:13px;color:#64748B;font-weight:700;white-space:nowrap}
.guide .scn-q{font-size:19px;font-weight:800;line-height:1.3;margin:4px 0 12px;color:#0F172A}
.scn-stage{position:relative;border-radius:12px;overflow:hidden;background:#7FB069;aspect-ratio:4/3;max-width:560px;margin:0 auto}
.scn-3d{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease}
.scn-3d.on{opacity:1}
.scn-stage svg{display:block;width:100%;height:100%}
.scn-ans{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}
.scn-ans button{font:inherit;font-size:17px;font-weight:800;padding:13px;border-radius:12px;border:2px solid #E5E7EB;background:#fff;color:#0F172A;cursor:pointer;transition:transform .12s ease,border-color .15s ease}
.scn-ans.long{grid-template-columns:1fr}
.guide .scn-ans.long button{font-size:16px;text-align:left;font-weight:700}
.scn-ans button:hover:not(:disabled){border-color:#1976D2}
.scn-ans button:active:not(:disabled){transform:scale(.97)}
.scn-ans button.right{border-color:#15803D;background:#F0FDF4;color:#15803D}
.scn-ans button.wrong{border-color:#B91C1C;background:#FEF2F2;color:#B91C1C}
.scn-ans button:disabled{cursor:default}
.scn-res{display:none;margin-top:12px;border-radius:12px;padding:12px 14px}
.scn-res.show{display:block;animation:scnIn .3s cubic-bezier(.2,.8,.2,1)}
@keyframes scnIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.scn-res.ok{background:#F0FDF4;border:1px solid #BBF7D0}
.scn-res.no{background:#FEF2F2;border:1px solid #FECACA}
.guide .scn-verdict{font-weight:900;font-size:17px;margin:0 0 4px}
.guide .ok .scn-verdict{color:#15803D}
.guide .no .scn-verdict{color:#B91C1C}
.guide .scn-why{margin:0}
.guide .scn-rule{margin:8px 0 0;padding:9px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:15px}
.scn-rule b{color:#1976D2}
.guide .scn-src{font-size:13px;line-height:1.5;color:#64748B;margin:6px 0 0}
.scn-ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.guide .scn-btn{display:inline-block;font:inherit;font-weight:800;font-size:15px;padding:10px 16px;border-radius:12px;border:0;background:#E65C00;color:#fff;cursor:pointer;text-decoration:none}
.guide .scn-btn.ghost{background:#fff;color:#1976D2;border:2px solid #1976D2}
.scn-done{text-align:center}
.guide .scn-big{font-size:46px;font-weight:900;color:#E65C00;margin:0}
.scn-reveal{animation:scnIn .3s cubic-bezier(.2,.8,.2,1)}
.siren{animation:scnBlink .5s steps(1) infinite}
.siren.b{animation-delay:.25s}
@keyframes scnBlink{50%{opacity:.15}}
.guide .rule-pill{display:inline-block;background:#E8F0FE;color:#1976D2;font-weight:800;padding:6px 14px;border-radius:999px;margin:2px 0 4px;line-height:1.4}
.sources{border-top:1px solid var(--border);margin-top:22px;padding-top:4px}
.sources h2{font-size:20px;margin:14px 0 6px}
.guide .sources p,.guide .sources li{font-size:15px;line-height:1.6}
@media (prefers-reduced-motion:reduce){.scn-res.show{animation:none}.siren{animation:none}.scn-ans button{transition:none}}