:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1016;--bg-raised:#161923;--bg-sunken:#0a0c11;--line:#262b38;--line-strong:#39405280;--text:#dfe3ec;--text-dim:#8d95a8;--accent:#c33;--accent-bright:#e34b4b;--good:#57b85b;--warn:#d8a13a;--radius:6px;--pane-gap:18px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:hidden}body.showing-page{overflow:auto}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#canvas{--game-aspect:1.333;width:min(100vw, calc(100vh * var(--game-aspect)));height:min(100vh, calc(100vw / var(--game-aspect)));touch-action:none;cursor:none;outline:none;margin:auto;display:block;position:fixed;inset:0}body:not(.showing-page){background:#000}#overlay{background:var(--bg);z-index:10;grid-auto-flow:row;align-content:center;place-items:center;gap:16px;display:grid;position:fixed;inset:0}#title{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:22px}#bar{background:#222;border-radius:3px;width:min(420px,70vw);height:6px}#bar>div{background:var(--accent);border-radius:3px;width:0%;height:100%;transition:width .12s linear}#start{font:inherit;color:#eee;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:10px 22px}#start:disabled{opacity:.4;cursor:default}#status{text-align:center;opacity:.7;max-width:min(560px,86vw);min-height:1.4em}#status.error{color:#f88;opacity:1}#back-to-list{color:var(--text-dim);font-size:13px}#main-page{max-width:1180px;margin:0 auto;padding:16px 20px 40px}#page-notice{color:#f8b0b0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);border-left:3px solid #a33;margin:0 0 12px;padding:10px 14px}#banner{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:linear-gradient(90deg, #1d1216, var(--bg-raised) 55%);align-items:center;gap:12px;padding:10px 14px;display:flex}.banner-tag{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.banner-text strong{color:var(--accent-bright)}#hero{justify-items:center;gap:10px;padding:26px 0 22px;display:grid}#wordmark{letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin:0;font-size:30px;font-weight:800}#wordmark span{color:var(--accent)}#play{min-width:260px;font:inherit;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg, var(--accent-bright), #9e2626);border-radius:var(--radius);cursor:pointer;border:1px solid #7d1f1f;padding:16px 40px;font-size:24px;font-weight:800;transition:filter .12s,transform 60ms}#play:hover:not(:disabled){filter:brightness(1.12)}#play:active:not(:disabled){transform:translateY(1px)}#play:disabled{filter:grayscale(.8);opacity:.45;cursor:default}#split{gap:var(--pane-gap);align-items:stretch;display:flex}#account{flex:0 0 35%;min-width:0}#servers{flex:65%;min-width:0}@media (max-width:860px){#split{flex-direction:column}#account,#servers{flex:auto}}.pane{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);padding:16px}.pane h2{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px;font-size:13px;font-weight:700}.pane-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.pane-head h2{margin:0}.pane-head #server-status{color:var(--text-dim);flex:1;font-size:12px}label{color:var(--text-dim);margin-bottom:4px;font-size:12px;display:block}input{width:100%;font:inherit;color:var(--text);background:var(--bg-sunken);border:1px solid var(--line);border-radius:4px;margin-bottom:12px;padding:8px 10px}input:focus{border-color:var(--accent);outline:none}.row{gap:8px;display:flex}button{font:inherit;color:var(--text);border:1px solid var(--line-strong);cursor:pointer;background:#232838;border-radius:4px;padding:8px 14px}button:hover:not(:disabled){border-color:#4a5268}button:disabled{opacity:.4;cursor:not-allowed}#account-form button{flex:1}#login{background:var(--accent);color:#fff;border-color:#7d1f1f;font-weight:600}button.secondary{background:#232838}#account-status{min-height:1.4em;color:var(--warn);margin:10px 0 0;font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.hint{color:var(--text-dim);margin:-6px 0 0;font-size:11px}.table-scroll{overflow-x:auto}#server-table{border-collapse:collapse;width:100%;font-size:13px}#server-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px;font-size:11px;font-weight:600}#server-table td{vertical-align:middle;border-bottom:1px solid #1d2130;padding:7px 8px}#server-table tbody tr:hover{background:#1b1f2b}.col-mode,.col-ping,.col-players{white-space:nowrap}.col-ping,.col-players{text-align:right;font-variant-numeric:tabular-nums}.cell-name{font-weight:600}.cell-map{color:var(--text-dim);font-size:11px;display:block}.cell-mode{border:1px solid var(--line-strong);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:11px;display:inline-block}.cell-ip{color:var(--text-dim);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.ping-good{color:var(--good)}.ping-ok{color:var(--warn)}.ping-bad{color:var(--accent-bright)}.ping-none{color:var(--text-dim)}.cell-full{color:var(--accent-bright)}.pass-input{width:120px;margin:0;padding:5px 8px;font-size:12px}.pass-none{color:var(--text-dim)}.join{background:#2b3348;min-width:74px;padding:6px 14px;font-weight:600}.join:not(:disabled){background:var(--accent);color:#fff;border-color:#7d1f1f}#server-empty{color:var(--text-dim);text-align:center;margin:18px 0 4px}