:root{color:#e9f2fa;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070e18;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}main{width:100%;height:100dvh}.arena{width:100%;height:100%;position:relative}canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid;position:absolute;inset:18px 20px auto}.hud div{gap:4px;display:grid}.hud div:last-child{text-align:right}.hud div:nth-child(2){text-align:center}.hud span{color:#8ba2b6;font-size:12px}.hud strong{font-variant-numeric:tabular-nums;font-size:22px}#health{color:#65efce}.overlay{background:#070e18bc;place-items:center;display:grid;position:absolute;inset:0}[hidden]{display:none!important}.panel{text-align:center;padding:24px}h2{margin:12px 0;font-size:32px}#final-score{color:#65efce;margin-left:12px;font-size:28px}button{font:inherit;color:#08271f;cursor:pointer;background:#65efce;border:0;border-radius:4px;margin-top:16px;padding:13px 30px;font-weight:700}button:hover{background:#a2ffe6}button:focus-visible{outline-offset:4px;outline:3px solid #fff}.hint,.controls{color:#8ba2b6;font-size:12px}#restart-hint[aria-hidden=true]{visibility:hidden}.controls{text-align:center;pointer-events:none;margin:0;position:absolute;inset:auto 0 18px}.pause{color:#e9f2fa;background:#070e1880;font-size:18px}kbd{color:#e9f2fa;border:1px solid #385166;border-radius:3px;margin-right:6px;padding:3px 8px}@media (width<=540px),(height<=540px){.hud{inset:12px 14px auto}.hud strong{font-size:18px}}