/* A separate, explorable room; the birthday card is inert until the signal is solved. */
body.lost-in-theatre{overflow:hidden;background:#03060a}
.other-world{--beam-x:50vw;--beam-y:42vh;position:fixed;inset:0;z-index:40;overflow:clip;background:#03060a;color:#c9ced0;font-family:Georgia,serif;isolation:isolate}
.other-world[hidden]{display:none}
.lost-theatre{position:absolute;inset:-5%;z-index:-5;transform:scale(1.15) rotate(-2deg);transition:transform 8s ease-out;filter:saturate(.52) contrast(1.15)}
.lost-theatre img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.arrived .lost-theatre{transform:scale(1.04) rotate(0)}
.search-dark{position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 290px 250px at var(--beam-x) var(--beam-y),#02060b05 0%,#02060b25 38%,#02060bac 85%,#02060bdd 150%)}
.spore-haze{position:absolute;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 20% 70%,#99bed22b,transparent 40%),radial-gradient(ellipse at 85% 25%,#882b3026,transparent 35%);filter:blur(25px);animation:lost-air 19s ease-in-out infinite alternate}
.creeping-vines{position:absolute;inset:0;width:100%;height:100%;color:#090e12;filter:drop-shadow(3px 1px 2px #82959b40);opacity:.8;z-index:-1;pointer-events:none;transform-origin:bottom;animation:vine-breath 12s ease-in-out infinite alternate}
.world-explore-surface{position:absolute;inset:0;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;cursor:crosshair}
.world-interface{pointer-events:none;position:absolute;inset:0 0 93px;opacity:0;transition:opacity 2s 1s}
.arrived .world-interface{opacity:1}
.found-object,.world-panel,.world-help{pointer-events:auto}
.is-searching .world-heading,.is-searching .explore-caption,.is-searching .found-object,.is-searching .world-help{opacity:.12}
.explore-caption{transition:opacity .25s}
.lost-header{display:flex;justify-content:space-between;gap:20px;padding:25px 32px;font:9px/1.5 monospace;letter-spacing:3px;color:#95a5ab}.lost-header i{color:#bd5757}.lost-coordinate{opacity:.6}
.world-heading{text-align:center;position:absolute;top:11%;left:12%;right:12%;pointer-events:none;transition:opacity .5s}
.world-heading>p{font:italic 15px Georgia,serif;color:#afb8bb;margin:0 0 12px}.world-heading h2{font:clamp(40px,5vw,76px)/.92 Georgia,serif;color:#cad3d4;letter-spacing:-2px;margin:0;text-shadow:0 2px 10px #000,0 0 24px #ad3e4f70}
.found-object{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:15px;background:none;border:none;color:#c4ccce;padding:15px;min-width:94px;min-height:85px;filter:drop-shadow(0 6px 15px #000);transition:filter .25s,transform .25s}
.found-object>span:last-child{font:10px/1.4 monospace;letter-spacing:1px;text-shadow:0 1px 8px #000;background:#03070bab;padding:5px 8px;border-bottom:1px solid #81939750}
.found-object:hover,.found-object:focus-visible{filter:drop-shadow(0 0 18px #a4bac977);transform:translateY(-4px)}
.found-object.examined>span:last-child:after{content:' ·';color:#a0bac2}.radio-object{left:17%;top:45%}.cue-object{right:15%;top:37%;transform:rotate(8deg)}.wall-object{left:44%;top:38%}
.radio-model{position:relative;width:103px;height:69px;background:linear-gradient(125deg,#393f3a,#151c1b);border:3px solid #676d5b;border-radius:5px;box-shadow:inset 0 0 12px #000;display:grid;grid-template-columns:1fr 40px;align-items:center;transform:rotate(-7deg)}
.radio-model:before{content:'';position:absolute;left:7px;top:-44px;height:42px;width:2px;background:#7b8582;transform:rotate(-15deg)}
.radio-model i{height:42px;margin:6px;background:repeating-linear-gradient(0deg,#070c09 0 2px,#494f44 2px 4px)}.radio-model b{font-size:25px;color:#967456}.radio-model em{position:absolute;bottom:2px;right:6px;font:7px monospace;color:#cebd7b}
.signal-found .radio-model{box-shadow:0 0 25px #a59e5966}
.cue-model{display:block;width:90px;padding:14px 6px;background:#9eaa9d;color:#242e2d;clip-path:polygon(2% 0,97% 2%,98% 90%,83% 96%,72% 91%,60% 100%,48% 93%,22% 97%,0 93%);font:7px monospace;box-shadow:inset 0 0 30px #34413b}.cue-model b{display:block;font:20px Georgia;margin:8px}.cue-model i{font:14px/1.4 monospace;color:#56665b}
.wall-model{display:block;font:23px monospace;border-top:2px solid #8b8e6a;transform:rotate(-4deg);padding:0 6px}.wall-model i{display:block;font:21px monospace;color:#dfb37b;letter-spacing:8px;text-shadow:0 0 15px #e48648}.wall-model b{font-weight:normal;letter-spacing:7px;color:#a8b7b5}
.explore-caption{position:absolute;bottom:19%;left:12%;right:12%;text-align:center;text-shadow:0 2px 10px #000}.explore-caption p{font:italic 17px/1.5 Georgia;margin:0 0 8px}.explore-caption span{font:9px/1.7 monospace;letter-spacing:1px;color:#96a8af}
.world-help{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;z-index:4}.world-help button{font:italic 13px Georgia;background:#070d12b8;color:#b4c6ce;border:1px solid #697e8860;border-radius:2px;padding:11px 18px;min-height:44px}.world-help p{font:13px/1.45 Georgia;margin:9px auto 0;max-width:580px;background:#060b10df;color:#d0d9dc;padding:0 10px}.world-help p:empty{display:none}
.world-panel{position:absolute;z-index:5;bottom:84px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 36px));max-height:calc(100% - 150px);overflow:auto;padding:18px 27px 22px;border:1px solid #6a85865e;background:linear-gradient(120deg,#142127f7,#060c12fa);box-shadow:0 15px 100px #000e,inset 0 0 40px #1b2a2f66;scrollbar-width:thin;scrollbar-color:#52666d #111d22}
.world-panel[hidden]{display:none}.world-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.world-panel>header>span{font:8px/1.5 monospace;letter-spacing:2px;color:#92a6a9}.world-panel>header button{border:0;background:none;color:#b8c9cb;font-size:28px;width:44px;height:44px;margin:-8px -12px -8px 0}.world-panel h3{font:24px/1.2 Georgia;margin:14px 0 18px;color:#d6dedb}.world-panel p{font:14px/1.6 Georgia}.world-panel button:focus-visible,.found-object:focus-visible,.world-help button:focus-visible{outline:2px solid #e9c495;outline-offset:4px}
.inspecting .world-heading{opacity:.18}.inspecting .found-object{opacity:.45}.radio-tuner{display:grid;grid-template-columns:48px 90px 48px;gap:8px;justify-content:center;align-items:center;margin:20px auto}.radio-tuner button{min-height:46px;border:1px solid #72827b;background:#172321;color:#bac5b3;font-size:24px}.radio-tuner output{font:42px monospace;text-align:center;color:#c4b575;text-shadow:0 0 12px #bf98564a}.radio-tuner>span{grid-column:1/-1;text-align:center;font:8px monospace;letter-spacing:4px;color:#a1a997}.radio-transmission{min-height:68px;padding:14px;border-left:2px solid #767d73;background:#02070866;color:#9aa8a7;font-style:italic!important}.signal-found .radio-transmission{color:#e0d2a5;border-color:#ddc487}.signal-found .radio-tuner output{color:#e3d6a2}
.torn-cues{width:220px;margin:0 auto 4px;padding:24px 26px;background:linear-gradient(120deg,#b1b29c,#7a8a80);color:#182322;transform:rotate(-2deg);clip-path:polygon(1% 0,99% 2%,100% 95%,88% 98%,79% 93%,60% 100%,48% 94%,34% 100%,21% 95%,0 98%);box-shadow:inset 0 0 38px #18221e70}.torn-cues>span{font:8px monospace;letter-spacing:1px}.torn-cues p{font:23px/1.8 Georgia!important;margin:12px 0}.torn-cues i{font:11px Georgia}
.alphabet-wall{display:grid;grid-template-columns:repeat(9,1fr);gap:7px 2px;padding-top:7px;background:repeating-linear-gradient(180deg,transparent 0 4px,#48514c 4px 6px,transparent 6px 63px)}
.alphabet-wall button{position:relative;min-width:0;min-height:54px;background:transparent;border:0;color:#c0c8c3;font:21px Georgia;padding-top:17px;transform:rotate(-4deg)}.alphabet-wall button:nth-child(2n){transform:rotate(4deg)}.alphabet-wall button:before{content:'';position:absolute;top:0;left:calc(50% - 5px);width:9px;height:13px;border-radius:50%;background:var(--bulb);opacity:.4}.alphabet-wall button.lit{color:#f7e2b6;text-shadow:0 0 14px #ffd5a5}.alphabet-wall button.lit:before{opacity:1;box-shadow:0 0 13px 5px var(--bulb)}
.light-word{display:block;text-align:center;font:26px monospace;letter-spacing:7px;margin:17px 0;color:#e6d5af}.signal-actions{display:flex;justify-content:center;gap:12px}.signal-actions button{min-height:44px;padding:9px 23px;background:#152427;border:1px solid #607a7b;color:#d5ded6;font:13px Georgia}.signal-actions button:disabled{opacity:.4}#signal-reply{margin-bottom:0}#signal-reply:empty{display:none}
.crossing{position:absolute;inset:0;background:#020304;z-index:10;display:grid;place-items:center;transition:opacity 2.2s;pointer-events:none}.crossing p{position:absolute;top:45%;left:10%;right:10%;text-align:center;font:italic clamp(19px,3vw,32px)/1.5 Georgia;color:#a7afb4;text-shadow:0 0 15px #000}.rift-slit{width:0;height:100%;background:#b0796c;box-shadow:0 0 0 #bc383b;transform:rotate(12deg);opacity:0;transition:width 1s,opacity 1.2s,box-shadow 2s}.rupture .rift-slit{width:2px;opacity:.7;box-shadow:0 0 60px 7px #bd303766}.arrived .crossing{opacity:0}.arrived .rift-slit{width:130vw;opacity:0}
.escape-tear{position:absolute;top:-20%;bottom:-20%;left:50%;width:0;z-index:12;background:#efe0bf;transform:rotate(13deg);box-shadow:0 0 80px 15px #dd9c6c00;pointer-events:none;transition:width 2s,left 2s,box-shadow 1s;clip-path:polygon(40% 0,90% 17%,65% 27%,100% 43%,71% 62%,94% 75%,65% 100%,22% 100%,7% 78%,29% 65%,0 40%,20% 19%)}.gate-open .escape-tear{left:-50%;width:200%;box-shadow:0 0 100px 25px #e2b584}.gate-open .crossing.homecoming{opacity:1;background:transparent;z-index:13}.homecoming p{color:#513c2a;text-shadow:none}.gate-open .world-interface{opacity:0;pointer-events:none;transition:opacity .6s}
.lost-in-theatre .music-player{z-index:50;background:#080d11ed;border-color:#53666b55;color:#b6c3c5}.lost-in-theatre .atmosphere{z-index:41;opacity:.9}.other-world:not(.arrived)~.atmosphere{opacity:0}.lost-in-theatre .player-record{filter:grayscale(.8)}.lost-in-theatre .music-player{transition:opacity 1s}.lost-in-theatre:has(.other-world:not(.arrived)) .music-player{opacity:0;pointer-events:none}
.something-moved .lost-theatre{animation:something-moved 2s ease-out}.gate-open~.atmosphere{opacity:0}
@keyframes lost-air{to{transform:translate(8%,-5%) rotate(3deg)}}@keyframes vine-breath{to{transform:scale(1.035,1.025)}}@keyframes something-moved{50%{filter:saturate(.35) brightness(.6);transform:scale(1.08) translateX(-1%)}}
@media(max-width:600px){
  .world-interface{bottom:105px}.lost-header{padding:20px 18px;font-size:7px;letter-spacing:1.4px}.lost-coordinate{max-width:92px;text-align:right}.world-heading{top:12%;left:10%;right:10%}.world-heading h2{font-size:43px}.world-heading>p{font-size:12px}.other-world{--beam-y:52svh}.lost-theatre{inset:0 0 80px;filter:saturate(.7) brightness(1.45) contrast(1.02)}.arrived .lost-theatre{transform:none}.lost-theatre img{object-position:50% 54%}.search-dark{background:radial-gradient(circle clamp(230px,70vw,360px) at var(--beam-x) var(--beam-y),#03080d00 0%,#03080d20 48%,#03080d5c 100%)}.creeping-vines{opacity:.55}
  .radio-object{left:4%;top:42%}.cue-object{right:4%;top:43%}.wall-object{left:calc(50% - 51px);top:31%}.found-object{gap:10px;padding:10px;min-width:85px}.found-object>span:last-child{font-size:8px;letter-spacing:0;padding:4px}.radio-model{width:76px;height:57px}.radio-model i{height:30px}.radio-model b{font-size:20px}.cue-model{width:66px;padding:11px 4px}.cue-model b{font-size:16px;margin:5px}.cue-model i{font-size:11px}.wall-model{font-size:18px}.wall-model b{font-size:17px}.wall-model i{font-size:16px}
  .explore-caption{left:9%;right:9%;bottom:17%}.explore-caption p{font-size:14px}.explore-caption span{font-size:8px;letter-spacing:0}.world-help{bottom:9px;left:12px;right:12px}.world-help p{font-size:12px;max-height:72px;overflow:auto}.world-help button{font-size:12px;padding:9px 15px}.world-panel{bottom:105px;padding:15px 18px 18px;max-height:calc(100% - 135px);width:calc(100% - 26px)}.world-panel h3{font-size:22px;margin:15px 0}.world-panel p{font-size:13px}.alphabet-wall{grid-template-columns:repeat(7,1fr);gap:3px 1px;background:none}.alphabet-wall button{min-height:45px;font-size:19px;padding-top:14px}.alphabet-wall button:before{height:11px;width:8px}.light-word{font-size:22px;margin:13px 0}.torn-cues{width:200px;padding:20px 25px}.torn-cues p{font-size:21px!important;line-height:1.65!important}.inspecting .world-heading{opacity:0}.radio-tuner{margin:10px auto}.radio-transmission{min-height:64px}
}
@media(max-height:650px){.world-heading{top:10%}.world-heading h2{font-size:32px}.world-heading>p{display:none}.world-panel{bottom:66px;max-height:calc(100% - 86px)}.explore-caption{bottom:17%}.world-help p{max-height:42px}.world-help:has(p:not(:empty)){background:#050b10}.world-help:has(p:not(:empty)) button{min-height:32px;padding:6px 10px}.radio-object,.cue-object{top:35%}.wall-object{top:25%}}
@media(prefers-reduced-motion:reduce){.lost-theatre,.arrived .lost-theatre{transform:none;transition:none}.spore-haze,.creeping-vines,.something-moved .lost-theatre{animation:none}.world-interface,.crossing,.rift-slit,.escape-tear,.gate-open .world-interface{transition:none}.found-object,.explore-caption,.world-heading{transition:none}.gate-open .escape-tear{clip-path:none}.crossing p{font-size:22px}}

.radio-frequency{display:block;width:min(270px,100%);height:24px;margin:4px auto 12px;accent-color:#b9b27d}