.room-list[data-v-361908b1]{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.room[data-v-361908b1]{display:flex;align-items:center;gap:10px;background:#0e151d;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.room-main[data-v-361908b1]{flex:1;min-width:0}.room-name[data-v-361908b1]{font-weight:700;font-size:14px;margin-bottom:6px}.room-bar[data-v-361908b1]{height:6px;background:#0006;border-radius:999px;overflow:hidden}.room-fill[data-v-361908b1]{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.room-count[data-v-361908b1]{font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:var(--muted);min-width:42px;text-align:right}.room-count.full[data-v-361908b1]{color:var(--danger)}.room-join[data-v-361908b1]{width:auto;padding:8px 14px;font-size:14px}.board[data-v-89de9aee]{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 10px;min-width:148px;font-variant-numeric:tabular-nums}.board-title[data-v-89de9aee]{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.board-rank[data-v-89de9aee]{color:var(--accent-2);font-weight:700}.board-row[data-v-89de9aee]{display:flex;align-items:center;gap:8px;font-size:13px;padding:2px 0}.board-pos[data-v-89de9aee]{color:var(--muted);width:14px}.board-name[data-v-89de9aee]{flex:1;font-weight:600}.board-row.me .board-name[data-v-89de9aee]{color:var(--accent)}.board-score[data-v-89de9aee]{font-weight:800}:root{--bg: #0b0f14;--panel: rgba(17, 24, 34, .86);--panel-solid: #111822;--border: rgba(255, 255, 255, .08);--text: #e6edf3;--muted: #8b98a5;--accent: #3b82f6;--accent-2: #f59e0b;--danger: #ef4444;--good: #22c55e;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.menu{flex-direction:column;gap:14px;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#17324f 0%,var(--bg) 60%)}.logo{font-size:40px;font-weight:800;letter-spacing:1px;margin-bottom:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);margin-bottom:18px;font-size:14px}.card{width:min(360px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:700;color:#fff;background:var(--accent);cursor:pointer;transition:transform .05s ease,filter .15s ease}button.btn:active{transform:translateY(1px) scale(.99)}button.btn.secondary{background:#22303f}button.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.btn:disabled{filter:grayscale(.6) brightness(.7);cursor:default}.row{display:flex;gap:8px}.row .btn{flex:1}input.field{flex:1;background:#0e151d;border:1px solid var(--border);border-radius:12px;padding:13px 14px;color:var(--text);font-size:16px;letter-spacing:2px;text-transform:uppercase}.hint{color:var(--muted);font-size:12px;text-align:center}.err{color:var(--danger);font-size:13px;text-align:center}.game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.nameplates{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:8}.nameplate{position:absolute;left:0;top:0;width:max-content;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}.np-name{font:600 11px/1.2 system-ui,sans-serif;color:#fff;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;padding:1px 6px;background:#060a0e80;border-radius:6px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.np-hp{width:52px;height:4px;background:#0000008c;border-radius:999px;overflow:hidden}.np-hp-fill{height:100%;background:var(--good);transition:width .15s linear,background .2s ease}.nameplate.low .np-hp-fill{background:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060a0e9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;padding:calc(env(safe-area-inset-top,0) + 12px) 14px 14px}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.score-pill{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:800;font-size:18px}.score-pill .you{color:var(--accent)}.score-pill .them{color:var(--danger)}.score-pill .sep{color:var(--muted);font-weight:600}.ping{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.hpbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0) + 18px);width:min(320px,70vw);height:12px;background:#00000073;border:1px solid var(--border);border-radius:999px;overflow:hidden;z-index:10}.hpbar .fill{height:100%;background:linear-gradient(90deg,var(--good),#a3e635);transition:width .12s linear}.hpbar.low .fill{background:linear-gradient(90deg,var(--danger),#f97316)}.touch{--fire-size: 84px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.stick{--stick-r: 52px;--stick-size: 132px;--knob-size: 56px;position:absolute;bottom:calc(env(safe-area-inset-bottom,0) + 28px);width:var(--stick-size);height:var(--stick-size);border-radius:50%;background:#ffffff0d;border:1px solid var(--border);pointer-events:auto;touch-action:none}.stick.left{left:24px}.stick.right{right:24px}.stick .knob{position:absolute;left:50%;top:50%;width:var(--knob-size);height:var(--knob-size);margin:calc(var(--knob-size) / -2) 0 0 calc(var(--knob-size) / -2);border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.25)}.fire-btn{position:absolute;right:176px;bottom:calc(env(safe-area-inset-bottom,0) + 56px);width:var(--fire-size);height:var(--fire-size);border-radius:50%;background:#ef4444d9;border:2px solid rgba(255,255,255,.25);color:#fff;font-weight:800;font-size:13px;pointer-events:auto;touch-action:none}@media(orientation:portrait){.touch{--fire-size: 72px}.stick{--stick-r: 40px;--stick-size: 104px;--knob-size: 46px;bottom:calc(env(safe-area-inset-bottom,0) + 14px)}.stick.left{left:14px}.stick.right{right:14px;bottom:calc(env(safe-area-inset-bottom,0) + 14px + var(--fire-size) + 14px)}.fire-btn{right:30px;bottom:calc(env(safe-area-inset-bottom,0) + 14px);font-size:11px}}.big{font-size:28px;font-weight:800}.code{font-size:34px;letter-spacing:6px;font-weight:800;color:var(--accent-2)}.center-col{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seg{display:flex;gap:6px}.seg button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0e151d;color:var(--text);font-weight:700}.seg button.active{background:var(--accent);border-color:var(--accent)}