:root{--night:#070b16;--ink:#e8edf4;--ink-soft:#9aa6b8;--line:#bfe3ee24;--human:#f2b263;--cool:#6e93a3}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Spline Sans,system-ui,sans-serif;font-weight:300;overflow:hidden}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--cool);font-family:Unbounded,sans-serif;font-size:.58rem;font-weight:300}h1{max-width:22ch;margin-top:16px;font-family:Unbounded,sans-serif;font-size:clamp(1.3rem,5vw,1.9rem);font-weight:300;line-height:1.32}.serif{color:var(--ink-soft);max-width:36ch;margin-top:14px;font-family:Newsreader,serif;font-size:1rem;font-style:italic;font-weight:300;line-height:1.65}.btn{background:var(--human);letter-spacing:.18em;text-transform:uppercase;color:var(--night);cursor:pointer;border:none;border-radius:999px;padding:14px 30px;font-family:Unbounded,sans-serif;font-size:.7rem;font-weight:300}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{border:1px solid var(--line);color:var(--ink);background:#0e1526b3}.tiny{color:var(--ink-soft);max-width:40ch;font-size:.62rem;line-height:1.7}.stage{z-index:3;padding:26px 22px calc(26px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.gate-card{border:1px solid var(--line);text-align:left;background:#0e152699;border-radius:18px;max-width:min(92vw,440px);margin-top:22px;padding:22px 20px}.gate-row{color:var(--ink-soft);align-items:flex-start;gap:12px;margin-top:14px;font-size:.82rem;line-height:1.55;display:flex}.gate-row input{width:20px;height:20px;accent-color:var(--human);flex:none;margin-top:2px}.hud{letter-spacing:.14em;color:var(--ink-soft);z-index:4;text-transform:uppercase;font-family:Unbounded,sans-serif;font-size:.55rem;font-weight:300;line-height:2.1;position:fixed}.hud b{color:var(--ink);font-weight:300}.hud .lt{color:var(--cool)}.hud .rule{background:var(--line);height:1px;margin:6px 0;display:block}#hudL{top:calc(56px + env(safe-area-inset-top));left:20px}#hudR{top:calc(56px + env(safe-area-inset-top));text-align:right;right:20px}@media (max-width:560px){#hudR{display:none}}.doors{grid-template-columns:repeat(2,1fr);gap:10px;width:min(92vw,420px);margin-top:24px;display:grid}.door{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink);background:#0e152699;border-radius:16px;padding:14px 12px;transition:border-color .25s}.door:hover{border-color:var(--human)}.door b{letter-spacing:.1em;font-family:Unbounded,sans-serif;font-size:.66rem;font-weight:300;display:block}.door span{color:var(--ink-soft);margin-top:5px;font-size:.7rem;line-height:1.45;display:block}#scene{z-index:0;width:100vw;height:100vh;position:fixed;inset:0}#veil{z-index:9;opacity:0;pointer-events:none;background:#000;transition:opacity .55s;position:fixed;inset:0}.world-ui{z-index:4;padding:0 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.world-ui>*{pointer-events:auto}.world-top{top:calc(14px + env(safe-area-inset-top));justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;left:0;right:0}.world-name{text-shadow:0 2px 20px #0009;font-size:1.5rem;line-height:1.2}.world-moment{letter-spacing:.16em;text-transform:uppercase;color:#e8edf4bf;text-shadow:0 1px 8px #0009;margin-top:4px;font-size:.68rem}.round-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b168c;border-radius:999px;flex:none;width:38px;height:38px;font-size:1rem}.round-btn.on{border-color:var(--human);color:var(--human)}.host-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;opacity:0;background:#070b169e;border-radius:16px;max-width:min(88vw,420px);margin:0 auto 10px;padding:13px 16px;transition:opacity .8s,transform .8s;transform:translateY(14px)}.host-card.reveal{opacity:1;transform:translateY(0)}.host-card .who{letter-spacing:.14em;text-transform:uppercase;color:var(--human);margin-bottom:6px;font-size:.6rem}.host-card .say{white-space:pre-wrap;font-size:.92rem;line-height:1.6}.talk-bar{gap:8px;width:100%;max-width:min(92vw,440px);margin:0 auto;display:flex}.talk-input{border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b169e;border-radius:999px;flex:1;padding:12px 16px;font-family:Spline Sans,sans-serif;font-size:.92rem}.talk-input:focus{border-color:#f2b26399;outline:none}.talk-send{background:var(--human);cursor:pointer;width:46px;height:46px;color:var(--night);border:none;border-radius:999px;flex:none;font-size:1rem}.menu-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b169e;border-radius:999px;flex:none;height:46px;padding:0 18px;font-family:Unbounded,sans-serif;font-size:.6rem;font-weight:300}.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.menu-overlay{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:60px 20px calc(30px + env(safe-area-inset-bottom));background:#050810e6;position:fixed;inset:0;overflow-y:auto}.menu-inner{max-width:430px;margin:0 auto}.menu-inner h3{text-align:center;text-shadow:0 2px 16px #0009;font-size:1.4rem}.menu-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);text-align:center;margin-top:6px;font-size:.66rem}.mitem{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#0e1526a6;border-radius:14px;margin-top:10px;padding:14px 16px;transition:border-color .2s}.mitem:hover{border-color:var(--human)}.mitem b{letter-spacing:.08em;font-family:Unbounded,sans-serif;font-size:.7rem;font-weight:300;display:block}.mitem span{color:var(--ink-soft);margin-top:4px;font-size:.74rem;line-height:1.5;display:block}.serve-card{border:1px dashed var(--human);background:linear-gradient(165deg,#1b2440d9,#0e1526f2);border-radius:6px;margin-top:14px;padding:18px 16px;position:relative}.serve-card:before{content:"· TO TAKE HOME ·";background:var(--night);letter-spacing:.22em;color:var(--human);padding:0 10px;font-size:.54rem;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.serve-title{font-family:Newsreader,serif;font-size:1.15rem;font-style:italic}.serve-body{white-space:pre-wrap;margin-top:10px;font-size:.86rem;line-height:1.7}.serve-note{color:var(--ink-soft);margin-top:12px;font-size:.64rem;font-style:italic}.covenant{max-width:min(90vw,420px);color:var(--ink-soft);letter-spacing:.04em;border-top:1px solid var(--line);text-align:left;margin-top:22px;padding-top:14px;font-size:.66rem;line-height:1.7}.covenant b{color:var(--human);letter-spacing:.14em;text-transform:uppercase;font-size:.6rem}.f-diner{color:#ff6ec7;text-shadow:0 0 14px #ff6ec7cc,0 0 34px #5adcff80;font-family:Bungee,cursive}.f-dojo{color:#3a2e24;text-shadow:none;font-family:Zen Old Mincho,serif}.w-warm{color:#ffdfae;text-shadow:0 2px 18px #000000b3;font-family:Cormorant Garamond,serif;font-style:italic}.w-cool{color:#d6e6ff;text-shadow:0 2px 16px #142850cc;font-family:Newsreader,serif;font-style:italic}.w-chalk{color:#eaf2ff;text-shadow:0 1px #fff3,0 2px 14px #000000b3;font-family:Special Elite,monospace}.w-type{color:#e8d9b8;text-shadow:0 2px 14px #000000b3;font-family:Special Elite,monospace}@media (prefers-reduced-motion:reduce){.host-card{transition:none}}@keyframes shellIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}