:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0d12;overflow:hidden}#root{position:relative}canvas{display:block}.hud{position:fixed;top:12px;left:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:#9aa4b2;pointer-events:none;-webkit-user-select:none;user-select:none}.hud strong{display:block;margin-bottom:4px;color:#e6edf3;font-weight:600;letter-spacing:.16em}.hud .row{display:flex;gap:8px}.hud .k{width:40px;color:#6b7280}.hud .v{color:#cbd5e1}.hud .dim{color:#6b7280}.hud .pips{color:#22d3ee;letter-spacing:.14em}.hud .gate{color:#2dd4bf}.hud .orbs{color:#ffd166}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04050ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa4b2}.panel{background:#090b13;border:1px solid #14343c;box-shadow:0 0 32px #14b8a61f;padding:18px 22px;max-height:82vh;overflow-y:auto}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:12px}.panel-head strong{color:#e6edf3;letter-spacing:.16em;font-weight:600}.codex{width:min(860px,92vw)}.codex-columns{display:grid;grid-template-columns:220px 1fr;gap:20px}.codex-list{list-style:none;margin:0;padding:0;border-right:1px solid #101827}.codex-item{display:block;width:100%;text-align:left;background:none;border:none;color:#7dd3c8;font:inherit;font-size:12px;padding:5px 8px;cursor:pointer}.codex-item:hover{background:#0d1420}.codex-item.active{background:#0d1a22;color:#2dd4bf}.codex-item.locked{color:#3c4454;cursor:default}.codex-body{font-size:13px;line-height:1.65;min-height:220px}.codex-body h3{margin:0 0 10px;color:#e6edf3;letter-spacing:.12em}.codex-body .crossref{color:#14b8a6;border-left:2px solid #14343c;padding-left:10px}.fragments{margin-top:18px;border-top:1px solid #101827;padding-top:12px}.fragment h4{margin:8px 0 6px;color:#cbd5e1;letter-spacing:.1em}.fragment p{font-size:13px;line-height:1.65;margin:0 0 10px}.memory-slot{color:#5b6472;font-style:italic}.riddle{width:min(560px,92vw)}.riddle-text{font-size:14px;line-height:1.7;color:#cbd5e1;white-space:pre-line}.riddle-input{width:100%;margin-top:12px;background:#06080f;border:1px solid #14343c;color:#e6edf3;font:inherit;font-size:14px;padding:8px 10px;outline:none}.riddle-input:focus{border-color:#14b8a6}.riddle-miss{margin-top:8px;font-size:12px;color:#7a4a52;opacity:0;transition:opacity .25s}.riddle-miss.shown{opacity:1}.hud .flood-rising{color:#f89}.hud .soul-alpha{color:#22d3ee}.hud .soul-beta{color:#e879f9}.overlay.quiet{background:#04050a47;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-bottom:9vh}.chapter-complete{text-align:center;min-width:380px}.chapter-kicker{font-size:11px;letter-spacing:.5em;color:#6b7280}.chapter-title{font-size:26px;letter-spacing:.34em;color:#e6edf3;margin:6px 0 10px}.chapter-sub{font-size:12px;color:#7dd3c8}.chapter-rewards{font-size:12px;color:#9aa4b2;margin-top:8px}.chapter-return{margin-top:16px;background:none;border:1px solid #14343c;color:#2dd4bf;font:inherit;font-size:12px;letter-spacing:.12em;padding:8px 18px;cursor:pointer}.chapter-return:hover{background:#0d1a22;border-color:#14b8a6}.channel{width:min(620px,92vw);display:flex;flex-direction:column}.channel-link .riddle-input{margin-top:8px}.channel-souls{display:flex;gap:10px;margin-top:12px;align-items:center}.soul-pick{background:none;border:1px solid #1c2434;color:#6b7280;font:inherit;font-size:12px;padding:7px 16px;cursor:pointer}.soul-pick.alpha.active{color:#22d3ee;border-color:#22d3ee}.soul-pick.beta.active{color:#e879f9;border-color:#e879f9}.gauge-wrap{margin:10px 0 6px}.gauge{position:relative;height:6px;border-radius:3px;background:#94a3b81f;overflow:hidden}.gauge-fill{position:absolute;top:0;bottom:0;transition:width .6s ease}.gauge-fill.alpha{left:0;background:#22d3ee;box-shadow:0 0 8px #22d3eeb3}.gauge-fill.beta{right:0;background:#e879f9;box-shadow:0 0 8px #e879f9b3}.gauge-caption{margin-top:5px;font-size:11px}.channel-messages{min-height:180px;max-height:46vh;overflow-y:auto;padding:4px 2px;display:flex;flex-direction:column;gap:8px}.channel-message{display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:1.5}.channel-author{flex:0 0 auto;width:16px;text-align:center}.channel-message.alpha .channel-author{color:#22d3ee}.channel-message.beta .channel-author{color:#e879f9}.channel-body{color:#cbd5e1;overflow-wrap:anywhere}.channel-time{flex:0 0 auto;font-size:10px;margin-left:auto}.channel form{margin-top:10px}.channel-offline{margin-top:6px;font-size:11px}.hud .hint{margin-top:6px;color:#6b7280}.door{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06060c;font-family:SF Mono,Fira Code,ui-monospace,monospace;color:#cbd5e1}.door-inner{width:min(420px,86vw);text-align:center;display:flex;flex-direction:column;gap:14px}.door-title{margin:0;font-size:34px;letter-spacing:.55em;text-indent:.55em;color:#e2e8f0;text-shadow:0 0 18px rgba(34,211,238,.35),0 0 42px rgba(232,121,249,.18)}.door-sub{margin:0 0 10px;font-size:12px;letter-spacing:.2em}.door-key{width:100%;text-align:center;letter-spacing:.12em}.door-souls{justify-content:center;margin-top:12px}.door-refused{margin:0;font-size:12px;color:#f87171}.door-visit{margin:18px auto 0;background:none;border:none;color:#64748b;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.door-visit:hover{color:#94a3b8}.touch{position:fixed;inset:auto 0 0 0;display:flex;justify-content:space-between;padding:0 18px calc(14px + env(safe-area-inset-bottom));pointer-events:none;user-select:none;-webkit-user-select:none}.touch-cluster{display:flex;gap:12px;align-items:flex-end}.pad{pointer-events:auto;width:64px;height:64px;border-radius:50%;border:1px solid rgba(148,163,184,.35);background:#090b138c;color:#9aa4b2;font-size:22px;line-height:1;touch-action:none;-webkit-tap-highlight-color:transparent}.pad:active{border-color:#22d3ee;color:#22d3ee;background:#0d1a22b3}.pad-wide{width:76px;height:76px;border-color:#22d3ee73}.rotate-prompt{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#06060c;color:#9aa4b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.14em;text-align:center;z-index:40}.rotate-glyph{font-size:42px;margin-bottom:12px;color:#22d3ee}}@media (max-width: 760px){.hud{font-size:10px;top:8px;left:10px}.hud .hint{display:none}.panel{padding:12px 14px;max-height:88vh}.codex-columns{grid-template-columns:1fr;gap:10px}.codex-list{border-right:none;border-bottom:1px solid #101827;display:flex;flex-wrap:wrap;padding-bottom:6px}.chapter-complete{min-width:0;width:86vw}.channel-messages{max-height:38vh}.door-title{font-size:26px}}