:root{--blue:#00d4ff;--red:#ff2d55;--gold:#ffc940;--bg:#04060a;--panel:#080d14}*{margin:0;padding:0;box-sizing:border-box}body,html{overscroll-behavior:none}body{background:var(--bg);min-height:100vh;align-items:center;font-family:Orbitron,monospace;overflow:hidden;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,main{display:flex;justify-content:center}#arena,main{width:100%}#arena{position:relative;max-width:760px;aspect-ratio:760/520;margin:0 auto;touch-action:none}.screen{cursor:default}#outer{display:flex;align-items:center;gap:0;width:min(100vw,1100px);justify-content:center}canvas{display:block;width:100%;height:100%;border-radius:18px;box-shadow:0 0 0 2px rgba(0,212,255,.2),0 0 50px rgba(0,212,255,.1),0 20px 70px rgba(0,0,0,.8)}.stat-panel{width:130px;flex-shrink:0;padding:16px 10px 12px;background:var(--panel);border:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;align-items:center;gap:0}#stat-left{border-radius:16px 0 0 16px;border-right:none}#stat-right{border-radius:0 16px 16px 0;border-left:none}.stat-name{font-weight:700;font-size:10px;letter-spacing:4px}.stat-name,.stat-score{font-family:Orbitron,monospace;margin-bottom:6px;text-align:center;width:100%}.stat-score{font-weight:900;font-size:52px;line-height:1;letter-spacing:-2px}.stat-divider{width:100%;height:1px;background:hsla(0,0%,100%,.07);margin:6px 0 8px}.stat-row{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.stat-label{font-family:Rajdhani,sans-serif;font-weight:500;font-size:9px;letter-spacing:1.5px;color:hsla(0,0%,100%,.3);text-transform:uppercase}.stat-val{font-family:Orbitron,monospace;font-weight:700;font-size:12px;color:hsla(0,0%,100%,.75)}.stat-footer{font-size:9px;letter-spacing:2px;color:hsla(0,0%,100%,.2);text-align:center;margin-top:2px}#mute-btn,.stat-footer{font-family:Rajdhani,sans-serif;font-weight:500;text-transform:uppercase}#mute-btn{position:absolute;top:10px;right:14px;font-size:10px;letter-spacing:1.5px;color:hsla(0,0%,100%,.35);pointer-events:none;z-index:5}#ui{overflow:hidden}#ui,.screen{position:absolute;inset:0;pointer-events:none;border-radius:18px}.screen{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;background:rgba(4,6,10,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen.on{opacity:1;pointer-events:all}.go-face{font-size:60px;line-height:1;margin-bottom:8px;display:block;animation:facePop .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes facePop{0%{transform:scale(0);opacity:0}65%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.go-inner{text-align:center}.go-who{font-size:clamp(36px,7vw,64px);font-weight:900;line-height:1}.go-wins{font-family:Rajdhani,sans-serif;font-weight:300;font-size:18px;letter-spacing:12px;color:hsla(0,0%,100%,.6);margin-top:3px}.go-final{font-size:28px;font-weight:700;color:var(--gold);text-shadow:0 0 20px var(--gold);margin:12px 0 24px}button{padding:13px 44px;background:transparent;border:2px solid var(--blue);color:var(--blue);font-family:Orbitron,monospace;font-weight:700;font-size:13px;letter-spacing:4px;cursor:pointer;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .2s,box-shadow .2s,color .2s}button:hover{background:var(--blue);color:#000;box-shadow:0 0 30px rgba(0,212,255,.5)}#outer{width:1100px;transform-origin:top center}@media (max-width:1100px){#outer{transform:scale(calc(100vw / 1100))}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}#gameover-screen.lose-state{background:rgba(20,4,8,.9)}