/* Premium narrative environments. Financial state remains HTML, never baked into artwork. */
.premium-scene{height:auto;aspect-ratio:2.5;background:#0b1724}
.premium-scene .premium-world{position:absolute;inset:0;width:100%;height:100%;transform:none;z-index:1}
.premium-camera{position:absolute;inset:-4px;transform:none;transform-origin:50% 55%;transition:none}
.premium-camera picture,.premium-camera .scene-art{display:block;width:100%;height:100%;max-width:none}
.premium-camera .scene-art{object-fit:cover;object-position:50% 50%}
.premium-scene[data-asset="1"] .scene-art{object-position:50% 52%}
.premium-scene[data-asset="5"] .scene-art{object-position:55% 50%}
.premium-atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#21d6a500 30%,#f7c66d0d);mix-blend-mode:screen;animation:premium-light 9s ease-in-out infinite alternate}
.premium-scene .scene-light{background:linear-gradient(180deg,#03101dc4,transparent 23%,transparent 68%,#03101de0),linear-gradient(90deg,#06142130,transparent 40%,#06142122);z-index:2}
.premium-scene.warning .scene-light{background:linear-gradient(180deg,#1c1b18d9,transparent 28%,transparent 62%,#11151ce8),linear-gradient(100deg,#fbbf240b,transparent 65%)}
.premium-scene.crisis .premium-world{filter:saturate(.83);transform:none}
.premium-scene.crisis .scene-light{background:linear-gradient(180deg,#100e1bbf,transparent 26%,transparent 62%,#100e1bd9),linear-gradient(90deg,#fb5c690a,transparent 65%)}
.premium-scene .scene-label{color:#f0f5f7;font-size:8px;text-shadow:0 1px 6px #000b;top:18px;left:20px}
.scene-state{position:absolute;top:14px;right:18px;z-index:3;padding:8px 11px;border:1px solid #d6e8e424;border-radius:5px;background:#071726bd;box-shadow:0 4px 15px #0002;backdrop-filter:blur(6px);text-align:right;max-width:45%}
.scene-state>span{display:block;font-size:6px;font-weight:600;letter-spacing:.13em;color:#c6d6df}
.scene-state>strong{display:block;font:11px var(--mono);color:#e1f7ed;margin-top:3px}
.premium-scene.crisis .scene-state>strong{color:#ff929b}
.premium-scene .scene-caption{font-size:11px;color:#f1f5f9;bottom:17px;left:20px;text-shadow:0 1px 5px #000}
.premium-scene .pixel-mark{background:#0a2435b8;border-color:#7095896b;color:#8ff5ce}
.premium-scene.cinematic .scene-state{opacity:0;transition:opacity .15s}
.premium-scene .cinema-overlay{background:linear-gradient(0deg,#05121dcc,transparent 90%)}
.premium-scene[data-cue=anticipate] .scene-light{background:radial-gradient(ellipse at 54% 45%,transparent 15%,#06111e99 85%)}
.premium-scene[data-cue=reveal] .scene-light{background:linear-gradient(180deg,#05121d99,transparent 26%,transparent 70%,#05121dbb),radial-gradient(ellipse at 53% 45%,#f9cc8012,transparent 65%)}
.premium-scene[data-cue=settle] .scene-light{background:linear-gradient(180deg,#05121da0,transparent 26%,transparent 70%,#05121dcc)}
.premium-scene .scene-vector-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 90%,#163b45,#0c1724 85%);z-index:1}
.premium-scene.scene-image-error .premium-world{display:none}
.result-hero>.premium-scene{height:340px;aspect-ratio:auto}
.premium-scene.final-scene[data-asset="1"] .scene-art{object-fit:cover;object-position:50% 50%}
@keyframes premium-light{to{opacity:.45;transform:translateX(12px)}}
@media(max-width:1100px) and (min-width:761px){.premium-scene{min-height:250px;aspect-ratio:2.15}.premium-scene .scene-label{font-size:7px}}
@media(max-width:760px){
 .premium-scene{height:244px;aspect-ratio:auto;min-height:0}
 .premium-scene .premium-world{transform:none!important}
 .premium-scene .scene-label{top:13px;left:13px;font-size:6px;letter-spacing:.1em}
 .scene-state{display:none}
 .scene-state>span{font-size:5.5px}.scene-state>strong{font-size:10px}
 .premium-scene .scene-caption{left:13px;right:13px;bottom:13px;font-size:9px}
 .premium-scene[data-asset="3"] .scene-art{object-position:51% 50%}
 .premium-scene[data-asset="5"] .scene-art{object-position:57% 50%}
 .premium-scene[data-asset="6"] .scene-art{object-position:57% 50%}
 .premium-scene[data-asset="8"] .scene-art{object-position:51% 50%}
 .premium-scene[data-asset="10"] .scene-art{object-position:52% 50%}
 .result-hero>.premium-scene{height:260px}
}
@media(max-width:360px){.premium-scene{height:220px}}
@media(prefers-reduced-motion:reduce){.premium-camera,.premium-atmosphere{animation:none!important;transform:none!important}}
.lite .premium-atmosphere{animation:none!important}