:root{--ceiling:#282830;--ceiling-deep:#1f1f26;--panel:#3c6e78;--panel-dim:#284650;--brick:#963c28;--lamp:#e6dc78;--bone:#f0f0f0;--stone:#78786e;--ui:"Chakra Petch", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}body{background:var(--ceiling);color:var(--bone);font-family:var(--ui);margin:0;font-size:16px;line-height:1.45}h1,h2,p{margin:0}button{font:inherit}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.mono{font-family:var(--mono);font-size:.85em}.masthead{flex-wrap:wrap;align-items:baseline;gap:1.25rem;max-width:1280px;margin:0 auto;padding:1.25rem 1.5rem .75rem;display:flex}.masthead h1{letter-spacing:-.01em;color:var(--lamp);font-size:1.75rem;font-weight:700}.tagline{color:var(--stone)}.source{color:var(--stone);align-self:center;margin-left:auto;display:flex}.source:hover,.source:focus-visible{color:var(--lamp)}@media (max-width:720px){.masthead{padding-right:3.5rem;position:relative}.source{position:absolute;top:1.55rem;right:1.5rem}}.stage{grid-template-columns:minmax(0,1fr) 300px;gap:1.5rem;max-width:1280px;margin:0 auto;padding:0 1.5rem 1.5rem;display:grid}.screen{aspect-ratio:16/10;border:2px solid var(--panel-dim);background:#000;position:relative;overflow:hidden}.screen canvas#view{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;display:block}.crosshair{pointer-events:none;background:linear-gradient(var(--lamp), var(--lamp)) center / 2px 100% no-repeat, linear-gradient(var(--lamp), var(--lamp)) center / 100% 2px no-repeat;opacity:.8;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.debug{color:#f0f0f0;pointer-events:none;white-space:pre;background:#000000b3;margin:0;padding:6px 8px;font:11px/1.4 JetBrains Mono,monospace;position:absolute;top:8px;left:8px}.hud{text-shadow:0 2px #000;pointer-events:none;justify-content:space-between;padding:.5rem .9rem;font-size:clamp(1rem,2.4vw,1.6rem);font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.hp{color:var(--lamp)}.hp.low{color:#e05a3a}.overlay{background:#1f1f26d1;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding:clamp(1rem,5%,3rem);display:flex;position:absolute;inset:0}.overlay[hidden],.hud[hidden]{display:none}.overlay h2{max-width:18ch;font-size:clamp(1.4rem,3.4vw,2.4rem);line-height:1.1}.overlay p{color:#cfcfc8;max-width:52ch}.overlay .small{color:var(--stone);font-size:.875rem}.primary{background:var(--lamp);color:var(--ceiling-deep);cursor:pointer;clip-path:polygon(0 0,100% 0,100% 70%,92% 100%,0 100%);border:0;padding:.7rem 1.4rem;font-size:1.05rem;font-weight:700}.primary:disabled{opacity:.6;cursor:progress}.death{background:#3c0c088c;align-items:center}.killcam{border:2px solid var(--brick);background:#000;width:min(70%,520px);margin:0}.killcam canvas{width:100%;image-rendering:pixelated;display:block}.killcam figcaption{background:var(--brick);padding:.45rem .7rem;font-size:.875rem}.respawn{font-size:1.2rem;font-weight:700}.ledger{background:var(--ceiling-deep);border:2px solid var(--panel-dim);border-top:0;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}.clock{display:grid}.clock.chain{text-align:right}.clock-label{color:var(--stone);font-size:.8rem}.clock-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.1rem}.you .clock-value{color:var(--lamp)}.chain .clock-value{color:#8fc4cf}.clock-meta{font-family:var(--mono);color:var(--stone);font-size:.72rem}.gap-bar{background:var(--panel-dim);height:6px;position:relative}.gap-fill{background:linear-gradient(90deg, var(--panel), var(--lamp));width:0%;transition:width .2s linear;position:absolute;top:0;bottom:0;right:0}.rail{align-content:start;gap:1.5rem;display:grid}.rail h2{color:var(--lamp);margin-bottom:.5rem;font-size:1rem;font-weight:600}.board,.feed{gap:2px;margin:0;padding:0;list-style:none;display:grid}.board li{background:var(--ceiling-deep);grid-template-columns:12px 1fr auto;align-items:center;gap:.6rem;padding:.35rem .5rem;display:grid}.board li.me{outline:1px solid var(--lamp)}.board li.dead{opacity:.5}.swatch{width:12px;height:12px}.board .name{font-family:var(--mono);text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.board .score{font-variant-numeric:tabular-nums;font-weight:600}.feed li{border-left:3px solid var(--brick);background:var(--ceiling-deep);padding:.3rem .5rem;font-size:.875rem}.feed .meta{font-family:var(--mono);color:var(--stone);font-size:.7rem;display:block}.empty{color:var(--stone);font-size:.875rem}.empty[hidden]{display:none}.controls dl{grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:0;font-size:.875rem;display:grid}.controls dt{color:var(--stone)}.controls dd{margin:0}.colophon{max-width:1280px;color:var(--stone);margin:0 auto;padding:0 1.5rem 2rem;font-size:.8rem}@media (max-width:900px){.stage{grid-template-columns:1fr}.controls{display:none}}@media (prefers-reduced-motion:reduce){.gap-fill{transition:none}}