:root{--ink: #05070d;--ink-2: #0a0e18;--gold: #e8c15a;--life: #7fd4c1;--blood: #d8695b;--fog: rgba(210, 220, 235, .62);--line: rgba(232, 193, 90, .22);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--ink);color:#eef2f8;overflow:hidden;font-family:var(--mono);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}#stage{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}#ui{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--mono)}#ui>*{pointer-events:auto}.hud{position:fixed;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fog);user-select:none;text-shadow:0 1px 12px rgba(0,0,0,.7);pointer-events:none}.hud .k{color:#e8c15a8c;font-size:9px;display:block;margin-bottom:2px}.hud .v{color:#f2f5fb;font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.hud.tl{top:22px;left:24px}.hud.tr{top:22px;right:24px;text-align:right}.hud.tr .row{margin-bottom:12px}.hud.tl .brand{font-family:var(--serif);font-size:20px;letter-spacing:.42em;color:#fff;text-transform:none;margin-bottom:3px}.hud.tl .tag{font-size:9px;letter-spacing:.3em;color:#7fd4c1b3}.pop-bars{display:flex;gap:6px;align-items:flex-end;height:26px;margin-top:4px}.pop-bars i{width:4px;display:block;border-radius:2px 2px 0 0;transition:height .25s ease}.dock{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:7px;padding:8px;background:#080b1480;border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 18px 60px #0000008c;z-index:12;flex-wrap:wrap;justify-content:center;max-width:94vw}.dock button{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d7deea;background:#ffffff08;border:1px solid transparent;padding:9px 13px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .08s;white-space:nowrap}.dock button:hover{background:#e8c15a1f;color:#fff}.dock button:active{transform:scale(.94)}.dock button.on{background:var(--gold);color:#1a1206;border-color:var(--gold)}.dock .sep{width:1px;align-self:stretch;background:var(--line);margin:2px 3px}.dock .mode.on{background:var(--life);color:#06110d;border-color:var(--life)}.hint{position:fixed;left:50%;bottom:118px;transform:translate(-50%);font-size:10px;letter-spacing:.14em;color:#c8d2e161;text-transform:uppercase;z-index:11;pointer-events:none;text-align:center;max-width:min(760px,88vw);transition:opacity 1.4s ease}.hint.fade{opacity:0}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);font-family:var(--serif);font-size:clamp(28px,7vw,68px);letter-spacing:.06em;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.8);opacity:0;z-index:20;pointer-events:none;text-align:center;transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1)}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 8%,rgba(30,40,66,.55),transparent 60%),var(--ink);transition:opacity 1.1s ease,visibility 1.1s}#gate.gone{opacity:0;visibility:hidden;pointer-events:none}.gate-inner{text-align:center;transform:translateY(-2vh)}.gate-mark{position:relative;width:116px;height:116px;margin:0 auto 34px}.gate-mark .ring,.gate-mark .core{position:absolute;inset:0;margin:auto;border-radius:50%}.gate-mark .ring{width:116px;height:116px;border:1px solid rgba(232,193,90,.5);animation:spin 14s linear infinite,breathe 4s ease-in-out infinite}.gate-mark .ring.r2{width:78px;height:78px;border-color:#7fd4c173;animation:spin 9s linear infinite reverse,breathe 3.2s ease-in-out infinite}.gate-mark .core{width:16px;height:16px;background:var(--life);box-shadow:0 0 30px 6px #7fd4c199;animation:pulse 2.6s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.06)}}@keyframes pulse{50%{transform:scale(1.5);opacity:.7}}.gate-title{font-family:var(--serif);font-weight:400;font-size:clamp(44px,12vw,118px);letter-spacing:clamp(8px,3vw,26px);padding-left:clamp(8px,3vw,26px);color:#fff;line-height:1}.gate-sub{margin-top:18px;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#7fd4c1cc}#enter{margin-top:42px;font-family:var(--mono);font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#0f0a02;background:var(--gold);border:none;padding:16px 40px;border-radius:999px;cursor:pointer;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .2s;box-shadow:0 10px 40px #e8c15a47}#enter:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 54px #e8c15a6b}#enter:active{transform:scale(.97)}.gate-hint{margin-top:22px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c8d2e159}.gate-boot{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;color:#a0acbe80;min-height:14px;text-transform:uppercase}@media (max-width: 640px){.hud.tl,.hud.tr{top:14px}.hud.tl{left:14px}.hud.tr{right:14px}.dock{bottom:14px;padding:6px;gap:5px}.dock button{padding:8px 10px;font-size:9px}.hint{bottom:112px;font-size:8px}}@media (prefers-reduced-motion: reduce){.gate-mark .ring,.gate-mark .ring.r2,.gate-mark .core{animation:none}}