:root{--box-bg: rgba(6, 6, 10, .78);--box-border: rgba(255, 255, 255, .12);--pill-bg: #e6e4e2;--pill-text: #14110f;--text: #f6f4f2;--safe: env(safe-area-inset-bottom, 0px);--serif: "PT Serif", "Noto Serif", Georgia, "Times New Roman", serif;--display: "Oswald", "PT Sans Narrow", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif}.crt{position:fixed;inset:0;pointer-events:none;z-index:50}.crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)}.crt:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 52%,rgba(0,0,0,.62) 100%);animation:crt-flicker 5.5s steps(1) infinite}@keyframes crt-flicker{0%,88%,to{opacity:1}89%{opacity:.86}91%{opacity:1}94%{opacity:.92}}@media(prefers-reduced-motion:reduce){.crt:after{animation:none}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05050a;color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#stage{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none}.ui-root{position:absolute;inset:0;pointer-events:auto}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;display:flex;gap:8px}.hud button,.choices button,.backlog button{background:var(--box-bg);color:var(--text);border:1px solid var(--box-border);border-radius:8px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;backdrop-filter:blur(8px)}.hud button:hover,.choices button:hover{background:#282846e6}.dialogue{position:absolute;left:5%;right:12%;bottom:calc(26% + var(--safe))}.speaker{display:inline-block;margin:0 0 -10px 12px;position:relative;z-index:1;padding:7px 26px;background:var(--pill-bg);color:var(--pill-text);border-radius:999px;font-family:var(--serif);font-weight:700;font-size:clamp(15px,4.2vw,26px);letter-spacing:.01em;box-shadow:0 2px 12px #00000073}.textbox{position:relative;background:var(--box-bg);border-radius:20px;padding:22px 26px;backdrop-filter:blur(6px);box-shadow:0 6px 28px #00000080}.text{margin:0;font-family:var(--serif);line-height:1.5;font-size:clamp(15px,4.1vw,25px);text-align:center;text-wrap:balance;user-select:text;-webkit-user-select:text}.caret{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:3px;animation:blink 1s steps(2) infinite;vertical-align:text-bottom}.next{position:absolute;right:16px;bottom:10px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid rgba(255,255,255,.55);animation:bob 1.2s ease-in-out infinite}.choices{position:absolute;left:5%;right:5%;bottom:calc(18% + var(--safe));display:flex;flex-direction:column;align-items:center;gap:12px}.choices .prompt{font-family:var(--serif);font-size:clamp(14px,3.6vw,22px);margin:0 0 4px;opacity:.85;text-align:center}.choices button{width:100%;padding:15px 20px;border-radius:14px;font-family:var(--serif);font-size:clamp(14px,3.8vw,22px);text-align:center;background:var(--box-bg);box-shadow:0 4px 20px #00000073}.choices button.premium{border-color:#ffd68280;color:#ffe6b0}.choices .cost{opacity:.9;margin-left:8px;font-size:.85em}.backlog{position:absolute;inset:6% 8%;background:#06060cf0;border:1px solid var(--box-border);border-radius:14px;padding:24px;overflow-y:auto;user-select:text;-webkit-user-select:text}.backlog p{line-height:1.6;opacity:.9}.ended{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#000000c7;backdrop-filter:blur(6px)}.ended-title{margin:0;font-size:clamp(22px,4.5vw,44px);letter-spacing:.04em;text-align:center;padding:0 24px}.ended-note{margin:0;opacity:.65;font-size:clamp(14px,1.8vw,18px)}.ended button{background:var(--box-bg);color:var(--text);border:1px solid var(--box-border);border-radius:10px;padding:14px 32px;font:inherit;font-size:clamp(15px,1.9vw,19px);cursor:pointer}.ended button:hover{background:#282846e6}.fatal{padding:24px;color:#ff8a8a;font:13px ui-monospace,monospace;white-space:pre-wrap}@keyframes blink{50%{opacity:0}}@keyframes bob{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.caret,.next{animation:none}}.title{position:absolute;inset:0;pointer-events:auto;overflow:hidden;background:#0b0e0d;cursor:pointer}.room{position:absolute;inset:0;background:radial-gradient(70% 38% at 50% 92%,rgba(190,22,26,.55) 0%,rgba(120,12,16,.28) 40%,transparent 72%),radial-gradient(52% 32% at 50% 48%,rgba(150,20,22,.3) 0%,transparent 70%),linear-gradient(180deg,#0d1211,#10100e 55%,#1a0b0b)}.room:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 26px);mix-blend-mode:overlay}.title-text{position:absolute;top:7%;left:0;right:0;margin:0;display:flex;flex-direction:column;align-items:center;font-family:var(--display);font-weight:900;font-size:clamp(38px,13vw,92px);line-height:.94;letter-spacing:.02em;color:#e01c1c;text-align:center;text-shadow:2px 0 0 rgba(0,190,255,.45),-2px 0 0 rgba(255,40,40,.55),0 0 26px rgba(224,28,28,.55);animation:title-flicker 6s steps(1) infinite}.tv{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(46%,260px);aspect-ratio:1 / .92}.tv-antenna{position:absolute;left:50%;bottom:100%;width:46%;height:34%;border-top:2px solid rgba(190,60,60,.5);border-left:2px solid rgba(190,60,60,.5);border-right:2px solid rgba(190,60,60,.5);border-radius:50% 50% 0 0/100% 100% 0 0;transform:translate(-50%) scaleY(1.6);opacity:.55}.tv-screen{position:absolute;inset:12% 14%;border-radius:14%/16%;background:radial-gradient(120% 120% at 50% 45%,#ff2a2a,#b21215 55%,#6c0a0d);box-shadow:0 0 42px #e01c1cbf,inset 0 0 30px #0000008c;overflow:hidden;animation:crt-pulse 3.4s ease-in-out infinite}.tv-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 1px,transparent 1px 3px)}.tv-hand{position:absolute;left:50%;top:52%;width:34%;aspect-ratio:1 / 1.25;transform:translate(-50%,-50%);background:#080404d1;border-radius:44% 44% 38% 38%/54% 54% 46% 46%;filter:blur(.5px);animation:hand-press 7s ease-in-out infinite}.tv-hand:before,.tv-hand:after{content:"";position:absolute;bottom:62%;width:17%;height:46%;background:inherit;border-radius:50% 50% 30% 30%}.tv-hand:before{left:16%;transform:rotate(-16deg)}.tv-hand:after{right:16%;transform:rotate(16deg)}.tv:before{content:"";position:absolute;inset:0;border-radius:8%;background:linear-gradient(160deg,#8f2020,#5d1315 48%,#3a0c0e);box-shadow:0 18px 50px #0009;z-index:-1}.tv-stand{position:absolute;left:50%;top:100%;width:42%;height:42%;transform:translate(-50%);background:linear-gradient(180deg,#5a1416e6,#1e0809e6);clip-path:polygon(18% 0,82% 0,96% 100%,4% 100%)}.cables{position:absolute;left:-10%;right:-10%;bottom:4%;height:34%;background:radial-gradient(closest-side at 22% 40%,transparent 46%,rgba(0,0,0,.85) 47%,transparent 50%),radial-gradient(closest-side at 58% 62%,transparent 52%,rgba(0,0,0,.8) 53%,transparent 56%),radial-gradient(closest-side at 80% 34%,transparent 44%,rgba(0,0,0,.75) 45%,transparent 48%);opacity:.9}.spinner{position:absolute;left:50%;top:65%;width:26px;height:26px;margin-left:-13px;border:3px solid rgba(255,255,255,.9);border-right-color:transparent;border-radius:50%;animation:spin .85s linear infinite}.title-start{position:absolute;left:0;right:0;top:64%;margin:0;text-align:center;font-family:var(--serif);font-size:clamp(13px,3.6vw,20px);color:#ffffffd1;animation:blink-slow 2s ease-in-out infinite}.meta{position:absolute;left:6%;right:6%;bottom:calc(3% + var(--safe));margin:0;text-align:center;font-family:ui-monospace,Courier New,monospace;font-size:clamp(9px,2.5vw,13px);letter-spacing:.06em;color:#d7d7d7b8}.meta-caret{display:inline-block;width:.5em;height:1em;background:#d7d7d7b8;margin-left:2px;vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink-slow{50%{opacity:.35}}@keyframes crt-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes hand-press{0%,62%,to{opacity:0;transform:translate(-50%,-48%) scale(.94)}70%,92%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes title-flicker{0%,92%,to{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.7}}@media(prefers-reduced-motion:reduce){.title-text,.tv-screen,.tv-hand,.title-start,.spinner{animation:none}.tv-hand{opacity:1}}