:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#16191d;--screen:#1d2126;--panel:#252a30;--panel-2:#2d333a;--line:#3a4046;--ink:#e6e8ea;--soft:#b8bec4;--muted:#8a9198;--open:#6fdc8c;--starting:#e8c45a;--running:#9cc8ff;--results:#d2a8f2;--act:#d9c58b;--act-ink:#1d2126;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font:13px/1.5 var(--mono);margin:0}#lobby{max-width:1240px;padding:24px max(16px, env(safe-area-inset-left,0px)) 48px max(16px, env(safe-area-inset-right,0px));gap:20px;margin:0 auto;display:grid}.top{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.wordmark{font:800 28px/1 var(--sans);letter-spacing:.2em;margin-right:auto}.field{color:var(--muted);align-items:center;gap:8px;display:flex}input,select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:5px 8px}#name{width:16ch}#map{max-width:160px}.ping{border:1px solid var(--line);color:var(--soft);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;display:inline-flex}.ping:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.ping[data-q=good]:before{background:var(--open)}.ping[data-q=mid]:before{background:var(--starting)}.ping[data-q=bad]:before{background:#ff6b6b}.split{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}.matches{background:var(--screen);border:1px solid var(--line);border-radius:6px;min-width:0;padding:14px 16px;overflow-x:auto}.empty{color:var(--muted);margin:8px 0}table.list{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.list th{text-align:left;font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:0 10px 8px}.list td{white-space:nowrap;border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);padding:10px}.list .num{text-align:right}.list .yes{text-align:center}.list .act{text-align:right;width:1%}.list .map{font-weight:700}.list .mode{color:var(--soft)}.list tr.off td{color:var(--muted)}.list tr:not(.off):hover td{background:color-mix(in srgb, var(--panel) 70%, transparent)}.players{align-items:center;gap:10px;display:inline-flex}.pbar{background:color-mix(in srgb, var(--ground) 70%, transparent);width:132px;height:15px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent);border-radius:5px;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;padding:3px;display:inline-grid}.pbar i{background:color-mix(in srgb, var(--line) 55%, transparent)}.pbar i:first-child{border-radius:3px 0 0 3px}.pbar i:last-child{border-radius:0 3px 3px 0}.pbar i.h{background:var(--soft)}.pbar i.b{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--soft) 50%, transparent) 0 2px, transparent 2px 4px)}.off .pbar{opacity:.55}.count{min-width:6ch}.dim{color:var(--muted)}.tick{color:var(--open);font:700 14px/1 var(--sans)}.dash{color:var(--muted)}.state{font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:3px;align-items:center;gap:6px;padding:4px 7px;display:inline-flex}.state[data-s=open]{color:var(--open)}.state[data-s=starting]{color:var(--starting)}.state[data-s=running]{color:var(--running)}.state[data-s=results]{color:var(--results)}.state[data-s=full]{color:var(--muted)}.timer{color:var(--soft)}button{font:600 13px/1 var(--sans);cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:4px;padding:8px 14px}button.go{background:var(--act);color:var(--act-ink);border-color:var(--act)}button.ghost{color:var(--soft);background:0 0}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--act);outline-offset:2px}.side{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:12px;padding:14px;display:grid}.side h2{font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:0}.side .row{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.stepper{border:1px solid var(--line);border-radius:4px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{border:0;border-radius:0;width:26px;height:26px;padding:0}.stepper output{text-align:center;min-width:6ch;color:var(--ink)}.switch input{appearance:none;background:var(--line);cursor:pointer;border:0;border-radius:999px;width:30px;height:16px;margin:0;padding:0;position:relative}.switch input:after{content:"";background:var(--soft);border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:2px;left:2px}.switch input:checked{background:color-mix(in srgb, var(--act) 70%, var(--panel))}.switch input:checked:after{background:var(--ink);left:16px}.hint{color:var(--muted);font:12px/1.4 var(--sans);margin:0}.error{color:#ff8a80;font:12px/1.4 var(--sans);margin:0}.error:empty{display:none}.side button.go{width:100%;padding:10px}.offline{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}