:root{--bg-dark:#030303;--bg:#141414;--bg-light:#1f1f1f;--bg-raised:#262626;--text:#f2f2f2;--text-muted:#999;--text-dim:#666;--border:#474747;--border-muted:#2e2e2e;--primary:#ffcd05;--primary-dim:color-mix(in srgb, var(--primary) 15%, transparent);--secondary:#1652d4;--secondary-dim:color-mix(in srgb, var(--secondary) 15%, transparent);--danger:#ff3838;--dangerToast:#ff38384d;--warning:#ffb300;--warningToast:#ffb3004d;--success:#2d7c00;--successToast:#1841014d;--info:#2ecbff;--infoToast:#2ecbff4d;--frame-max-w:1200px;--frame-h:600px;--topbar-h:50px;--col-players:200px;--col-chat:220px;--panel-pad:1rem;--panel-pad-lg:1.25rem;--radius-sm:.4rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--t-fast:.12s ease;--t-base:.15s ease;--t-slow:.25s ease;--glow-primary:0 0 10px 1px var(--primary);--glow-danger:0 0 10px 1px var(--danger);--glow-success:0 0 10px 1px var(--success);--glow-info:0 0 10px 1px var(--info);--glow-warning:0 0 10px 1px var(--warning)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-dark);background-image:radial-gradient(transparent, var(--bg-dark)), linear-gradient(var(--bg) 1px, transparent 1px), linear-gradient(90deg, var(--bg) 1px, transparent 1px);background-size:100% 100%,20px 20px,20px 20px;min-height:100%}body{max-width:100vw;min-height:100%;color:var(--text);font-optical-sizing:auto;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;font-style:normal;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.pill{border-radius:var(--radius-sm);background:var(--bg-light);color:var(--text-muted);cursor:pointer;border:1px solid var(--border-muted);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);white-space:nowrap;padding:.3rem .75rem;font-family:inherit;font-size:.78rem;font-weight:500}.pill:hover:not(:disabled){background:var(--border-muted);color:var(--text)}.pill.pillActive{background:var(--primary-dim);color:var(--primary);border-color:var(--primary);font-weight:700}.pill:disabled{cursor:default;opacity:.7}.sectionLabel{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.roboto{font-family:Roboto,sans-serif}