body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#1a1a2e;overflow:hidden;font-family:'Segoe UI',sans-serif;cursor:none}
canvas{display:block}
#ui{position:absolute;top:0;left:0;width:100%;pointer-events:none}
#scoreboard{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;background:rgba(0,0,0,0.7);padding:10px 30px;border-radius:40px;border:2px solid rgba(255,255,255,0.15)}
.team{display:flex;align-items:center;gap:12px}
.team-name{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px}
.score{font-size:42px;font-weight:900;min-width:40px;text-align:center}
.team-blue .team-name,.team-blue .score{color:#4fc3f7}
.team-red .team-name,.team-red .score{color:#ef5350}
.divider{color:rgba(255,255,255,0.3);font-size:30px;font-weight:300}
#timer{position:absolute;top:75px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.5);padding:4px 16px;border-radius:12px;color:#fff;font-size:18px;font-weight:600;letter-spacing:1px}
#menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(10,10,30,0.95);pointer-events:all;z-index:10}
#menu h1{font-size:72px;font-weight:900;letter-spacing:6px;background:linear-gradient(135deg,#4fc3f7,#fff,#ef5350);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}
#menu .sub{color:rgba(255,255,255,0.5);font-size:16px;margin-bottom:50px;letter-spacing:3px}
#menu button{pointer-events:all;cursor:pointer;background:rgba(255,255,255,0.08);border:2px solid rgba(255,255,255,0.2);color:#fff;font-size:20px;font-weight:700;padding:16px 50px;border-radius:50px;margin:8px;letter-spacing:2px;text-transform:uppercase;transition:all 0.3s}
#menu button:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.5);transform:scale(1.05)}
#goalFlash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);font-size:120px;font-weight:900;letter-spacing:16px;opacity:0;pointer-events:none;text-shadow:0 0 60px rgba(255,255,255,0.6),0 0 120px currentColor,0 4px 8px rgba(0,0,0,0.5);z-index:5}
#controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.4);font-size:13px;letter-spacing:1px;background:rgba(0,0,0,0.4);padding:8px 20px;border-radius:20px}
.ar{margin-bottom:7px}.ar label{display:block;color:rgba(255,255,255,0.6);font-size:11px;margin-bottom:1px;letter-spacing:.5px}.ar input[type=range]{width:180px;vertical-align:middle;cursor:pointer;accent-color:#4fc3f7}.ar span{color:#fff;font-size:12px;margin-left:6px;font-weight:600}
.sec{color:#4fc3f7;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid rgba(79,195,247,0.25)}
.sec:first-child{margin-top:0}