:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1720;--card:#16212d;--text:#e6edf3;--muted:#93a4b5;--accent:#5eead4;--danger:#f87171;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}.lobby{background:radial-gradient(1200px 600px at 50% -10%, #1d3b4a 0%, var(--bg) 60%);place-items:center;min-height:100%;padding:24px;display:grid}.card{background:var(--card);border:1px solid #243444;border-radius:16px;gap:10px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 20px 60px #0006}.logo{color:var(--accent)}h1{letter-spacing:.5px;margin:0;font-size:28px}.sub{color:var(--muted);margin:0 0 8px}label{color:var(--muted);font-size:13px}input{font:inherit;color:var(--text);background:#0f1922;border:1px solid #2b3d50;border-radius:10px;padding:12px 14px}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer;background:var(--accent);color:#062a26;border:0;border-radius:10px;padding:12px 14px;font-weight:600}button:disabled{opacity:.5;cursor:default}.error{color:var(--danger);margin:0}.hint{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}kbd{border:1px solid #3a4b5d;border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:0 5px;font-size:12px}.env-badge{z-index:20;color:#1f1300;background:#f59e0b;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;top:10px;right:10px}.world{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud{background:#0f1720cc;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:14px;display:flex;position:fixed;top:10px;left:10px}.hud .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block}.hud .leave{color:var(--text);background:#334155;padding:4px 12px;font-size:13px}.nametag{white-space:nowrap;color:#fff;background:#0f1720b0;border-radius:999px;padding:2px 8px;font-size:14px}.nametag.self{background:#0f766ecc}.screen-text{color:#e0f2fe;white-space:nowrap;font-size:48px;font-weight:700}.joystick{left:24px;bottom:calc(24px + env(safe-area-inset-bottom));touch-action:none;background:#fff2;border:2px solid #fff4;border-radius:50%;place-items:center;width:120px;height:120px;display:none;position:fixed}.joystick .knob{background:#fffa;border-radius:50%;width:52px;height:52px}@media (pointer:coarse){.joystick{display:grid}}