:root{--bg-0: #070a12;--bg-1: #0b0f1a;--bg-2: #121829;--panel: rgba(18, 24, 41, .92);--panel-border: rgba(120, 150, 220, .22);--text: #e8eefc;--text-dim: #9aa6c4;--accent: #ff5470;--accent-2: #3fb6ff;--good: #5dd95d;--warn: #ffcf3f;--glow: 0 0 24px rgba(63, 182, 255, .35);--radius: 16px;--focus-ring: 0 0 0 3px rgba(63, 182, 255, .55);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html,body{margin:0;height:100%;background:radial-gradient(1200px 800px at 50% -10%,#16203a 0%,transparent 60%),radial-gradient(900px 700px at 110% 110%,#1a1330 0%,transparent 55%),var(--bg-0);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 25% 30%,rgba(63,182,255,.1),transparent 70%),radial-gradient(45% 45% at 80% 70%,rgba(255,84,112,.1),transparent 70%);filter:blur(8px);animation:aurora-drift 32s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translate3d(-3%,-2%,0) scale(1.05)}to{transform:translate3d(3%,2%,0) scale(1.15)}}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.splash-backdrop{--splash-base: #0a0e1a;--splash-glow: rgba(63, 182, 255, .28);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;background:var(--splash-base);transition:opacity .45s ease,visibility 0s linear .45s,background-color .6s ease}.splash-backdrop.is-visible{visibility:visible;opacity:1;transition-delay:0s}.splash-backdrop:before,.splash-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.splash-backdrop:before{z-index:2;background:radial-gradient(ellipse at 50% 43%,#04070e0a,#04070e2e 46%,#03050bb8),linear-gradient(180deg,rgba(4,7,14,.26),transparent 38%,rgba(4,6,12,.72))}.splash-backdrop:after{z-index:3;opacity:.32;background:linear-gradient(180deg,transparent 72%,var(--splash-glow)),repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px);mix-blend-mode:screen}.splash-art{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;z-index:1;width:104%;height:104%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.035);filter:saturate(1.06) contrast(1.04) brightness(.88);transition:opacity 1s ease,transform 9s ease;will-change:opacity,transform}.splash-art.is-active{opacity:1;transform:scale(1.075)}.splash-backdrop.is-static .splash-art{transform:scale(1.045);transition:opacity .5s ease}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;z-index:10}.screen.is-visible{display:flex;animation:screen-fade .22s ease both}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}.screen-overlayless{background:transparent;align-items:flex-start;justify-content:stretch;padding:0;pointer-events:none}.screen-overlayless.is-visible{display:block;animation:none}.screen-overlayless .btn{pointer-events:auto}#screen-menu,#screen-help,#screen-local,#screen-online,#screen-result{background:radial-gradient(900px 600px at 50% 40%,#080c163d,#04060cad);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.panel{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:28px 28px 24px;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0d;animation:pop .28s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}.panel h2{margin:0 0 20px;font-size:24px;letter-spacing:.5px}.menu-hero{width:min(720px,100%);text-align:center}.menu-hero .logo{font-size:clamp(44px,6.5vw,66px)}.logo{font-size:54px;font-weight:900;letter-spacing:4px;margin:4px 0 0;background:linear-gradient(180deg,#fff,#b9c8ee);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(63,182,255,.25)}.logo-accent{background:linear-gradient(180deg,var(--accent),#ff8aa0);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-dim);margin:6px 0 22px;letter-spacing:1px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 24px}.mode-card{display:flex;align-items:center;gap:14px;padding:18px;font:inherit;text-align:left;color:var(--text);background:linear-gradient(150deg,rgba(255,255,255,.05),transparent 46%),#0c111ec7;border:1px solid var(--panel-border);border-radius:18px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .15s ease,border-color .2s ease,box-shadow .25s ease}.mode-card:hover{transform:translateY(-3px)}.mode-card:active{transform:translateY(0) scale(.985)}.mode-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}#btn-goto-local:hover{border-color:#ff54708c;box-shadow:0 18px 44px #ff547029}#btn-goto-online:hover{border-color:#3fb6ff8c;box-shadow:0 18px 44px #3fb6ff29}.mode-card-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;font-size:22px;border-radius:13px;background:#080b14b8;border:1px solid var(--panel-border)}#btn-goto-local .mode-card-icon{border-color:#ff547066;box-shadow:inset 0 0 16px #ff547038}#btn-goto-online .mode-card-icon{border-color:#3fb6ff66;box-shadow:inset 0 0 16px #3fb6ff38}.mode-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.mode-card-body strong{font-size:17px;letter-spacing:.3px}.mode-card-body>span{font-size:12.5px;line-height:1.45;color:var(--text-dim)}.mode-card-arrow{margin-left:auto;flex:none;font-size:20px;color:var(--text-dim);transition:transform .15s ease,color .15s ease}.mode-card:hover .mode-card-arrow{transform:translate(4px);color:var(--text)}.menu-foot{display:flex;flex-direction:column;align-items:center;gap:8px}.menu-foot .footer-note{margin:4px 0 0;max-width:46ch}@media(max-width:620px){.mode-cards{grid-template-columns:1fr}}.btn{font-family:inherit;font-size:16px;font-weight:600;color:var(--text);border:1px solid transparent;border-radius:12px;padding:13px 20px;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;background:var(--bg-2)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:linear-gradient(135deg,var(--accent),#ff7a90);box-shadow:0 8px 22px #ff547059;color:#1a0610}.btn-primary:focus-visible{box-shadow:0 8px 22px #ff547059,var(--focus-ring)}.btn-secondary{background:linear-gradient(135deg,var(--accent-2),#71cbff);box-shadow:0 8px 22px #3fb6ff4d;color:#04131f}.btn-ghost{background:#ffffff0a;border-color:var(--panel-border);color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.btn-tiny{font-size:13px;padding:7px 12px;border-radius:9px}#btn-sound{line-height:1;transition:transform .08s ease,opacity .2s ease,filter .2s ease}#btn-sound.is-muted{opacity:.5;filter:grayscale(1)}#btn-sound:not(.is-muted):hover{transform:translateY(-1px) scale(1.06)}.row-buttons{display:flex;gap:12px;margin-top:22px}.row-buttons .btn{flex:1}.field{margin-bottom:18px}.field>label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px;letter-spacing:.4px;text-transform:uppercase}.text-input{width:100%;font-family:inherit;font-size:16px;color:var(--text);background:#080b14cc;border:1px solid var(--panel-border);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--accent-2);box-shadow:var(--glow)}.code-input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-weight:700}select.text-input{cursor:pointer}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rules-grid>label{color:var(--text-dim);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.rules-grid>label:last-child:nth-child(odd){grid-column:1 / -1}.rules-grid .text-input{margin-top:6px;padding:9px 10px;font-size:13px;text-transform:none}.lobby-rules{margin:12px 0 0;color:var(--text-dim);font-size:12px;line-height:1.5}.seg{display:flex;gap:8px}.seg-btn{flex:1;font-family:inherit;font-size:16px;font-weight:700;color:var(--text-dim);background:#080b14b3;border:1px solid var(--panel-border);border-radius:10px;padding:11px 0;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease,transform .08s ease}.seg-btn:hover{color:var(--text)}.seg-btn:active{transform:scale(.95)}.seg-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.seg-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.seg-btn.is-active{color:#04131f;background:linear-gradient(135deg,var(--accent-2),#71cbff);border-color:transparent;box-shadow:0 4px 14px #3fb6ff4d}.legend{text-align:left;margin-top:4px;overflow-x:auto}.legend h3{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:0 0 10px}.legend-table{width:100%;border-collapse:collapse;font-size:14px}.legend-table th{text-align:left;font-weight:600;color:var(--text-dim);font-size:12px;padding:4px 8px;border-bottom:1px solid var(--panel-border)}.legend-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.04)}.legend-action-note,.field-hint{color:var(--text-dim);font-size:11px;line-height:1.45}.legend-action-note{margin:8px 8px 0}.legend-action-note strong{color:var(--accent-2)}.field-hint{margin:8px 2px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:8px;box-shadow:0 0 10px var(--c);vertical-align:middle}.footer-note{color:var(--text-dim);font-size:13px;margin:18px 0 0;line-height:1.5}.powerups-legend{margin-top:16px}.pu-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;font-size:13px;color:var(--text-dim)}.pu-list li{display:flex;align-items:center;gap:8px}.pu-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#080b14b3;border:1px solid var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 45%,transparent);font-size:14px;flex:none}@media(max-width:520px){.pu-list{grid-template-columns:1fr}}.entry-card{display:flex;flex-direction:column;gap:5px;padding:16px 18px;font:inherit;text-align:left;color:var(--text);background:linear-gradient(150deg,rgba(255,255,255,.05),transparent 46%),#080b14a8;border:1px solid var(--panel-border);border-radius:14px;cursor:pointer;transition:transform .15s ease,border-color .2s ease,box-shadow .25s ease}.entry-card strong{font-size:15px;letter-spacing:.3px}.entry-card>span{font-size:12px;line-height:1.45;color:var(--text-dim)}.entry-card:hover{transform:translateY(-2px)}.entry-card:active{transform:translateY(0) scale(.985)}.entry-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.entry-card-primary{border-color:#ff547073;background:linear-gradient(150deg,rgba(255,84,112,.14),transparent 52%),#080b14a8}.entry-card-primary:hover{border-color:#ff5470b3;box-shadow:0 14px 34px #ff547029}.entry-card:not(.entry-card-primary):hover{border-color:#3fb6ff8c;box-shadow:0 14px 34px #3fb6ff24}.online-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.online-entry-actions[hidden],.online-flow-card[hidden]{display:none}.online-flow-card{margin:18px 0;padding:16px;border:1px solid var(--panel-border);border-radius:12px;background:#080b148f}.online-flow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.online-flow-heading h3{margin:0;font-size:16px}.online-flow-heading p,.online-flow-hint{margin:4px 0 0;color:var(--text-dim);font-size:11px;line-height:1.45}.join-row{display:flex;gap:10px}.join-row .code-input{flex:1}.join-row .btn{white-space:nowrap}.takeover-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.takeover-option{display:flex;min-width:0;align-items:center;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--player-color) 58%,var(--panel-border));border-radius:10px;background:color-mix(in srgb,var(--player-color) 12%,rgba(8,11,20,.82));color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.takeover-option:hover,.takeover-option:focus-visible{border-color:var(--player-color);box-shadow:0 0 18px color-mix(in srgb,var(--player-color) 30%,transparent);outline:none}.takeover-option-swatch{width:18px;height:18px;flex:none;border-radius:5px;background:var(--player-color);box-shadow:0 0 12px var(--player-color)}.takeover-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.online-entry-actions{grid-template-columns:1fr}.online-flow-card{padding:14px}.join-row{align-items:stretch;flex-direction:column}.takeover-options{grid-template-columns:1fr}}.setup-panel{width:min(820px,100%)}.setup-grid{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.5fr);gap:20px;align-items:start}.setup-side{padding:16px;border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(150deg,rgba(255,255,255,.04),transparent 46%),#080b148f}.setup-side-title,.setup-group-title{margin:0 0 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--accent-2)}.setup-form .setup-group-title:not(:first-child){margin-top:2px}.setup-form .field{margin-bottom:15px}.roster-preview{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.roster-preview li{display:flex;align-items:center;gap:9px;padding:10px 12px;font-size:14px;font-weight:600;border:1px solid color-mix(in srgb,var(--player-color) 45%,var(--panel-border));border-radius:10px;background:color-mix(in srgb,var(--player-color) 10%,rgba(8,11,20,.72));animation:row-in .26s cubic-bezier(.2,.9,.3,1.2) both}.roster-preview li.is-bot{border-style:dashed}.rp-swatch{width:13px;height:13px;flex:none;border-radius:4px;background:var(--player-color);box-shadow:0 0 10px var(--player-color)}.rp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-scheme,.rp-team,.rp-bot{flex:none;padding:2px 6px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--panel-border);border-radius:6px}.rp-bot{color:var(--accent-2);border-color:#3fb6ff66}.help-panel{width:min(560px,100%)}.help-panel .legend{margin-top:0}.help-panel .powerups-legend,.help-panel .arena-guide{margin-top:20px}.arena-guide p{margin:8px 0 0;color:var(--text-dim);font-size:12px;line-height:1.6}@media(max-width:720px){.setup-grid{grid-template-columns:1fr}}.room-code-box{display:flex;align-items:center;gap:12px;background:#080b14b3;border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px;margin-bottom:18px}.room-code-label{font-size:12px;text-transform:uppercase;color:var(--text-dim);letter-spacing:.6px}.room-code{flex:1;font-size:30px;font-weight:800;letter-spacing:8px;color:var(--accent-2);text-shadow:var(--glow);font-variant-numeric:tabular-nums}.player-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;background:#080b1499;border:1px solid var(--panel-border);border-radius:10px;padding:11px 14px;animation:row-in .26s cubic-bezier(.2,.9,.3,1.2) both}.player-list li:nth-child(2){animation-delay:.04s}.player-list li:nth-child(3){animation-delay:.08s}.player-list li:nth-child(4){animation-delay:.12s}@keyframes row-in{0%{transform:translate(-10px);opacity:0}to{transform:none;opacity:1}}.player-list .pl-swatch{width:14px;height:14px;border-radius:4px;box-shadow:0 0 10px currentColor}.player-list .pl-name{flex:1;font-weight:600}.player-list .pl-host{font-size:11px;color:var(--warn);text-transform:uppercase;letter-spacing:.5px}.player-list .pl-ready{font-size:13px;font-weight:700}.player-list .pl-ready.ready{color:var(--good);animation:ready-pulse 1.6s ease-in-out infinite}.player-list .pl-ready.waiting{color:var(--text-dim)}@keyframes ready-pulse{0%,to{opacity:.7}50%{opacity:1}}.lobby-hint{color:var(--text-dim);font-size:13px;text-align:center;margin:12px 0 0;min-height:18px}.btn-ready.is-ready{background:linear-gradient(135deg,var(--good),#8be88b);color:#07210a;box-shadow:0 8px 22px #5dd95d4d;animation:ready-confirm .3s cubic-bezier(.2,.9,.3,1.4)}@keyframes ready-confirm{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.online-panel{width:min(1040px,100%);padding:24px}.online-panel>h2,.online-panel>#online-setup{width:min(440px,100%);margin-inline:auto}.online-panel:has(.online-room:not([hidden]))>h2{display:none}.online-room{min-width:0}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.lobby-header h2{margin:2px 0 4px}.lobby-header p{margin:0;color:var(--text-dim);font-size:13px}.lobby-eyebrow,.lobby-step{color:var(--accent-2);font-size:10px;font-weight:900;letter-spacing:1.5px}.lobby-header .room-code-box{min-width:338px;margin:0;padding:10px 12px}.lobby-header .room-code{font-size:25px}.lobby-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);gap:14px}.lobby-card{min-width:0;padding:16px;border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 42%),#080b14ad}.lobby-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.lobby-card-heading>div{display:flex;align-items:baseline;gap:9px}.lobby-card-heading h3{margin:0;font-size:16px}.lobby-capacity,.lobby-live-badge{padding:4px 8px;border:1px solid rgba(63,224,255,.28);border-radius:999px;color:var(--accent-2);background:#3fe0ff14;font-size:10px;font-weight:800;letter-spacing:.7px}.lobby-live-badge:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}.lobby-roster-card .player-list{min-height:190px}.player-list li.is-bot{border-style:dashed;background:#3fb6ff0e}.player-list .pl-name small{color:var(--text-dim);font-size:10px;font-weight:600}.player-list .pl-ready.bot{color:var(--accent-2);letter-spacing:.7px}.player-kick{width:26px;height:26px;padding:0;border:1px solid rgba(255,84,112,.28);border-radius:8px;color:var(--accent);background:#ff547014;font-family:inherit;font-size:18px;font-weight:700;line-height:1;cursor:pointer}.player-kick:hover{background:#ff54702e}.player-kick:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lobby-bot-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:8px;border-top:1px solid var(--panel-border)}.lobby-bot-controls span{min-width:62px;color:var(--text-dim);font-size:12px;text-align:center}.lobby-bot-controls strong{color:var(--text)}.lobby-roster-note,.lobby-settings-note{margin:10px 0 0;color:var(--text-dim);font-size:10px;line-height:1.45}.lobby-settings-note{margin:-5px 0 12px}.lobby-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.lobby-settings-grid label{color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lobby-settings-grid .text-input{margin-top:5px;padding:8px;font-size:11px}.lobby-settings-grid .text-input:disabled,.map-preview:disabled,.lobby-bot-controls .btn:disabled{cursor:default;opacity:.56}.map-rotation{min-width:0;margin:16px 0 0;padding:0;border:0}.map-rotation legend{width:100%;margin-bottom:8px;color:var(--text);font-size:12px;font-weight:800}.map-rotation legend span{float:right;color:var(--text-dim);font-size:9px;font-weight:500}.map-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-preview{position:relative;min-width:0;overflow:hidden;padding:0 0 8px;border:1px solid var(--panel-border);border-radius:10px;color:var(--text-dim);background:#090d17;cursor:pointer;text-align:left;transition:border-color .18s,color .18s,transform .12s,box-shadow .18s}.map-preview:not(:disabled):hover{transform:translateY(-2px);color:var(--text)}.map-preview.is-selected{border-color:var(--accent-2);color:var(--text);box-shadow:0 0 0 1px #3fe0ff1f,0 8px 22px #0003}.map-preview img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover;opacity:.34;filter:saturate(.7);transition:opacity .18s,filter .18s}.map-preview.is-selected img{opacity:.82;filter:saturate(1)}.map-preview[data-arena=tidal].is-selected{border-color:#54d8cf}.map-preview strong{display:block;overflow:hidden;padding:7px 7px 0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.map-order{position:absolute;top:5px;left:5px;display:grid;width:20px;height:20px;place-items:center;border-radius:6px;color:#08101a;background:var(--accent-2);font-size:10px;font-weight:900;box-shadow:0 3px 10px #00000059}.map-preview:not(.is-selected) .map-order{color:var(--text);background:#0b0f1ad1}.lobby-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:12px;background:#080b14b8}.lobby-footer>div:first-child{min-width:0;flex:1}.lobby-footer .lobby-hint{margin:0;color:var(--text);text-align:left}.lobby-footer .lobby-rules{margin:3px 0 0}.lobby-footer .row-buttons{margin:0;flex-wrap:nowrap}@media(max-width:820px){.online-panel{padding:18px}.lobby-header{align-items:stretch;flex-direction:column;gap:12px}.lobby-header .room-code-box{min-width:0}.lobby-layout{grid-template-columns:1fr}.lobby-roster-card .player-list{min-height:0}.lobby-footer{align-items:stretch;flex-direction:column}.lobby-footer .row-buttons{justify-content:stretch}.lobby-footer .row-buttons .btn{flex:1}}@media(max-width:560px){.lobby-settings-grid,.map-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-header .room-code-box{flex-wrap:wrap}.lobby-header .room-code{font-size:22px}.lobby-footer .row-buttons{flex-wrap:wrap}}.hud-bar{display:flex;min-width:0;align-items:center;gap:16px;padding:12px 18px;background:linear-gradient(180deg,rgba(7,10,18,.92),rgba(7,10,18,.55) 80%,transparent)}.hud-players{display:flex;min-width:0;gap:12px;flex:1;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;pointer-events:auto;scrollbar-color:rgba(154,166,196,.5) transparent;scrollbar-width:thin;scroll-snap-type:x proximity;touch-action:pan-x}.hud-players::-webkit-scrollbar{height:3px}.hud-players::-webkit-scrollbar-track{background:transparent}.hud-players::-webkit-scrollbar-thumb{border-radius:999px;background:#9aa6c480}.hud-card{display:flex;width:214px;min-width:0;max-width:214px;flex:0 0 214px;align-items:stretch;background:#121829b3;border:1px solid var(--panel-border);border-left-width:4px;border-radius:10px;padding:7px 10px 8px;scroll-snap-align:start;transition:opacity .2s;animation:card-in .3s cubic-bezier(.2,.9,.3,1.2) both}.hud-card:nth-child(2){animation-delay:.05s}.hud-card:nth-child(3){animation-delay:.1s}.hud-card:nth-child(4){animation-delay:.15s}@keyframes card-in{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.hud-card.dead{opacity:.4;filter:grayscale(.6)}.hud-card.dead.spectating-local{opacity:.82;filter:none;background:#362252b3;box-shadow:inset 0 0 0 1px #b98cff3d}.hud-card .hc-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.hud-card .hc-identity{display:flex;min-width:0;align-items:baseline;gap:8px}.hud-card .hc-name{min-width:0;overflow:hidden;color:inherit;font-weight:700;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.hud-card .hc-score{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.hud-card .hc-stats{display:flex;min-width:0;align-items:center;gap:4px;overflow:hidden;font-size:9px;font-variant-numeric:tabular-nums}.hc-abilities{display:contents}.hc-chip{display:inline-flex;flex:none;align-items:center;gap:3px;height:20px;padding:0 5px 0 3px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#060a1494;color:var(--text-dim);line-height:1;white-space:nowrap}.hc-chip i{display:inline-grid;width:14px;height:14px;place-items:center;border-radius:4px;background:color-mix(in srgb,var(--chip-color) 22%,transparent);color:var(--chip-color);font-size:8px;font-style:normal;font-weight:900}.hc-chip b{color:var(--text);font-size:10px;font-weight:800}.hc-chip[data-kind=bomb]{--chip-color: #ff7b91}.hc-chip[data-kind=range]{--chip-color: #ffad5c}.hc-chip[data-kind=speed]{--chip-color: #ffe06d}.hc-chip[data-kind=shield]{--chip-color: #68e6ff}.hc-chip[data-kind=ghost]{--chip-color: #bf9bff}.hc-chip[data-kind=pierce]{--chip-color: #ff8b61}.hc-chip[data-kind=kick]{--chip-color: #ff8fdc}.hc-chip[data-kind=remote]{--chip-color: #85dfff}.hc-chip[data-kind=throw]{--chip-color: #efa6ff}.hc-chip[data-kind=spectator]{--chip-color: #b98cff}.hc-chip-ability{border-color:color-mix(in srgb,var(--chip-color) 30%,transparent);background:color-mix(in srgb,var(--chip-color) 9%,rgba(6,10,20,.74))}.hud-center{flex:none;text-align:center;pointer-events:none}.hud-arena{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-2);font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:1.25;text-transform:uppercase;text-shadow:0 0 12px var(--arena-glow, rgba(63, 182, 255, .45))}.hud-round{font-weight:800;font-size:16px;letter-spacing:1px}.hud-timer{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-height:16px;min-width:84px}.hud-timer.danger{color:var(--accent);font-weight:700}.hud-ping{flex:none;display:grid;grid-template-columns:7px repeat(3,auto) 72px;align-items:center;gap:7px;min-width:0;padding:5px 7px;border:1px solid rgba(93,217,93,.22);border-radius:9px;background:#121829c2;color:var(--text-dim);font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.4px;pointer-events:none}.hud-ping[hidden]{display:none}.hud-ping-dot{width:7px;height:7px;border-radius:50%;background:#5dd95d;box-shadow:0 0 8px #5dd95dcc}.hud-net-metric{display:flex;flex-direction:column;gap:1px;color:var(--text-dim)}.hud-net-metric b{color:var(--text);font-size:10px;font-weight:800;letter-spacing:0}.hud-net-chart{width:72px;height:22px;overflow:visible}.hud-net-chart polyline{fill:none;stroke:#5dd95d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;vector-effect:non-scaling-stroke}.hud-ping.is-medium .hud-ping-dot{background:#ffcf3f;box-shadow:0 0 8px #ffcf3fcc}.hud-ping.is-medium{border-color:#ffcf3f4d}.hud-ping.is-medium .hud-net-chart polyline{stroke:#ffcf3f}.hud-ping.is-bad .hud-ping-dot{background:var(--accent);box-shadow:0 0 8px #ff5470cc}.hud-ping.is-bad{border-color:#ff547061}.hud-ping.is-bad .hud-net-chart polyline{stroke:var(--accent)}.game-controls{position:absolute;top:50%;right:16px;width:176px;display:none;transform:translateY(-50%);padding:12px;border:1px solid var(--panel-border);border-radius:12px;background:#0b0f1ae0;box-shadow:0 12px 32px #00000052;pointer-events:none}.game-controls h2{margin:0 0 10px;color:var(--text-dim);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.controls-player+.controls-player{margin-top:11px;padding-top:10px;border-top:1px solid var(--panel-border)}.controls-player[hidden]{display:none}.controls-player h3{display:flex;align-items:center;gap:6px;margin:0 0 7px;font-size:12px}.controls-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--control-color);box-shadow:0 0 8px var(--control-color)}.controls-dot-p1{--control-color: #ff5470}.controls-dot-p2{--control-color: #3fb6ff}.controls-player dl{margin:0}.controls-player dl>div{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:23px}.controls-player dt{color:var(--text-dim);font-size:10px}.controls-player dd{display:flex;gap:2px;margin:0}.controls-player kbd{min-width:18px;padding:2px 4px;border:1px solid rgba(160,181,230,.35);border-bottom-width:2px;border-radius:4px;background:#ffffff12;color:var(--text);font:700 9px/1.25 var(--font);text-align:center;white-space:nowrap}.controls-spectator-note{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--panel-border);color:var(--text-dim);font-size:9px;line-height:1.4}.controls-spectator-note strong{color:#b98cff}@media(min-width:1200px)and (min-aspect-ratio:3 / 2)and (min-height:560px){.game-controls{display:block}}.sudden-death-banner{position:absolute;top:70px;left:50%;transform:translate(-50%);font-weight:900;letter-spacing:3px;color:var(--accent);text-shadow:0 0 18px rgba(255,84,112,.7);animation:pulse-sd .9s ease-in-out infinite;pointer-events:none}@keyframes pulse-sd{0%,to{opacity:.5}50%{opacity:1}}.result-panel{text-align:center}.result-arena{margin:0 0 7px;color:var(--accent-2);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;text-shadow:0 0 14px var(--arena-glow, rgba(63, 182, 255, .45))}.result-winner{font-size:22px;font-weight:800;margin:6px 0 18px}.result-winner{animation:winner-in .45s cubic-bezier(.2,.9,.3,1.3) both}@keyframes winner-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-winner .crown{font-size:40px;display:block;margin-bottom:6px;transform-origin:50% 80%;animation:crown-bounce .7s .2s cubic-bezier(.2,.9,.3,1.5) both}@keyframes crown-bounce{0%{transform:translateY(-14px) scale(.5) rotate(-12deg);opacity:0}60%{transform:translateY(4px) scale(1.12) rotate(4deg);opacity:1}to{transform:none;opacity:1}}.result-scores{display:flex;flex-direction:column;gap:8px}.result-scores .rs-row{display:flex;align-items:center;gap:10px;background:#080b1499;border:1px solid var(--panel-border);border-radius:10px;padding:9px 14px;animation:row-in .3s cubic-bezier(.2,.9,.3,1.2) both}.result-scores .rs-row:nth-child(1){animation-delay:.1s}.result-scores .rs-row:nth-child(2){animation-delay:.16s}.result-scores .rs-row:nth-child(3){animation-delay:.22s}.result-scores .rs-row:nth-child(4){animation-delay:.28s}.result-scores .rs-swatch{width:12px;height:12px;border-radius:4px;box-shadow:0 0 10px currentColor}.result-scores .rs-name{flex:1;text-align:left;font-weight:600}.result-scores .rs-score{font-weight:800;font-variant-numeric:tabular-nums}.toast{position:absolute;bottom:28px;left:50%;transform:translate(-50%);background:#ff5470f2;color:#1a0610;font-weight:700;padding:12px 20px;border-radius:12px;box-shadow:0 12px 30px #00000073;z-index:50;animation:toast-in .25s ease}@keyframes toast-in{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:1100px){.hud-players{gap:10px}.hud-card{width:148px;min-width:148px;max-width:148px;height:54px;flex:0 0 148px;padding:5px 8px}.hud-card .hc-main{gap:3px}.hc-chip{height:18px;padding-right:3px}.hc-chip i{width:12px;height:12px}.hud-card .hc-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-chip-label,.hc-chip-ability>span{display:none}}@media(max-width:900px){.hud-bar{gap:10px;padding:8px 10px}.hud-net-chart{display:none}.hud-ping{grid-template-columns:7px repeat(3,auto)}}@media(max-width:520px){.logo{font-size:40px}.panel{padding:22px 20px 20px}.hud-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;padding:8px 6px}.hud-center{grid-row:1;text-align:left}.hud-players{grid-column:1 / -1;grid-row:2;gap:6px}.hud-card{width:132px;min-width:132px;max-width:132px;height:46px;flex-basis:132px;padding:5px 7px}.hud-card .hc-main{gap:3px}.hud-card .hc-identity{gap:4px}.hud-card .hc-name{font-size:12px}.hud-card .hc-score{display:none}.hud-card .hc-stats{gap:2px}.hc-chip{height:16px;padding:0 3px 0 2px}.hc-chip i{width:11px;height:11px;font-size:7px}.hc-chip b{font-size:9px}.hc-chip-ability:not(:last-child){display:none}.hud-arena{max-width:104px;font-size:9px;letter-spacing:1px}.hud-round{font-size:13px;letter-spacing:.3px}.hud-timer{font-size:10px}.hud-timer{min-width:0}.hud-ping{grid-template-columns:7px auto;min-width:52px;padding:5px 7px}.hud-net-metric:not(.hud-net-primary){display:none}.hud-net-primary>span{display:none}#btn-sound,#btn-quit{padding:7px 8px}}@media(max-aspect-ratio:3 / 4){.splash-art{object-position:28% center}}@media(max-height:480px){.panel{padding:16px 18px;max-height:calc(100dvh - 16px)}.panel h2{margin-bottom:12px;font-size:20px}.logo{font-size:32px}.tagline{margin:4px 0 12px}.field{margin-bottom:12px}.sudden-death-banner{top:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body:before{animation:none}.splash-art,.splash-art.is-active,.splash-backdrop.is-static .splash-art,.btn:hover,.btn:active,.seg-btn:active,#btn-sound:hover{transform:none}}.mobile-controls{position:fixed;bottom:0;left:0;right:0;display:none;justify-content:space-between;align-items:flex-end;padding:20px 24px env(safe-area-inset-bottom,20px);z-index:20;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-controls.is-visible{display:flex}.mobile-spectator-hint{position:absolute;bottom:calc(174px + env(safe-area-inset-bottom,0px));left:50%;max-width:min(360px,calc(100vw - 24px));margin:0;transform:translate(-50%);padding:7px 11px;border:1px solid rgba(185,140,255,.4);border-radius:999px;background:#080b14d1;color:#dccaff;font-size:10px;font-weight:700;line-height:1.3;text-align:center;white-space:nowrap;box-shadow:0 5px 18px #00000052}.mobile-spectator-hint[hidden]{display:none}.dpad{position:relative;width:144px;height:144px;pointer-events:auto}.dpad-btn{position:absolute;width:52px;height:52px;border-radius:14px;border:1px solid var(--panel-border);background:#121829c7;color:var(--text);font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s,transform .08s;-webkit-tap-highlight-color:transparent;touch-action:none}.dpad-btn:active,.dpad-btn.is-active{background:#3fb6ff73;transform:scale(.92)}.dpad-up{top:0;left:50%;transform:translate(-50%)}.dpad-up:active,.dpad-up.is-active{transform:translate(-50%) scale(.92)}.dpad-down{bottom:0;left:50%;transform:translate(-50%)}.dpad-down:active,.dpad-down.is-active{transform:translate(-50%) scale(.92)}.dpad-left{top:50%;left:0;transform:translateY(-50%)}.dpad-left:active,.dpad-left.is-active{transform:translateY(-50%) scale(.92)}.dpad-right{top:50%;right:0;transform:translateY(-50%)}.dpad-right:active,.dpad-right.is-active{transform:translateY(-50%) scale(.92)}.mobile-actions{display:flex;align-items:flex-end;gap:14px;pointer-events:none}.mobile-actions>[hidden]{display:none}.bomb-btn,.action-btn{width:84px;height:84px;border-radius:50%;border:2px solid rgba(255,84,112,.5);background:#ff547040;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .1s,transform .08s;-webkit-tap-highlight-color:transparent;touch-action:none;box-shadow:0 0 20px #ff54704d}.action-btn{width:62px;height:62px;border-color:#8fe7ff8c;background:#50b8dc38;font-size:26px;box-shadow:0 0 18px #8fe7ff40}.throw-btn{border-color:#efa6ff8c;background:#a45dbe38;box-shadow:0 0 18px #efa6ff38}.bomb-btn:active,.bomb-btn.is-active,.action-btn:active,.action-btn.is-active{background:#ff5470a6;transform:scale(.9);box-shadow:0 0 30px #ff547099}.action-btn:active,.action-btn.is-active{background:#8fe7ff99;box-shadow:0 0 28px #8fe7ff8c}.throw-btn:active,.throw-btn.is-active{background:#efa6ff94;box-shadow:0 0 28px #efa6ff80}.mobile-controls.is-spectating .bomb-btn{border-color:#ffe06db3;background:#ffc03d47;box-shadow:0 0 22px #ffe06d5c}.mobile-controls.is-spectating .remote-btn{border-color:#b98cffb3;background:#8456c157;box-shadow:0 0 22px #b98cff66}@media(max-width:520px){.legend-table{font-size:11px}.legend-table th{padding:4px;font-size:9px}.legend-table td{padding:6px 4px;white-space:nowrap}.dot{margin-right:4px}.mobile-controls{padding:14px 16px env(safe-area-inset-bottom,14px)}.mobile-spectator-hint{bottom:calc(145px + env(safe-area-inset-bottom,0px))}.dpad{width:128px;height:128px}.dpad-btn{width:46px;height:46px;border-radius:12px;font-size:19px}.mobile-actions{gap:8px}.bomb-btn{width:72px;height:72px;font-size:31px}.action-btn{width:52px;height:52px;font-size:22px}}@media(max-width:360px){.mobile-controls{padding-inline:10px}.mobile-spectator-hint{bottom:calc(129px + env(safe-area-inset-bottom,0px))}.dpad{width:112px;height:112px}.dpad-btn{width:42px;height:42px;font-size:17px}.mobile-actions{gap:6px}.bomb-btn{width:62px;height:62px;font-size:27px}.action-btn{width:44px;height:44px;font-size:19px}}