@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color-scheme:dark;font-family:"Press Start 2P",ui-monospace,monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a1a2e;color:#fafafa;overflow:hidden}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}canvas{display:block;border-radius:12px;box-shadow:0 0 40px #00c8ff4d}.hud{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-size:11px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);z-index:10;pointer-events:none;background:#00000080;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.hud-item{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-label{font-size:8px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.hud-value{font-size:14px;color:gold}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;z-index:20;gap:20px;text-align:center;padding:20px}.start-screen h1{font-size:28px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),0 4px 0 #b8860b;line-height:1.4}.start-screen .subtitle{font-size:10px;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5)}.start-screen .instructions{font-size:9px;color:#aaa;line-height:2;max-width:400px}.start-screen .instructions span{color:#00d4ff}.btn{font-family:"Press Start 2P",monospace;font-size:14px;padding:14px 32px;border:2px solid #ffd700;background:transparent;color:gold;cursor:pointer;border-radius:8px;transition:all .2s;text-shadow:0 0 8px rgba(255,215,0,.4)}.btn:hover{background:gold;color:#1a1a2e;text-shadow:none;transform:scale(1.05)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:20;gap:16px;text-align:center;padding:20px}.overlay h2{font-size:22px;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6)}.overlay .result{font-size:12px;color:#00d4ff}.overlay .stats{font-size:9px;color:#aaa;line-height:2}.pitch-name{position:absolute;bottom:80px;left:50%;transform:translate(-50%);font-size:10px;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5);z-index:10;pointer-events:none;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.swing-prompt{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:12px;color:#0f8;text-shadow:0 0 12px rgba(0,255,136,.5);z-index:10;pointer-events:none;animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}