:root{--ground:#0a0c0f;--surface:#14181d;--line:#262c34;--text:#e8eaed;--text-dim:#949ca6;--accent:#e9a33c;--accent-dim:#8a6224;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}canvas{touch-action:none;display:block}.lockGate{background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;place-content:center;justify-items:center;gap:1.5rem;display:grid;position:fixed;inset:0}.lockGate h1{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-wrap:balance;margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:500}.lockGate p{text-align:center;max-width:34ch;color:var(--text-dim);margin:0;line-height:1.6}.lockGate button{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ground);background:var(--accent);cursor:pointer;transition:filter .16s var(--ease);border:0;padding:.85rem 2rem;font-size:.8rem}.lockGate button:hover{filter:brightness(1.12)}.lockGate button:focus-visible{outline:2px solid var(--text);outline-offset:3px}.controls{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);gap:1.25rem;font-size:.7rem;display:flex}.controls kbd{color:var(--text);border:1px solid var(--line);border-radius:3px;margin-right:.3rem;padding:.1rem .35rem}.debugHud{font-family:var(--font-mono);color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;font-size:.7rem;position:fixed;bottom:.75rem;left:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}