*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}#game-container{width:100vw;height:100vh;position:relative}#game-canvas{width:100%;height:100%;display:block}#ui-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#scoreboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:2px solid #ffffff26;border-radius:12px;align-items:center;gap:16px;padding:8px 24px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.team-score{align-items:center;gap:12px;display:flex}.team-name{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:600}.team-player .team-name{color:#4fc3f7}.team-ai .team-name{color:#ef5350}.score{color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-size:32px;font-weight:700}.vs-text{color:#ffffff80;font-size:14px;font-weight:700}.timer{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:18px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.message{color:#fff;text-shadow:0 4px 20px #00000080;font-size:48px;font-weight:700;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message.hidden{opacity:0;pointer-events:none}.controls-hint{color:#ffffff80;background:#00000080;border-radius:8px;padding:6px 16px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.start-screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.start-screen h1{color:#fff;margin-bottom:12px;font-size:56px}.start-screen>p{color:#ffffffb3;margin-bottom:32px;font-size:20px}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4fc3f7,#0288d1);border:none;border-radius:12px;padding:16px 48px;font-size:22px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #4fc3f766}.start-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #4fc3f799}.start-controls{color:#ffffff80;text-align:center;margin-top:32px;font-size:14px;line-height:2}.goal-flash{animation:.3s ease-in-out 3 goalFlash}@keyframes goalFlash{0%,to{opacity:1}50%{opacity:.3}}