:root{color-scheme:dark;--cyan:#55f7ff;--pink:#ff5adf;--acid:#f7ff6b;--green:#6dff9a;--red:#ff596d;--ink:#071018;--panel:rgba(8,15,24,0.78);--line:rgba(255,255,255,0.14);--text:#effcff;--muted:rgba(239,252,255,0.68)}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;background:#05090f;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow:hidden}button,input{font:inherit}button{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.08);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease;white-space:nowrap}button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(85,247,255,.72);background:rgba(85,247,255,.14)}button:disabled{cursor:not-allowed;opacity:.42}input{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.28);color:var(--text);outline:none}input:focus{border-color:rgba(247,255,107,.72);box-shadow:0 0 0 3px rgba(247,255,107,.11)}.arena-shell{position:relative;min-height:100dvh;width:100vw;overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(85,247,255,.12),transparent 28%),radial-gradient(circle at 82% 70%,rgba(255,90,223,.1),transparent 26%),linear-gradient(135deg,#061018,#101019 48%,#071411)}.arena-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.score-hud{position:absolute;top:18px;left:50%;z-index:4;width:min(760px,calc(100vw - 420px));min-width:460px;transform:translateX(-50%);display:grid;grid-template-columns:minmax(150px,1fr) 190px minmax(150px,1fr);grid-gap:10px;gap:10px;align-items:center;pointer-events:none}.match-core,.player-chip{min-height:58px;border:1px solid var(--line);border-radius:8px;background:rgba(4,10,17,.68);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.22)}.player-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 13px;overflow:hidden}.player-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.88rem}.player-chip strong{font-size:2rem;line-height:1}.player-chip.left strong{color:var(--cyan);text-shadow:0 0 18px rgba(85,247,255,.72)}.player-chip.right strong{color:var(--pink);text-shadow:0 0 18px rgba(255,90,223,.68)}.match-core{display:grid;grid-template-columns:1fr;justify-items:center;padding:7px 10px}.match-core span:first-child{color:var(--acid);font-weight:800;font-size:1.15rem}.match-core b{color:var(--muted);font-size:.72rem;text-transform:uppercase}.tempo{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-weight:800;font-size:.78rem}.control-panel,.tactical-panel{position:absolute;z-index:5;border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.34)}.control-panel{left:18px;top:18px;width:330px;padding:16px;display:grid;grid-gap:13px;gap:13px}.brand-row{display:flex;align-items:center;gap:12px}.brand-row svg{color:var(--cyan);filter:drop-shadow(0 0 8px rgba(85,247,255,.75))}.brand-row h1{margin:0;font-size:1.08rem;line-height:1.15}.brand-row span,.name-field span,.notice,.perk-strip span,.room-line,.tactical-panel span{color:var(--muted);font-size:.78rem}.name-field{display:grid;grid-gap:6px;gap:6px}.name-field input{width:100%;height:40px;padding:0 10px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.action-grid button:first-child{border-color:rgba(85,247,255,.36)}.action-grid button:nth-child(2){border-color:rgba(247,255,107,.36)}.action-grid button:nth-child(3){border-color:rgba(109,255,154,.34)}.action-grid button:nth-child(4){border-color:rgba(255,90,223,.34)}.join-row{display:grid;grid-template-columns:1fr 42px 42px;grid-gap:8px;gap:8px}.join-row input{height:42px;padding:0 11px;text-transform:uppercase;font-weight:800}.perk-strip{display:grid;grid-template-columns:86px 1fr;grid-gap:8px;gap:8px}.perk-strip div,.tactical-panel div{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 10px;background:rgba(255,255,255,.055)}.perk-strip strong,.tactical-panel strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}.pity-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.pity-row button:first-child{color:var(--pink)}.pity-row button:last-child{color:var(--cyan)}.room-line{display:flex;align-items:center;gap:7px;min-height:18px;overflow:hidden}.room-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{margin:0;min-height:18px;color:var(--acid)}.tactical-panel{right:18px;bottom:18px;width:240px;padding:12px;display:grid;grid-gap:8px;gap:8px}.tactical-panel .recent{display:flex;align-items:center;gap:8px;color:var(--acid)}.tactical-panel .recent span{color:var(--acid);overflow-wrap:anywhere}.result-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:22px;background:linear-gradient(90deg,rgba(5,10,16,.34),rgba(5,10,16,.18)),rgba(2,6,11,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.result-panel{width:min(440px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:24px;background:rgba(6,13,22,.86);box-shadow:0 0 44px rgba(85,247,255,.16),0 26px 90px rgba(0,0,0,.48);text-align:center}.result-overlay.won .result-panel{border-color:rgba(85,247,255,.48);box-shadow:0 0 54px rgba(85,247,255,.25),0 28px 96px rgba(0,0,0,.5)}.result-overlay.lost .result-panel{border-color:rgba(255,90,223,.45);box-shadow:0 0 54px rgba(255,90,223,.2),0 28px 96px rgba(0,0,0,.5)}.result-kicker{display:block;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.result-panel h2{margin:8px 0 10px;color:var(--text);font-size:4.8rem;line-height:.95;text-transform:uppercase;text-shadow:0 0 28px rgba(85,247,255,.35)}.result-overlay.lost h2{text-shadow:0 0 28px rgba(255,90,223,.35)}.result-score{display:inline-grid;grid-template-columns:82px 24px 82px;align-items:center;justify-content:center;margin:10px auto 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);padding:10px 12px}.result-score strong{font-size:2.3rem;line-height:1}.result-score strong:first-child{color:var(--cyan)}.result-score strong:last-child{color:var(--pink)}.result-panel p,.result-score span{color:var(--muted)}.result-panel p{margin:8px 0 18px}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.result-actions button{min-height:48px}.arena-shell.is-playing .control-panel,.mobile-dock{display:none}.arena-shell.is-playing .mobile-dock{position:absolute;z-index:6;left:50%;right:auto;bottom:18px;width:min(390px,calc(100vw - 24px));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(5,11,18,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 60px rgba(0,0,0,.26)}.arena-shell.is-playing .mobile-dock button{min-width:0}@media (max-width:1080px){.score-hud{top:10px;width:calc(100vw - 24px);min-width:0;grid-template-columns:1fr 132px 1fr}.control-panel{top:auto;left:12px;bottom:82px;width:min(330px,calc(100vw - 24px));padding:13px}.tactical-panel{display:none}}@media (max-width:680px){body,html{overflow:hidden}.score-hud{grid-template-columns:1fr 112px 1fr;gap:6px}.match-core,.player-chip{min-height:50px}.player-chip{padding:7px 8px}.player-chip span{display:none}.player-chip strong{font-size:1.65rem}.control-panel,.match-core b{display:none}.mobile-dock{position:absolute;z-index:6;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px;padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(5,11,18,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-dock button{min-width:0;min-height:44px;gap:5px;font-size:.76rem}.result-panel{padding:18px}.result-panel h2{font-size:3.15rem}.result-score{grid-template-columns:64px 20px 64px}}