:root{--bg: #050609;--green: #3dff74;--cyan: #37e6ff;--magenta: #ff4fd8;--yellow: #ffd23d;--red: #ff5a4f;--text: #d8e0e8;--dim: #7c8796;--px: "Press Start 2P", monospace;--vt: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:radial-gradient(1100px 700px at 50% 38%,#10131f 0%,transparent 65%),radial-gradient(1400px 900px at 50% 110%,#0b0d15 0%,transparent 60%),var(--bg);color:var(--text);font-family:var(--vt)}#tv-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.tv-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--px);font-size:14px;color:var(--green);pointer-events:none;z-index:30}.tv-loading.hidden,.room-hint.hidden{display:none}.room-ui{transition:opacity .5s ease,transform .5s ease}body.immersed .room-ui{opacity:0;pointer-events:none}#room-chrome{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 26px}.logo{font-family:var(--px);font-size:13px;letter-spacing:1px;color:var(--text);text-shadow:2px 2px 0 #000}.logo-mark{color:var(--green)}.logo-accent{color:var(--cyan)}#room-chrome .phone{font-family:var(--vt);font-size:21px;letter-spacing:1px;color:var(--yellow);text-decoration:none;border:1px solid #3a3320;padding:3px 12px;background:#0506098c}#room-chrome .phone:hover{text-shadow:0 0 8px var(--yellow)}#room-tagline{position:fixed;left:50%;bottom:4.5vh;transform:translate(-50%);z-index:10;text-align:center;width:min(92vw,900px)}body.immersed #room-tagline{transform:translate(-50%) translateY(14px)}#room-tagline h1{font-family:var(--px);font-size:clamp(11px,1.55vw,17px);line-height:1.9;text-shadow:2px 2px 0 #000;margin-bottom:8px}#room-tagline em{font-style:normal}.c-green{color:var(--green)}.c-cyan{color:var(--cyan)}.c-magenta{color:var(--magenta)}.c-yellow{color:var(--yellow)}.tag-sub{font-size:clamp(17px,1.6vw,21px);color:var(--dim);margin-bottom:16px}#step-inside{font-family:var(--px);font-size:12px;letter-spacing:1px;color:#04140a;background:var(--green);border:2px solid var(--green);padding:13px 22px;cursor:pointer;box-shadow:0 0 18px #3dff7466,4px 4px #000;transition:transform .06s steps(2)}#step-inside:hover{background:#6dffa0}#step-inside:active{transform:translate(2px,2px);box-shadow:none}.room-hint{margin-top:12px;font-family:var(--vt);font-size:18px;color:var(--dim);letter-spacing:1px}#screen-rect{position:fixed;z-index:5;pointer-events:none;display:none}body.immersed #screen-rect{display:block}#hotspots{position:absolute;top:0;right:0;bottom:0;left:0}#hotspots a,#hotspots button{position:absolute;display:block;background:transparent;border:0;cursor:pointer;color:transparent;font-size:0;pointer-events:auto}#hotspots a:focus-visible,#hotspots button:focus-visible{outline:2px dashed var(--green);outline-offset:-2px}.glass-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3.5%/4.5%;background:linear-gradient(115deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.015) 22%,transparent 38%),radial-gradient(120% 90% at 78% 108%,rgba(255,255,255,.04) 0%,transparent 45%)}#remote{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;flex-direction:column;gap:8px;padding:12px 10px 8px;border-radius:16px 16px 22px 22px;background:linear-gradient(170deg,#23252c,#131519 60%,#0c0d10);border:1px solid #33363e;box-shadow:inset 0 1px 2px #ffffff1f,0 14px 40px #000000b3;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .4s,transform .4s}body.immersed #remote{opacity:1;pointer-events:auto;transform:none}.r-btn{font-family:var(--px);font-size:9px;line-height:1.5;color:var(--green);width:54px;height:44px;background:#101218;border:2px solid #2c3140;border-radius:8px;cursor:pointer;transition:transform .06s steps(2)}.r-btn:hover{border-color:var(--green)}.r-btn:active{transform:translateY(2px)}.r-power{color:var(--red)}.r-power:hover{border-color:var(--red)}.r-eject{color:var(--yellow)}.r-eject:hover{border-color:var(--yellow)}.r-btn.muted{color:var(--dim);text-decoration:line-through}.r-brand{font-family:var(--px);font-size:7px;color:#565c66;text-align:center;letter-spacing:2px;margin-top:2px}.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:.2}}.sr-content{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:normal}.sr-content a{color:var(--cyan)}@media(max-width:700px){#remote{right:50%;transform:translate(50%,12px);flex-direction:row;align-items:center;padding:8px 10px;border-radius:14px;bottom:12px}body.immersed #remote{transform:translate(50%)}.r-btn{width:46px;height:42px;font-size:8px}.r-brand{display:none}.logo{font-size:10px}#room-chrome .phone{font-size:18px}#room-tagline{bottom:3vh}}@media(prefers-reduced-motion:reduce){.room-ui,#remote{transition:none}.blink{animation:none}}