:root{--accent:#ff4fa3;--ink:#07060b;--fg:#e8e4f0;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--fg);font-family:var(--mono);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}body.idle{cursor:none}#stage{place-items:center;display:grid;position:fixed;inset:0}#screen{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#screen.interactive{cursor:none}#screen.fade-in{animation:.9s ease-out fade-in}@keyframes fade-in{0%{opacity:0;filter:brightness(2)saturate(0)}to{opacity:1;filter:none}}#hud{opacity:0;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;background:linear-gradient(#05040a00,#05040ad9);justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 22px;font-size:11px;transition:opacity .5s,transform .5s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(8px)}#hud.visible{opacity:1;transform:none}#hud.visible button{pointer-events:auto}#hud.hidden{display:none}#scene-title{letter-spacing:.3em;color:var(--accent);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent);font-size:15px}#scene-sub{opacity:.6;letter-spacing:.16em;margin-top:4px}#tabs{gap:6px;display:flex}button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--fg);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;padding:7px 11px;transition:background .2s,border-color .2s,color .2s}button:hover{border-color:var(--accent)}#tabs button.on{color:var(--ink);background:var(--accent);border-color:var(--accent)}kbd{font:inherit;text-align:center;opacity:.7;border:1px solid;min-width:1.6em;margin-right:.6em;padding:0 .3em;display:inline-block}.controls{align-items:center;gap:6px;display:flex}.hint{opacity:.45;margin-left:8px}.hint kbd{margin-right:.3em}#gate{cursor:pointer;z-index:10;background:radial-gradient(#07060b8c,#07060beb);place-items:center;transition:opacity 1.2s;display:grid;position:fixed;inset:0}#gate.gone{opacity:0;pointer-events:none}.gate-inner{text-align:center}.gate-kicker{letter-spacing:.4em;opacity:.6;font-size:11px}#gate h1{letter-spacing:.45em;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb, var(--accent) 60%, transparent);margin:10px 0 26px;padding-left:.45em;font-size:clamp(28px,6vw,64px);font-weight:400}.gate-cta{letter-spacing:.3em;text-transform:uppercase;font-size:12px;animation:2.4s ease-in-out infinite pulse}.gate-cta span{opacity:.5;margin-top:10px;font-size:10px;display:inline-block}@keyframes pulse{50%{opacity:.45}}@media (max-width:820px){#hud{flex-direction:column;align-items:flex-start}.hint{display:none}}#nav-toggle{z-index:30;background:#05040a99;place-content:center;gap:4px;width:38px;height:34px;padding:0;transition:opacity .5s,border-color .2s;display:grid;position:fixed;top:14px;right:14px}#nav-toggle span{background:currentColor;width:16px;height:2px;display:block}body.idle #nav-toggle:not(:hover,:focus-visible){opacity:0}#hud.hidden~#nav-toggle{display:none}#nav-backdrop{z-index:31;opacity:0;pointer-events:none;background:#0302068c;transition:opacity .25s;position:fixed;inset:0}#nav-backdrop.open{opacity:1;pointer-events:auto}#nav-drawer{z-index:32;letter-spacing:.12em;text-transform:uppercase;visibility:hidden;background:#0a0910f7;border-left:1px solid #ffffff1a;width:min(380px,92vw);padding:18px 18px 28px;font-size:11px;transition:transform .3s,visibility 0s .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}#nav-drawer.open{visibility:visible;transition:transform .3s;transform:none}.nav-head{justify-content:space-between;align-items:center;display:flex}.nav-title{letter-spacing:.3em;color:var(--accent);font-size:13px}.nav-world{margin-top:22px}.nav-world h2{letter-spacing:.3em;border-bottom:1px solid #ffffff1f;margin:0;padding-bottom:6px;font-size:12px;font-weight:400}.nav-blurb{opacity:.45;text-transform:none;letter-spacing:.04em;margin:6px 0 0}.nav-world h3{opacity:.5;margin:14px 0 4px;font-size:10px;font-weight:400}.nav-links{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-links a{color:var(--fg);border:1px solid #0000;align-items:baseline;gap:10px;padding:6px 8px;text-decoration:none;display:flex}.nav-links a:hover,.nav-links a:focus-visible{border-color:var(--accent);outline:none}.nav-links a.current{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.nav-note{opacity:.45;text-transform:none;letter-spacing:.04em;white-space:nowrap;margin-left:auto;font-size:10px}.nav-foot{opacity:.4;text-transform:none;letter-spacing:.04em;margin:24px 0 0;line-height:1.7}