body{font-family:"Press Start 2P",cursive;background-color:#2a582a;color:#f7fafc;margin:0;overflow:hidden;height:100vh;width:100vw;-webkit-user-select:none;-ms-user-select:none;user-select:none}#root{height:100%;width:100%}.immersive-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.game-header{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;padding:15px 30px;z-index:5;width:100%;box-sizing:border-box}.game-header h1{font-size:2.5rem;color:#e7d86f;margin:0;text-shadow:3px 3px 0px rgba(0,0,0,.7)}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.scoreboard{position:absolute;bottom:0;left:0;width:100%;background-color:#1a1a1a;border-top:4px solid #333;padding:8px 10px;font-size:1rem;color:#e7d86f;text-transform:uppercase;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px 15px;z-index:5;box-sizing:border-box;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.scoreboard .score-item{display:flex;justify-content:space-between;align-items:baseline}.scoreboard .score-label{font-size:.8rem;color:#ababab;margin-right:10px}.scoreboard .score-value{font-size:1.5rem;font-weight:400}button{font-family:"Press Start 2P",cursive;background-color:#4299e1;color:#fff;padding:8px 16px;border:2px solid #000;border-radius:0;font-size:.9rem;cursor:pointer;box-shadow:4px 4px #000;transition:background-color .2s,transform .1s,box-shadow .1s;text-shadow:2px 2px 0px rgba(0,0,0,.3)}button:hover{background-color:#3182ce}button:active{background-color:#2b6cb0;transform:translate(2px,2px);box-shadow:2px 2px #000}button:disabled{background-color:#a0aec0;cursor:not-allowed;opacity:.6;box-shadow:2px 2px #000}.start-game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background-color:#00000080;padding:20px;box-sizing:border-box}.start-game-content{display:flex;flex-direction:column;align-items:center;text-align:center}.start-button-main{padding:15px 30px;font-size:1.5rem}.game-instructions-panel{margin-top:40px;background-color:#0a0a0ab3;border:2px solid #a0aec0;padding:15px 25px;max-width:400px;width:100%;box-sizing:border-box}.game-instructions-panel h3{font-size:1.2rem;color:#e7d86f;margin:0 0 15px;text-shadow:2px 2px 0px rgba(0,0,0,.5);text-decoration:underline;text-underline-offset:4px}.game-instructions-panel p{font-size:.9rem;line-height:1.6;margin:8px 0}.mobile-controls-instructions{display:none}.btn-retro{background-color:#0006;border:4px solid #63b3ed;color:#fff;font-size:2rem;padding:20px 40px;text-shadow:3px 3px 0 #000;box-shadow:none;transition:background-color .2s}.btn-retro:hover{background-color:#4299e166}.btn-retro:active{transform:none;box-shadow:none}.mobile-controls-container{position:absolute;bottom:85px;left:0;width:100%;padding:0 10px;display:none;justify-content:space-between;align-items:center;z-index:10;pointer-events:none;box-sizing:border-box}.mobile-d-pad,.mobile-action-pad{display:flex;gap:8px;pointer-events:auto}.mobile-btn{background:#141414b3;border:2px solid rgba(255,255,255,.8);color:#fff;font-size:1rem;width:60px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000}.mobile-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.mobile-btn.active{background:#4299e1;border-color:#fff}.mobile-swing-btn{width:100px;height:65px;font-size:1.2rem;background-color:#e13a7b}.game-message-container{position:absolute;bottom:85px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;pointer-events:none;width:90%}.message-area{font-size:1.2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9);padding:5px 12px;background-color:#0009;line-height:1.2}.commentary-status{font-size:.8rem;color:#a0aec0;background-color:#000000b3;padding:4px 10px}.swing-instruction{font-size:1rem;color:#f7fafc;text-shadow:2px 2px 3px rgba(0,0,0,.9)}.key-highlight{color:#e7d86f;background-color:#00000080;padding:2px 6px;border:1px solid #a0aec0;display:inline-block}.mobile-btn.tutorial-highlight{animation:pulse 1.2s infinite ease-in-out;border-color:#e7d86f}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 5px #e7d86f66}50%{transform:scale(1.08);box-shadow:0 0 15px #e7d86fe6}to{transform:scale(1);box-shadow:0 0 5px #e7d86f66}}@media(max-width:768px){.swing-instruction{display:none}.mobile-controls-container{display:flex}.game-message-container{bottom:155px}.game-header h1{font-size:1.8rem}.scoreboard{font-size:.9rem;gap:0 10px}.scoreboard .score-value{font-size:1.2rem}.message-area{font-size:1rem}.btn-retro{font-size:1.5rem;padding:15px 30px}.desktop-controls-instructions{display:none}.mobile-controls-instructions{display:block}}@media(max-width:380px){.game-header h1{font-size:1.5rem}.mobile-btn{width:50px;height:45px}.mobile-swing-btn{width:80px;height:55px}}.impact-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.impact-message-text{font-family:"Press Start 2P",cursive;font-size:3.5rem;color:#fff;text-shadow:3px 3px 0px #ff00ff,-3px -3px 0px #00ffff,0 0 10px #ffffff,0 0 20px #ff00ff,0 0 30px #00ffff;padding:15px 25px;background-color:#0006;border:3px solid #ffffff;border-radius:0;box-shadow:0 0 25px #ffffff80,0 0 50px #ff00ff80;animation:impactKeyframes 1.5s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:center center;text-align:center;line-height:1.2}@keyframes impactKeyframes{0%{transform:scale(.2) rotate(-20deg) translateY(50px);opacity:0}30%{transform:scale(1.25) rotate(7deg) translateY(0);opacity:1}50%{transform:scale(1) rotate(-3deg);opacity:1}80%{transform:scale(1.05) rotate(0);opacity:1}to{transform:scale(2.5) rotate(15deg) translateY(-50px);opacity:0}}.player-select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background-color:#000000a6;padding:20px;box-sizing:border-box}.player-select-title{font-size:2rem;color:#e7d86f;margin:0 0 30px;text-shadow:3px 3px 0px rgba(0,0,0,.7);text-align:center}.player-options{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.player-card{background-color:#141414b3;border:4px solid #4a5568;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;transition:transform .2s ease-out,border-color .2s;width:150px}.player-card:hover{transform:translateY(-5px) scale(1.05);border-color:#63b3ed}.player-card img{width:80px;height:100px;object-fit:contain;image-rendering:pixelated}.player-card .player-name{font-size:1.5rem;color:#f7fafc;text-shadow:2px 2px 0px rgba(0,0,0,.5)}@media(max-width:768px){.player-select-title{font-size:1.8rem}.player-card{width:120px;padding:15px}}