.theater-entry-chip{display:inline-flex!important;align-items:center;gap:7px;border:1px solid #e04a5745;border-radius:999px;background:#681d2829;color:#e7a5ae!important;padding:5px 10px;font:9px Orbitron,sans-serif!important;letter-spacing:.1em;cursor:pointer}.theater-entry-chip:before{content:'◇';font-size:12px}.theater-entry-chip:hover{background:#81273345;border-color:#e04a5788}
.theater-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#07070a;color:#f5eff1;overflow:hidden}.theater-dialog::backdrop{background:#050507}.theater-shell{height:100%;display:grid;grid-template-rows:auto 1fr;background:#07070a}.theater-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid #ffffff14;background:#0b090cd9;backdrop-filter:blur(22px);z-index:10}.theater-back{width:42px;height:42px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;font-size:19px}.theater-heading small{display:block;color:#e04a57;font:9px Orbitron,sans-serif;letter-spacing:.18em}.theater-heading h2{margin:4px 0 0;font:400 20px var(--font-display);letter-spacing:.1em}.theater-status{display:flex;align-items:center;gap:13px;font-size:10px;color:#9f949b}.theater-status span{display:flex;align-items:center;gap:6px}.theater-status i{width:6px;height:6px;border-radius:50%;background:#70bd8a;box-shadow:0 0 10px #70bd8a}.theater-status .local i{background:#e04a57;box-shadow:0 0 10px #e04a57}
.theater-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);min-height:0}.theater-viewport{position:relative;overflow:hidden;perspective:1000px;background:#09090c}.theater-scene{position:absolute;inset:0;overflow:hidden;transform-style:preserve-3d}.theater-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#03030520 0%,transparent 35%,#050508aa 100%),radial-gradient(circle at 50% 45%,transparent 20%,#030305a8 100%)}
.scene-layer{position:absolute;inset:-5%;transition:transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}.theater-viewport:hover .layer-back{transform:translateZ(-80px) scale(1.09) translateX(-.5%)}.theater-viewport:hover .layer-mid{transform:translateZ(10px) scale(1.01) translateX(.6%)}.theater-viewport:hover .layer-front{transform:translateZ(55px) scale(.96) translateX(1%)}
.scene-aquarium .layer-back{background:radial-gradient(ellipse at 50% 35%,#1e5870,#0a2332 36%,#06111c 63%,#03050a 84%);animation:waterBreathe 8s ease-in-out infinite}.scene-aquarium .layer-back:before{content:'';position:absolute;inset:-20%;background:repeating-conic-gradient(from 205deg at 50% -12%,transparent 0 7deg,#93eff418 8deg 9deg,transparent 10deg 17deg);filter:blur(8px);transform-origin:50% 0;animation:aquaRays 10s ease-in-out infinite}.scene-aquarium .layer-mid{background:radial-gradient(ellipse at 32% 40%,#c7fbff12,transparent 18%),radial-gradient(ellipse at 72% 33%,#9cebf012,transparent 16%),linear-gradient(105deg,transparent 12%,#7dd9e52b 12.3%,transparent 13%),linear-gradient(75deg,transparent 70%,#7dd9e522 70.3%,transparent 71%);animation:causticDrift 12s linear infinite}.scene-aquarium .layer-front{inset:12% 8% 16%;border:1px solid #7fd8e030;border-radius:50% 50% 42% 42%;box-shadow:inset 0 0 110px #2e9bb848,0 0 70px #0a4f644d}.jelly{position:absolute;width:62px;height:38px;border-radius:50% 50% 38% 38%;background:radial-gradient(circle at 50% 18%,#fff1f3d9,#e77b896e 43%,#d83b5060 58%,transparent 74%);filter:blur(1.4px);box-shadow:0 0 42px #e04a5770;animation:jellyFloat 7s ease-in-out infinite;z-index:2}.jelly:after{content:'';position:absolute;left:20%;right:20%;top:65%;height:50px;background:repeating-linear-gradient(90deg,transparent 0 8px,#f2a9b238 9px 10px,transparent 11px 16px);mask-image:linear-gradient(#000,transparent);filter:blur(1px)}.j1{left:16%;top:27%}.j2{right:18%;top:39%;animation-delay:-2.4s;transform:scale(.72)}.j3{left:48%;top:17%;animation-delay:-4.6s;transform:scale(.48)}@keyframes jellyFloat{50%{translate:8px 24px;filter:blur(2.2px)}}@keyframes waterBreathe{50%{filter:brightness(1.13) saturate(1.08);transform:scale(1.025)}}@keyframes aquaRays{50%{transform:scaleX(1.14) rotate(3deg);opacity:.62}}@keyframes causticDrift{to{translate:4% 2%}}
.scene-coast .layer-back{background:linear-gradient(#392231 0 29%,#b86a6268 34%,#20405a 38%,#081725 49%,#02060c 100%)}.scene-coast .layer-back:after{content:'';position:absolute;left:-15%;right:-15%;top:35%;height:30%;background:radial-gradient(ellipse at 50% 0,#d8ad8360,transparent 54%);filter:blur(18px);animation:horizonGlow 7s ease-in-out infinite}.scene-coast .layer-mid{top:38%;bottom:-30%;background:repeating-radial-gradient(ellipse at 50% -5%,#f4ded024 0 2px,#85adbf0d 3px 15px,transparent 17px 35px),linear-gradient(180deg,#557b8b45,#07131f 68%);transform:rotateX(57deg) scale(1.5);transform-origin:50% 0;animation:tideRise 6.5s ease-in-out infinite}.scene-coast .layer-mid:after{content:'';position:absolute;left:-20%;right:-20%;top:12%;height:42px;background:radial-gradient(ellipse at 8% 50%,#fff 0 2px,transparent 3px),radial-gradient(ellipse at 23% 50%,#fff8 0 3px,transparent 5px),radial-gradient(ellipse at 42% 50%,#fff 0 2px,transparent 4px),radial-gradient(ellipse at 67% 50%,#fff9 0 3px,transparent 5px),radial-gradient(ellipse at 86% 50%,#fff 0 2px,transparent 4px),linear-gradient(180deg,transparent 38%,#f5eee7a8 47%,#c8e0e37a 53%,transparent 66%);filter:blur(1.2px);animation:foamSweep 5.2s ease-in-out infinite}.scene-coast .layer-front{background:linear-gradient(110deg,transparent 0 29%,#030509 29.5% 38%,transparent 38.5%),linear-gradient(76deg,transparent 0 65%,#04060a 65.4% 72%,transparent 72.5%)}@keyframes tideRise{0%,100%{translate:0 8%;filter:brightness(.83)}50%{translate:0 -5%;filter:brightness(1.12)}}@keyframes foamSweep{0%,100%{translate:-7% 28%;opacity:.38;scale:.94}50%{translate:8% -20%;opacity:.95;scale:1.08}}@keyframes horizonGlow{50%{opacity:.55;transform:scaleX(1.08)}}
.scene-gaia .layer-back{background:radial-gradient(circle at 50% 84%,#f0c08ecc,#71345170 23%,#112437 48%,#060813 74%);overflow:hidden}.scene-gaia .layer-back:before{content:'';position:absolute;inset:-35%;background:repeating-conic-gradient(from 0deg at 50% 58%,transparent 0 5deg,#9cecf52e 5.4deg 5.8deg,transparent 6.2deg 12deg,#d486e722 12.4deg 12.8deg,transparent 13.2deg 20deg);filter:blur(2px);mask-image:radial-gradient(circle at 50% 58%,transparent 0 7%,#000 18%,transparent 78%);animation:warpApproach 7s linear infinite}.scene-gaia .layer-back:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 24% 45%,#60e7d91f,transparent 34%),radial-gradient(ellipse at 77% 34%,#a96ce82b,transparent 38%);filter:blur(17px);animation:auroraFold 9s ease-in-out infinite alternate}.scene-gaia .layer-mid{inset:12%;border:1px solid #dec0a852;border-radius:50%;box-shadow:0 0 0 38px #e2c0a209,0 0 0 78px #e2c0a207,0 0 90px #e8a27335 inset;animation:portalBreath 6s ease-in-out infinite}.scene-gaia .layer-front{inset:14% 20% 18%;border:1px solid #f1c2942f;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 42%,#f1c2940c 43%,transparent 47%);box-shadow:inset 0 0 55px #e8b88014}.scene-gaia .layer-front:before{content:'';position:absolute;left:50%;bottom:5%;width:14%;height:53%;translate:-50% 0;border:1px solid #f1d6bb66;border-radius:50% 50% 8% 8%;background:linear-gradient(90deg,#090b15aa,#e6b98918,#090b15aa);box-shadow:0 0 35px #efb87922}.scene-gaia .layer-front:after{content:'';position:absolute;left:50%;bottom:54%;width:78%;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,#fff5dc,#eec28a80 30%,transparent 78%);box-shadow:0 0 18px #ffd49c,0 0 45px #ef9d65;animation:lighthouseSweep 8s linear infinite}@keyframes warpApproach{from{transform:rotate(0) scale(.72)}to{transform:rotate(360deg) scale(1.2)}}@keyframes auroraFold{to{transform:skewX(-8deg) scale(1.09);filter:blur(24px) hue-rotate(18deg)}}@keyframes portalBreath{50%{transform:scale(1.045);box-shadow:0 0 0 48px #e2c0a20b,0 0 0 95px #e2c0a205,0 0 110px #e8a27348 inset}}@keyframes lighthouseSweep{to{rotate:360deg}}
.scene-safehouse .layer-back{background:linear-gradient(90deg,#0a0b11 0 52%,#26121a 52% 54%,#101421 54% 100%)}.scene-safehouse .layer-mid{inset:8% 12% 26% 46%;border:1px solid #ffffff14;background:linear-gradient(145deg,#8b344136,#17213655);box-shadow:0 0 80px #e04a5712}.scene-safehouse .layer-front{left:8%;right:38%;top:56%;bottom:10%;background:#130e12;border-radius:60% 28% 12% 10%;box-shadow:0 -12px 60px #b7374620}
.scene-caption{position:absolute;z-index:3;left:34px;bottom:29px;max-width:68%}.scene-caption small{display:block;color:#d77a86;font:9px Orbitron,sans-serif;letter-spacing:.16em}.scene-caption h3{margin:7px 0 5px;font:400 28px var(--font-display);letter-spacing:.09em;text-shadow:0 2px 18px #000}.scene-caption p{margin:0;color:#bdb2b8;font-size:12px}.hotspot{position:absolute;z-index:5;width:34px;height:34px;border:1px solid #ffffffb0;border-radius:50%;background:#0a090c99;box-shadow:0 0 0 8px #ffffff0b,0 0 28px #e04a5740;color:#fff;font-size:0;animation:hotspotPulse 2.5s ease-in-out infinite}.hotspot:after{content:'';position:absolute;inset:11px;border-radius:50%;background:#f1dce0}.hotspot:hover,.hotspot:focus-visible{border-color:#e04a57;box-shadow:0 0 0 11px #e04a5723,0 0 36px #e04a5780}.hotspot[data-index="0"]{left:28%;top:39%}.hotspot[data-index="1"]{right:28%;top:30%;animation-delay:-.8s}.hotspot[data-index="2"]{left:55%;top:61%;animation-delay:-1.6s}@keyframes hotspotPulse{50%{box-shadow:0 0 0 13px #ffffff05,0 0 34px #e04a5760}}
.theater-panel{display:grid;position:static;inset:auto;width:auto;padding:0;border:0;border-radius:0;grid-template-rows:auto auto 1fr auto;min-height:0;border-left:1px solid #ffffff14;background:#0e0b0f;overflow:hidden}.scene-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ffffff12}.scene-tabs button{border:0;border-right:1px solid #ffffff0c;background:transparent;color:#766d73;padding:14px 5px;font:10px Orbitron,sans-serif}.scene-tabs button.active{color:#fff;background:#e04a5717}.theater-instruction{padding:19px 21px;border-bottom:1px solid #ffffff12}.theater-instruction small{display:block;color:#d47783;font:9px Orbitron,sans-serif;letter-spacing:.15em}.theater-instruction p{margin:8px 0 0;color:#b8adb3;font-size:12px;line-height:1.7}.theater-feed{padding:18px 21px;overflow:auto;scrollbar-width:thin}.theater-beat{margin-bottom:19px}.theater-beat time{display:block;color:#6f666c;font:9px Orbitron,sans-serif;margin-bottom:7px}.theater-beat p{margin:0;color:#d9d0d5;font-size:13px;line-height:1.85}.theater-beat.character p{color:#fff}.theater-beat.character:before{content:'SYLUS';display:block;color:#d27782;font:9px Orbitron,sans-serif;letter-spacing:.13em;margin-bottom:6px}.theater-actions{padding:14px 18px 18px;border-top:1px solid #ffffff12}.theater-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#81767d;font-size:10px}.theater-progress span{flex:1;height:2px;background:#ffffff12}.theater-progress i{display:block;height:100%;background:#e04a57;transition:width .35s}.theater-continue{width:100%;padding:12px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff08}.theater-continue:hover{background:#e04a571d;border-color:#e04a5750}
@media(max-width:760px){.theater-header{padding:14px 16px;grid-template-columns:auto 1fr}.theater-status{grid-column:1/-1;justify-content:space-between;border-top:1px solid #ffffff0e;padding-top:10px}.theater-body{grid-template-columns:1fr;grid-template-rows:minmax(330px,52vh) 1fr}.theater-panel{border-left:0;border-top:1px solid #ffffff14;grid-template-rows:auto auto minmax(120px,1fr) auto}.scene-caption{left:22px;bottom:22px}.scene-caption h3{font-size:22px}.theater-feed{max-height:190px}.hotspot{width:40px;height:40px}.hotspot:after{inset:14px}}
@media(prefers-reduced-motion:reduce){.jelly,.hotspot,.scene-aquarium .layer-back,.scene-aquarium .layer-back:before,.scene-aquarium .layer-mid,.scene-coast .layer-back:after,.scene-coast .layer-mid,.scene-coast .layer-mid:after,.scene-gaia .layer-back:before,.scene-gaia .layer-back:after,.scene-gaia .layer-mid,.scene-gaia .layer-front:after{animation:none}.scene-layer{transition:none}}
/* Player scene artwork: one selected image per story space, animated as a living background. */
.scene-aquarium .layer-back{background:linear-gradient(#02071222,#02071288),url('/assets/aquarium-night.jpg') center/cover no-repeat;animation:sceneKenBurns 18s ease-in-out infinite alternate}
.scene-coast .layer-back{background:linear-gradient(#07101a28,#02060ca8),url('/assets/coast-observatory.jpg') center/cover no-repeat;animation:sceneKenBurns 20s ease-in-out infinite alternate-reverse}
.scene-gaia .layer-back{background:linear-gradient(#080a1020,#05070da0),url('/assets/gaia-dawn.jpg') center/cover no-repeat;animation:sceneKenBurns 22s ease-in-out infinite alternate}
.scene-coast .jelly,.scene-gaia .jelly,.scene-safehouse .jelly{display:none}
@keyframes sceneKenBurns{to{transform:scale(1.08) translate3d(-1.5%,1%,0);filter:brightness(1.08) saturate(1.04)}}
.theater-memory-label{margin:4px 0 12px;color:#e04a57;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.theater-memory-label:not(:first-child){margin-top:10px;padding-top:14px;border-top:1px solid #ffffff12}