:root{--ink: #d9e2e4;--muted: #7e8b8f;--accent: #7fe3ff;--amber: #ffb35c;--danger: #e2483d;--panel: rgba(8, 11, 14, .82);--line: rgba(127, 227, 255, .25);font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050607;color:var(--ink);overflow:hidden}canvas#game,canvas#overlay{position:fixed;inset:0;width:100vw;height:100vh;display:block;image-rendering:pixelated}canvas#overlay{pointer-events:none}.hidden{display:none!important}button{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line);padding:10px 22px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}button:hover,button:focus-visible{border-color:var(--accent);color:#fff;outline:none;box-shadow:0 0 18px #7fe3ff40}button.cta{background:var(--accent);color:#041014;border-color:var(--accent);font-weight:700}button.cta:hover{background:#b6f1ff;color:#041014}.screen{position:fixed;inset:0;display:grid;place-items:center;z-index:10}#screen-title{background:radial-gradient(ellipse at 50% 60%,#121a1f,#050607 70%)}.screen.dim{background:#030507b3;backdrop-filter:blur(2px)}.title-block{text-align:center;display:grid;gap:22px;justify-items:center;padding:16px}.title-block h1{margin:0;font-size:clamp(42px,9vw,112px);letter-spacing:.18em;color:#e8eef0;text-shadow:0 0 24px rgba(127,227,255,.35)}.kicker{margin:0;color:var(--muted);letter-spacing:.4em;text-transform:uppercase;font-size:12px}.hint{color:var(--muted);font-size:12px;max-width:640px;line-height:1.7}.loading{width:min(420px,80vw);display:grid;gap:10px}.loading p{margin:0;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.bar{height:4px;background:#15191c}.bar>div{height:100%;width:0;background:var(--accent);transition:width .1s}.menu{background:var(--panel);border:1px solid var(--line);padding:28px 34px;display:grid;gap:12px;min-width:280px}.lobby{width:min(440px,92vw)}.lobby label{display:grid;gap:6px;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.lobby input{font:inherit;font-size:14px;color:var(--ink);background:#ffffff0a;border:1px solid var(--line);padding:9px 10px;letter-spacing:.05em}.lobby input:focus{outline:none;border-color:var(--accent)}.lobby .status{margin:0;min-height:1.2em;color:var(--muted);font-size:12px}.lobby .status.error{color:var(--danger)}.instances{list-style:none;margin:0;padding:0;display:grid;gap:6px}.instances li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.06)}.instances .name{text-transform:uppercase;letter-spacing:.2em}.instances .meta{color:var(--muted);font-size:12px}.instances button{padding:6px 14px}.menu h2{margin:0 0 8px;letter-spacing:.3em;text-transform:uppercase;font-size:18px}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;font-size:13px;text-shadow:0 1px 2px #000}#hud button{pointer-events:auto}.hud-tl{position:absolute;top:16px;left:16px;display:grid;gap:6px}.meter{display:grid;grid-template-columns:34px 160px;align-items:center;gap:8px;color:var(--muted);font-size:11px;letter-spacing:.1em}.track{height:6px;background:#ffffff14}.fill{height:100%;width:100%}.fill.health{background:#7fd16b}.fill.stress{background:var(--danger)}.fill.stamina{background:var(--amber)}.hud-mode{position:absolute;top:12px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:4px;text-transform:uppercase;letter-spacing:.18em}.hud-mode b{font-size:15px;color:#e8eef0;font-weight:400}.hud-mode span{font-size:11px;color:var(--muted)}.hud-mode .track{width:220px;display:none}.hud-mode .track.on{display:block}.hud-mode .fill{background:var(--amber);width:0}.hud-mode em{font-style:normal;font-size:11px;color:var(--amber)}.hud-tr{position:absolute;top:14px;right:16px;display:flex;gap:14px;align-items:center;color:var(--muted)}.hud-tr .icon{padding:6px 12px;background:var(--panel)}.gear{position:absolute;bottom:16px;right:16px;width:330px;height:138px;image-rendering:pixelated}@media(max-width:700px){.gear{width:220px;height:92px}}.banner{position:absolute;top:18%;width:100%;text-align:center;letter-spacing:.4em;text-transform:uppercase;font-size:20px;opacity:0;transition:opacity .6s}.banner.show{opacity:1}.banner small{display:block;font-size:12px;color:var(--muted);letter-spacing:.3em;margin-top:8px}.interact{position:absolute;bottom:44px;left:50%;transform:translate(-50%);color:var(--accent);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.lockhint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:var(--muted);font-size:11px;letter-spacing:.15em}#error{position:fixed;inset:0;display:grid;place-items:center;background:#050607;color:var(--danger);white-space:pre-wrap;padding:24px;z-index:100}