:root{color-scheme:dark;--bg: #040405;--panel: rgba(7, 7, 9, .97);--panel-strong: rgba(4, 4, 6, .99);--line: rgba(205, 205, 214, .13);--line-strong: rgba(241, 241, 246, .28);--text: #f2f2f5;--muted: #8f8f99;--bright: #7cff7a;--accent: #4fe06b;--shadow: 0 20px 48px rgba(0, 0, 0, .45);--font: "Space Mono", "Lucida Console", "Courier New", monospace;font-family:var(--font)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(52,122,64,.14),transparent 22%),radial-gradient(circle at bottom right,rgba(26,39,91,.08),transparent 28%),linear-gradient(180deg,#0a090a,#050506 24%,#020203);color:var(--text)}button{border:1px solid rgba(236,236,242,.2);background:linear-gradient(180deg,#1b1b20f0,#0c0c10f5);color:var(--text);border-radius:3px;padding:.9rem 1.25rem;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-family:var(--font);box-shadow:inset 0 1px #ffffff08;transition:transform .12s ease,background .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#222227fa,#101014fa);border-color:#ffffff57}button:disabled{cursor:not-allowed;opacity:.42;transform:none;border-color:#ffffff1f}button.secondary{background:linear-gradient(180deg,#121216e6,#0a0a0ef5)}button.danger{border-color:#ff787880;background:linear-gradient(180deg,#802020f5,#4e0e0efa)}button.danger:hover{background:linear-gradient(180deg,#962626fa,#5c1212);border-color:#ffa8a8ad}.start-button{border-color:#7eff969e;background:linear-gradient(180deg,#72ff8e80,#1c923eb8);color:#f6fff7;box-shadow:inset 0 1px #eaffee38,0 0 0 1px #4fe06b38}.start-button:hover{background:linear-gradient(180deg,#8cffa599,#21a447cc);border-color:#aaffbcc2}.shell{min-height:100vh;padding:8px 24px 24px;display:grid;gap:14px;justify-items:center}.hud-card,.arena-card,.players-card,.footer-card{width:min(100%,980px);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);position:relative}.hud-card:before,.arena-card:before,.players-card:before,.footer-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.03);pointer-events:none}.hud-card,.players-card,.footer-card{display:flex;justify-content:space-between;gap:22px;padding:20px 24px;align-items:center}.hud-card{flex-direction:column;align-items:center}.shell[data-phase=countdown],.shell[data-phase=playing]{gap:10px}.shell[data-phase=countdown] .hud-card,.shell[data-phase=playing] .hud-card{gap:14px;padding-top:14px;padding-bottom:14px}.hud-brand{min-width:0;width:100%;display:flex;justify-content:center}.hud-wordmark{width:clamp(180px,21vw,270px);height:auto;display:block}.status-row{display:flex;gap:18px;flex-wrap:wrap;flex:1;align-items:stretch;justify-content:center;width:100%}.shell[data-phase=countdown] .status-row,.shell[data-phase=playing] .status-row{gap:12px}.status-row div{min-width:110px;padding:14px 18px 12px;border:1px solid rgba(214,214,222,.18);background:linear-gradient(180deg,#121218fa,#07070afc),var(--panel);border-radius:4px;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff05;position:relative;overflow:hidden}.shell[data-phase=countdown] .status-row div,.shell[data-phase=playing] .status-row div{padding-top:10px;padding-bottom:8px}.status-row div:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 32%,transparent 68%,rgba(255,255,255,.02));opacity:.9;pointer-events:none}.status-row div:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.035)}.match-slot-card{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:148px;text-align:center;--slot-accent: rgba(255, 255, 255, .4);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff05,0 0 0 1px color-mix(in srgb,var(--slot-accent) 12%,transparent)}.shell[data-phase=countdown] .match-slot-card,.shell[data-phase=countdown] .match-timer-card,.shell[data-phase=playing] .match-slot-card,.shell[data-phase=playing] .match-timer-card{min-height:128px}.match-slot-card.is-resignable{border-color:color-mix(in srgb,var(--slot-accent) 28%,rgba(255,255,255,.12))}.hud-player-name,.hud-name-button{padding:0;border:0;background:transparent;box-shadow:none;text-align:center;font-size:clamp(1.7rem,2.8vw,2.45rem);font-weight:700;transform:none;color:inherit;text-transform:uppercase;letter-spacing:.08em;display:block;margin:0;font-family:var(--font);line-height:1;max-width:100%;text-wrap:balance;overflow-wrap:anywhere}.hud-name-button:hover{transform:none;background:transparent;border-color:transparent;color:color-mix(in srgb,var(--slot-accent) 78%,#ffd58e)}.hud-name-confirm{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;max-width:220px}.hud-name-confirm button{flex:1 1 92px;padding:.58rem .8rem;font-size:.58rem;letter-spacing:.12em}[data-testid=p1-score-card],[data-testid=p2-score-card]{width:min(100%,270px);min-width:230px}.match-timer-card{flex:1.15 1 0;min-height:148px;display:flex;flex-direction:column;gap:.68rem;align-items:center;justify-content:center;text-align:center;border-color:#e8e8ef38;background:linear-gradient(180deg,#16161cfc,#08080c),var(--panel);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff06,0 0 30px #6eff990d}.status-row strong{font-size:clamp(1.3rem,2.6vw,1.75rem);font-family:var(--font);letter-spacing:0;position:relative;z-index:1}[data-testid=p1-score],[data-testid=p2-score]{font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,2.15vw,1.75rem);line-height:1.05;margin-top:.8rem;text-transform:uppercase}[data-testid=timer-value]{font-size:clamp(2.05rem,3.35vw,2.9rem);line-height:.9;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 0 18px rgba(124,255,122,.08)}.hud-timer-label{color:#f2f2f59e;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-family:var(--font);line-height:1;position:relative;z-index:1}.match-slot-card:after{border-top:2px solid color-mix(in srgb,var(--slot-accent) 42%,transparent)}.overlay h2{margin:0;font-size:clamp(1.9rem,4vw,3.5rem);line-height:.88;letter-spacing:0;text-wrap:balance;font-family:var(--font);text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.4)}.status-copy{margin:0;max-width:42ch;color:var(--text);line-height:1.5}.eyebrow{margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;font-family:var(--font)}.controls-grid,.button-row,.players-toolbar,.players-grid{display:flex;gap:14px;flex-wrap:wrap}.players-card-header div,.footer-card div,.controls-grid p,.player-slot-card,.name-field{min-width:110px;padding:12px 14px;border:1px solid rgba(196,196,205,.14);background:linear-gradient(180deg,#0c0c10f0,#08080cfa),var(--panel);border-radius:2px;box-shadow:inset 0 1px #ffffff05}.players-card-header span,.footer-card span,.controls-grid span,.player-slot-card span,.name-field span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;margin-bottom:6px;font-family:var(--font)}.players-card-header strong,.footer-card strong{font-size:1.05rem;font-family:var(--font);letter-spacing:0}.arena-card{position:relative;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.arena-card:before{display:none}.arena-stage{position:relative;line-height:0}.arena{width:100%;height:auto;display:block;border:1px solid rgba(228,228,238,.08);background:#050507;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 50px #00000057}.respawn-preview-layer{position:absolute;inset:1px;pointer-events:none}.respawn-preview-marker{position:absolute;width:calc(100% / 36);height:calc(100% / 24);transform:translate(-50%,-50%);filter:drop-shadow(0 0 14px var(--preview-glow))}.respawn-preview-cell,.respawn-preview-head,.respawn-preview-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.respawn-preview-cell{width:92%;height:92%;border:2px solid color-mix(in srgb,var(--preview-fill) 60%,white);background:linear-gradient(180deg,#ffffff1f,#fff0),color-mix(in srgb,var(--preview-fill) 32%,transparent);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 26px color-mix(in srgb,var(--preview-fill) 52%,transparent)}.respawn-preview-head{width:26%;height:26%;background:#ffffffe6;border:1px solid rgba(255,255,255,.98);box-shadow:0 0 10px #ffffff6b}.respawn-preview-arrow{width:62%;height:62%;transform:translate(-50%,-50%) rotate(var(--preview-rotation))}.respawn-preview-arrow:before,.respawn-preview-arrow:after{content:"";position:absolute;left:50%;transform:translate(-50%)}.respawn-preview-arrow:before{display:none}.respawn-preview-arrow:after{top:7%;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:22px solid rgba(255,255,255,.98);filter:drop-shadow(0 0 10px rgba(255,255,255,.54)) drop-shadow(0 0 18px color-mix(in srgb,var(--preview-fill) 50%,transparent))}.overlay{position:absolute;inset:14px;display:grid;place-content:center;gap:16px;padding:24px;background:linear-gradient(180deg,#040406e0,#08080af0),#050507e6;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.menu-hero{width:min(100%,980px);display:flex;flex-direction:column;align-items:center;gap:0;padding:48px 24px 0}.menu-tagline{margin:12px 0 0;font-size:.72rem;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:var(--font);font-weight:400}.menu-hero .start-button{min-width:180px;margin:12px 0 0}.touch-controls-card{width:min(100%,980px);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:18px 22px 22px;display:none;gap:18px}.touch-controls-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.touch-controls-copy{display:grid;gap:6px}.touch-controls-copy strong,.touch-controls-connection strong{font-size:1rem;font-family:var(--font)}.touch-controls-copy span,.touch-controls-connection span{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.touch-controls-connection{min-width:132px;padding:10px 12px;border:1px solid rgba(196,196,205,.14);background:linear-gradient(180deg,#0c0c10f0,#08080cfa),var(--panel)}.touch-controls-connection[data-compact-status=online] strong{color:#8df57f}.touch-controls-pad{display:grid;grid-template-columns:repeat(3,minmax(0,88px));grid-template-areas:". up ." "left down right";justify-content:center;gap:10px}.touch-control{min-height:72px;font-size:.9rem;letter-spacing:.18em;touch-action:manipulation;-webkit-user-select:none;user-select:none}.touch-control.up{grid-area:up}.touch-control.left{grid-area:left}.touch-control.right{grid-area:right}.touch-control.down{grid-area:down}.touch-controls-idle{margin:0;color:var(--muted);line-height:1.5}.how-to-play{width:min(100%,860px);padding:24px 28px;border:1px solid rgba(196,196,205,.14);background:linear-gradient(180deg,#0a0a0ef5,#050509fa),var(--panel);box-shadow:inset 0 1px #ffffff08;text-align:left}.how-to-play-panel{width:100%;max-width:none;border-left:0;border-right:0;border-bottom:0;background:linear-gradient(180deg,#0a0a0ee6,#06060af5),var(--panel)}.how-to-play h3{margin:0 0 18px;font-size:clamp(1.15rem,2.2vw,1.7rem);letter-spacing:.03em;font-family:var(--font);text-align:center}.how-to-play-summary{display:none;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.how-to-play-summary p{margin:0;color:var(--muted);line-height:1.5}.rules-toggle{flex-shrink:0}.how-to-play-groups{display:grid;gap:14px}.how-to-play-group{padding:14px 16px 16px;border:1px solid rgba(196,196,205,.1);background:linear-gradient(180deg,#101016c7,#08080ce6),var(--panel-strong);box-shadow:inset 0 1px #ffffff05}.how-to-play-group-label{margin:0 0 12px;font-size:.72rem;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:700}.how-to-play-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.how-to-play-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;color:var(--text)}.how-to-play-marker{color:var(--muted);font-size:1rem;line-height:1;display:block;margin-top:.08rem}.how-to-play-copy{display:grid;gap:4px;min-width:0}.how-to-play-item-title{display:block;font-weight:700;font-size:.98rem;letter-spacing:.01em;line-height:1.2}.how-to-play-item-description{display:block;color:var(--muted);line-height:1.45}.menu-wordmark{width:100%;height:auto;display:block}.overlay.slim{gap:10px}.score-grid,.button-row,.controls-grid{justify-content:center}.controls-grid p,.footer-card div{font-family:var(--font);font-weight:700}.controls-grid p,.footer-card div,.players-card-header div,.player-slot-card,.name-field{text-align:left}.players-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;align-items:stretch;overflow:hidden}.players-card>*{width:100%}.players-title{position:relative;padding:24px 22px 18px;text-align:center}.players-title strong{font-size:1.55rem;font-family:var(--font);letter-spacing:0}.health-indicator{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid rgba(196,196,205,.16);background:#0a0a0ed1;border-radius:999px}.health-indicator.is-good{color:#8df57f;border-color:#85f17747}.health-indicator.is-bad{color:#ff6f6f;border-color:#ff707047}.health-dot{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor}.name-field{width:min(100%,340px);text-align:left;display:grid;gap:10px;align-content:start}.name-field input{width:100%;padding:.9rem 1rem;border:1px solid rgba(236,236,242,.18);background:#06060af2;color:var(--text);border-radius:2px;font:inherit}.name-field input:focus{outline:1px solid rgba(79,224,107,.55);border-color:#4fe06b8c}.players-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;width:100%;border-top:1px solid rgba(196,196,205,.14);background:linear-gradient(180deg,#0c0c10f0,#08080cfa),var(--panel);box-shadow:inset 0 1px #ffffff05}.players-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#c4c4cd24;transform:translate(-.5px)}.player-slot-card{display:grid;gap:10px;align-content:start;min-width:0;padding:22px 28px 20px;border:0;background:transparent;box-shadow:none}.player-slot-card strong{font-size:1.05rem;font-family:var(--font);letter-spacing:0}.player-slot-card .slot-name{font-size:1.3rem;letter-spacing:.02em}.player-slot-card small{display:block;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.slot-row{display:flex;align-items:center;gap:12px}.slot-row strong{flex-shrink:0}.score-grid .result-player-name{display:inline-block;margin-right:10px;font-size:1rem;letter-spacing:.08em}.slot-status-copy{margin:-2px 0 0;color:#d6d6deb3;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.slot-input{flex:1;min-width:0;padding:.6rem .8rem;border:1px solid rgba(236,236,242,.18);background:#06060af2;color:var(--text);border-radius:2px;font:inherit;font-size:.85rem}.slot-input:focus{outline:1px solid rgba(79,224,107,.55);border-color:#4fe06b8c}.footer-card{align-items:stretch;padding-top:22px}.footer-card div{flex:1;min-height:84px}.footer-card span:before{content:"[] ";color:#ffffff59}@media(max-width:900px){.hud-card,.footer-card,.touch-controls-header{flex-direction:column;align-items:stretch}.hud-wordmark{width:min(100%,320px)}.touch-controls-card{display:grid}.status-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-row [data-testid=timer-card]{grid-column:1 / -1}[data-testid=p1-score-card],[data-testid=p2-score-card]{width:auto;min-width:0}.players-grid{grid-template-columns:1fr;gap:14px;border:0;background:transparent;box-shadow:none;padding:0 18px 18px}.players-grid:before{display:none}.player-slot-card{border:1px solid rgba(196,196,205,.14);background:linear-gradient(180deg,#0c0c10f0,#08080cfa),var(--panel);border-radius:2px;box-shadow:inset 0 1px #ffffff05;padding:18px 18px 16px}.how-to-play-panel{border-top:1px solid rgba(196,196,205,.14)}}@media(max-width:640px){.shell{padding:max(8px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom)) 8px;gap:6px}.shell[data-phase=countdown],.shell[data-phase=playing]{gap:4px}.menu-hero{padding:0 4px}.hud-card{padding:0;gap:0;display:block;border:0;background:transparent;box-shadow:none}.hud-card:before,.arena-card:before{display:none}.hud-brand{display:none}.status-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.shell[data-phase=countdown] .status-row,.shell[data-phase=playing] .status-row{gap:5px}.status-row div{min-width:0;min-height:0;padding:12px 10px 10px;border-color:#c4c4cd1a}.shell[data-phase=countdown] .status-row div,.shell[data-phase=playing] .status-row div{padding-top:9px;padding-bottom:7px}.status-row strong{font-size:1.15rem;line-height:1.05}[data-testid=p1-score],[data-testid=p2-score]{font-size:.98rem;line-height:1.1}.hud-player-name,.hud-name-button{font-size:1.28rem;letter-spacing:.08em}[data-testid=timer-value]{font-size:1.56rem}.hud-timer-label{font-size:.54rem;letter-spacing:.16em}.match-slot-card,.match-timer-card{min-height:114px}.shell[data-phase=countdown] .match-slot-card,.shell[data-phase=countdown] .match-timer-card,.shell[data-phase=playing] .match-slot-card,.shell[data-phase=playing] .match-timer-card{min-height:102px}.player-slot-card .slot-name{font-size:1.15rem}.score-grid .result-player-name{font-size:.92rem}.hud-name-confirm{margin-top:6px;gap:4px;max-width:none}.hud-name-confirm button{flex:1 1 calc(50% - 2px);min-height:30px;padding:.35rem .3rem;font-size:.5rem;letter-spacing:.08em}.how-to-play{padding:18px}.how-to-play-group{padding:12px 12px 14px}.how-to-play-list li{gap:8px 12px}.arena-card{padding:0;border:0;background:transparent;box-shadow:none}.arena-stage{line-height:0}.overlay{inset:auto 6px 6px;min-height:26%;align-content:end;padding:12px 10px;background:linear-gradient(180deg,#04040647,#08080aeb 35%,#050507f7),#050507e6}.overlay h2{font-size:clamp(1.5rem,8vw,2.3rem)}.respawn-preview-marker{width:calc(100% / 36 * .72);height:3%}.respawn-preview-cell{border-width:1px}.respawn-preview-arrow:after{border-left-width:7px;border-right-width:7px;border-bottom-width:12px}.status-copy{max-width:none;font-size:.78rem}.touch-controls-card{padding:0;gap:6px;margin-top:-4px;border:0;background:transparent;box-shadow:none}.touch-controls-header{display:none}.touch-controls-connection{min-width:0}.touch-controls-pad{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". up ." "left down right";gap:4px}.touch-control{min-height:34px;padding:.3rem .2rem;font-size:.58rem;letter-spacing:.08em;border-radius:2px}.players-title{padding:20px 16px 16px}.players-title strong{font-size:1.25rem}.slot-row{flex-wrap:wrap;align-items:start}.slot-input{width:100%}.how-to-play-summary{display:grid}.how-to-play-groups{display:none}.how-to-play-groups.is-expanded{display:grid}.how-to-play-panel{padding-top:16px}.score-grid{gap:6px}.controls-grid p{min-width:0;width:calc(50% - 7px);padding:8px 10px}.respawn-preview-marker{filter:drop-shadow(0 0 8px var(--preview-glow))}.respawn-preview-cell{box-shadow:inset 0 0 0 1px #ffffff1f,0 0 12px color-mix(in srgb,var(--preview-fill) 38%,transparent)}}@media(max-width:420px){.status-row{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-control{min-height:32px;padding:.35rem .1rem}.menu-tagline{font-size:.64rem}}@media(orientation:landscape)and (max-width:900px){.shell{padding-left:14px;padding-right:14px}.touch-controls-pad{grid-template-columns:repeat(3,minmax(0,88px));grid-template-areas:". up ." "left down right";justify-content:center}.overlay{min-height:auto;max-width:56%;margin-left:auto}}