:root{--cyan:#7bdfff;--mint:#adffcf}.board-wrap{position:relative;overflow:hidden}.board-wrap canvas{width:100%;height:auto;display:block;background:#091727;border:1px solid #29415b;border-radius:9px;touch-action:none}.hud{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 2px 0;color:#abc0d1;font:10px ui-monospace,monospace}.hud span{white-space:nowrap}.hud b{color:var(--mint)}.health{height:8px;flex:1;min-width:55px;border-radius:8px;background:#28394a;overflow:hidden}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#50d995,#b6ffcb);transition:width .2s}.controls-help{font:9px ui-monospace,monospace;color:#8299af;letter-spacing:.06em}.overlay{position:absolute;inset:48px 12px 60px;z-index:2;background:#06111be9;backdrop-filter:blur(7px);border:1px solid #29415b;border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.overlay[hidden]{display:none}.overlay h2{font-size:clamp(26px,4vw,40px);margin:8px}.overlay p{max-width:520px;color:#b0c4d5;font-size:13px}.overlay .start{background:linear-gradient(90deg,var(--cyan),var(--mint));border:0;border-radius:8px;padding:12px 18px;color:#07131d;font-weight:900;cursor:pointer}.intel #feed{max-height:300px;overflow:auto;padding-left:18px;color:#b7c9d8;font-size:10px}.intel #feed li{padding:6px 0;border-bottom:1px solid #ffffff10}.intel #feed li.elim{color:#ff9ca7}.intel h3{font:700 10px ui-monospace,monospace;letter-spacing:.12em;color:var(--cyan);margin:15px 0 8px}.contestant{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #ffffff0d;font-size:10px;color:#b9c9d7}.contestant.dead{opacity:.42}.contestant b{color:var(--mint)}.mode{display:inline-block;padding:7px 10px;border:1px solid #ffbd4b55;border-radius:20px;color:#ffcf77;font:700 9px ui-monospace,monospace}@media(max-width:700px){.board-top{gap:5px;flex-wrap:wrap}.hud{gap:7px}.controls-help{font-size:8px}.intel #feed{max-height:220px}}
