html,body{color:#fff;background:#0b0f1a;width:100%;height:100%;margin:0;font:14px Inter,system-ui,Arial,sans-serif;overflow:hidden}canvas{display:block}#hud{z-index:10;pointer-events:none;text-shadow:0 2px 8px #000;grid-template-rows:auto auto;grid-template-columns:1fr 160px 1fr;align-items:center;gap:6px 18px;display:grid;position:fixed;top:18px;left:24px;right:24px}.barWrap{align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.barWrap.right{flex-direction:row-reverse}.bar{background:#1a0a0a;border:2px solid #ffffff80;border-radius:4px;flex:1;height:26px;overflow:hidden}.fill{background:linear-gradient(90deg,#22c55e,#eab308);width:100%;height:100%;transition:width .1s linear}.barWrap.right .fill{background:linear-gradient(90deg,#eab308,#22c55e);margin-left:auto}#roundText{text-align:center;letter-spacing:3px;font-size:24px;font-weight:900}.roundIndicators{justify-content:flex-start;gap:6px;padding-top:6px;display:flex}#p2Indicators{justify-content:flex-end}.roundDot{background:#00000080;border:2px solid #ffffff80;border-radius:3px;width:18px;height:18px;transition:all .3s}.roundDot.active{background:#22c55e;border-color:#fff}#p2Indicators .roundDot.active{background:#ef4444;border-color:#fff}#help{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0000008c;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.5;position:fixed;bottom:14px;left:14px}#arenaControls{color:#fff;z-index:11;background:#0009;border-radius:10px;width:315px;max-height:calc(100vh - 150px);padding:12px;font-size:12px;position:fixed;top:78px;left:16px;overflow-y:auto;pointer-events:none!important;visibility:hidden!important;opacity:0!important;display:none!important}#arenaControls b{margin:8px 0;display:block}#arenaControls label{grid-template-columns:72px 1fr 42px;align-items:center;gap:8px;margin:7px 0;display:grid}#arenaControls input,#arenaControls select{width:100%;min-width:0}#arenaControls span{text-align:right;font-variant-numeric:tabular-nums}.buttonRow{gap:6px;margin:8px 0 10px;display:flex}.buttonRow button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fffc;border-radius:6px;flex:1;padding:6px 8px;font-weight:700}.buttonRow button:hover{background:#ffffff40}#replayBtn{z-index:30;color:#171100;cursor:pointer;background:#fc3;border:2px solid #fff;border-radius:999px;padding:14px 34px;font-size:22px;font-weight:900;display:none;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000073}#replayBtn:hover,#playBtn:hover{filter:brightness(1.08)}#matchWinnerText{z-index:20;color:#ffd93d;text-shadow:0 4px 20px #000c,0 0 40px #ffd93d4d;pointer-events:none;text-align:center;font-size:52px;font-weight:900;line-height:1.2;display:none;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}#countdownText{z-index:25;color:#ffd93d;text-shadow:0 4px 30px #000000e6,0 0 60px #ffd93d66;pointer-events:none;text-align:center;font-size:120px;font-weight:900;line-height:1.2;display:none;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}