:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10151a;color:#f7fff2;--surface: rgba(18, 25, 29, .84);--surface-strong: rgba(22, 31, 36, .94);--line: rgba(230, 244, 226, .18);--text: #f7fff2;--muted: #aebdaf;--accent: #45d483;--accent-strong: #22b66a;--warning: #ffbf3f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}button{min-height:44px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#07100b;font-weight:800;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(69,212,131,.38);outline-offset:2px}canvas{position:fixed;inset:0;display:block;touch-action:none}.join-panel{position:fixed;left:clamp(16px,6vw,72px);top:50%;width:min(420px,calc(100vw - 32px));transform:translateY(-50%);padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 70px #00000052}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2.4rem,9vw,4.8rem);line-height:.94;letter-spacing:0}.intro{max-width:34ch;margin:16px 0 0;color:var(--muted);line-height:1.55}.join-form{display:grid;gap:14px;margin-top:26px}label{display:grid;gap:7px;color:var(--muted);font-size:.86rem;font-weight:700}input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f;color:var(--text);padding:0 12px}input::placeholder{color:#f7fff26b}.status-line{min-height:22px;margin:16px 0 0;color:var(--warning);font-size:.9rem}.hud{position:fixed;top:16px;left:16px;display:grid;gap:12px;width:min(330px,calc(100vw - 32px))}.room-strip,.stats,.bot-control,.leaderboard{border:1px solid var(--line);border-radius:8px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.room-strip span,.stats span{display:block;margin-bottom:3px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.room-strip strong{font-size:1.3rem;letter-spacing:0}.room-strip button{min-width:74px;background:transparent;border-color:#f7fff233;color:var(--text)}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px}.stats strong{font-size:1.2rem}.bot-control{padding:12px}.bot-control input{min-height:auto;margin-top:10px;accent-color:var(--accent)}.leaderboard{padding:12px}.leaderboard h2{margin:0 0 10px;font-size:1rem}.leaderboard ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.leaderboard li{display:grid;grid-template-columns:1fr auto;gap:12px;color:var(--muted);font-size:.9rem}.leaderboard li.you{color:var(--text)}.leaderboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.respawn{position:fixed;left:50%;bottom:34px;transform:translate(-50%);padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--warning);font-weight:800}[hidden]{display:none!important}@media(max-width:720px){.join-panel{left:12px;top:auto;bottom:12px;width:calc(100vw - 24px);transform:none;padding:18px}.hud{left:10px;top:10px;width:calc(100vw - 20px)}.stats,.bot-control,.leaderboard{display:none}}