:root{--bg:#0b0e13;--surface:#141922;--surface-2:#1b2230;--border:#262f3f;--text:#e6e9ef;--muted:#8b95a7;--accent:#ff6a2b;--accent-hover:#ff8250;--red:#ef4f55;--blue:#4a8dff;--green:#3ecf8e;--yellow:#f5c542;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2{margin:0 0 .6em;line-height:1.2}h1{font-size:1.8rem}h2{font-size:1.2rem}main{max-width:980px;margin:0 auto;padding:28px 16px 64px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0b0e13e6;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:980px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.brand span{color:var(--accent)}.topbar nav,.account{align-items:center;gap:16px;display:flex}.account{margin-left:auto}.topbar nav a,.account>a:not(.button){color:var(--muted)}.topbar nav a.active,.topbar nav a:hover,.account>a:not(.button):hover,.account>a.active{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:22px}button,.button{font:inherit;color:#fff;background:var(--accent);border:1px solid var(--accent);cursor:pointer;text-align:center;border-radius:8px;padding:8px 16px;font-weight:600;display:inline-block}button:hover,.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button:disabled{opacity:.55;cursor:default}.ghost,.button.ghost{color:var(--text);border-color:var(--border);background:0 0}.ghost:hover,.button.ghost:hover{background:var(--surface-2);border-color:var(--muted);color:var(--text)}.big{padding:12px 26px;font-size:1.05rem}.small{padding:4px 10px;font-size:.85rem}.actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.muted{color:var(--muted)}.error{color:#ffb4b4;background:#ef4f551f;border:1px solid #ef4f5559;border-radius:8px;padding:8px 12px}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;margin-right:6px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.state-live,.state-waiting_players{color:var(--green);border-color:#3ecf8e66}.state-ready_check,.state-starting{color:var(--yellow);border-color:#f5c54266}.state-cancelled,.state-aborted{color:var(--muted)}.narrow{max-width:420px;margin:20px auto}label{flex-direction:column;gap:6px;margin-bottom:14px;font-weight:600;display:flex}label small{font-weight:400}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 12px}input:focus{border-color:var(--accent);outline:none}form .big{width:100%;margin-top:4px}.hero{padding:36px 0 28px}.hero h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem)}.hero p{max-width:640px;color:var(--muted);font-size:1.1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.steps{margin:0;padding-left:20px}.steps li{margin-bottom:12px}.steps li p{margin:0 0 8px}.table-wrap{padding:0;overflow-x:auto}table.data{border-collapse:collapse;width:100%}.data th,.data td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px}.data th{color:var(--muted);font-size:.85rem;font-weight:600}.data tr:last-child td{border-bottom:none}.num{font-variant-numeric:tabular-nums;text-align:right!important}.rank{color:var(--muted);width:1%}.strong{font-weight:700}.copy{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;max-width:520px;margin:8px 0;padding:8px 8px 8px 14px;display:flex}.copy code{-webkit-user-select:all;user-select:all;flex:1;font-size:1rem;overflow-x:auto}.big-code{letter-spacing:.12em;color:var(--accent);margin:6px 0;font:700 2rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.ladders{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.ladder .maps{color:var(--muted);font-size:.85rem}.match-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timer{font-variant-numeric:tabular-nums;font:700 1.6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.players{border-top:1px solid var(--border);margin:18px 0 12px;padding:0;list-style:none}.players li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.players li.me a{font-weight:700}.player-status{color:var(--muted);margin-left:auto;font-size:.9rem}.player-status.ok{color:var(--green)}.team-dot{border-radius:50%;width:10px;height:10px}.team-1{background:var(--red)}.team-2{background:var(--blue)}.player-status.bad{color:var(--red)}.veto-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0 8px;display:grid}.veto-map{text-align:left;background:var(--surface-2);border:1px solid var(--border);color:var(--text);flex-direction:column;align-items:flex-start;gap:2px;padding:14px;display:flex}.veto-map:not(:disabled):hover{border-color:var(--accent);color:var(--text);background:#ff6a2b1f}.veto-map:disabled{opacity:1}.veto-map.banned{opacity:.45}.veto-map.banned .veto-name{text-decoration:line-through}.veto-map.banned-by-1{border-left:3px solid var(--red)}.veto-map.banned-by-2{border-left:3px solid var(--blue)}.veto-name{font-weight:700}.veto-note{color:var(--muted);font-size:.8rem;font-weight:400}.ban-team-1{color:var(--red)}.ban-team-2{color:var(--blue)}.banned,.searching{text-align:center}.searching .timer{margin:8px 0 12px}.spinner{border:4px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin:6px auto 16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result{font-weight:700}.result-win{color:var(--green)}.result-loss{color:var(--red)}.result-draw{color:var(--yellow)}.last-match .result{margin:0;font-size:1.4rem}.delta-pos{color:var(--green)}.delta-neg{color:var(--red)}.teams{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;display:grid}.vs{color:var(--muted);text-transform:uppercase;align-self:center;font-weight:800}.team-card-1{border-top:3px solid var(--red)}.team-card-2{border-top:3px solid var(--blue)}.team-player+.team-player{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.player-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.player-name{font-size:1.25rem;font-weight:700}.rating-change{font-variant-numeric:tabular-nums;margin:8px 0}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;display:grid}.stats div{background:var(--surface-2);text-align:center;border-radius:8px;padding:8px}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.xon-name{font-weight:600}@media (width<=640px){.teams{grid-template-columns:1fr}.vs{justify-self:center}}.rating-big{color:var(--accent);margin:4px 0 8px;font-size:2.6rem;font-weight:800;line-height:1}