button:active transform: translateY(2px); box-shadow: 0 2px 0 #9b6e1a;
.controls display: flex; justify-content: center; gap: 20px; margin-top: 12px; coolmathgames penalty kick
body background: linear-gradient(145deg, #1a6d2b 0%, #0e4a1c 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Courier New', 'Press Start 2P', 'VT323', monospace; margin: 0; padding: 20px; button:active transform: translateY(2px)
.info-panel display: flex; justify-content: space-between; align-items: baseline; margin-top: 16px; margin-bottom: 12px; background: #1e1e1e; padding: 10px 20px; border-radius: 60px; color: #f9f3c1; text-shadow: 2px 2px 0 #5a3e1a; box-shadow: 0 2px 0 #9b6e1a
.score-box, .result-box background: #00000088; padding: 5px 15px; border-radius: 32px; font-weight: bold; font-size: 1.5rem; backdrop-filter: blur(2px);
.game-container background: #2c2c2c; border-radius: 48px; padding: 20px 20px 25px; box-shadow: 0 20px 30px rgba(0,0,0,0.4), inset 0 1px 4px rgba(255,255,255,0.2);