@keyframes slideInFromLeft{0%{transform:translate(-120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-120%);opacity:0}}.battle-score{grid-area:1 / 1 / 2 / 3;z-index:2;font-size:16px;font-weight:700;color:#1a1a1a;text-align:center;padding:4px 0}.frame{background:#f0f0f0;border:3px solid #1a1a1a;box-shadow:inset 0 0 0 2px #f0f0f0,inset 0 0 0 4px #1a1a1a}.battle-scene{display:grid;grid-template-rows:auto auto 1fr auto 1fr auto;grid-template-columns:1fr 1fr;width:640px;height:640px;background:#f7f7f7;image-rendering:pixelated;font-size:16px;overflow:hidden;position:relative;margin:0 auto}.battle-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.opponent-panel{grid-area:2 / 1 / 3 / 2;z-index:2}.opponent-sprite{grid-area:2 / 2 / 4 / 3;z-index:2}.player-sprite{grid-area:4 / 1 / 6 / 2;z-index:2}.player-panel{grid-area:4 / 2 / 5 / 3;z-index:2}.content-frame{grid-area:6 / 1 / 7 / 3;z-index:2;height:160px;display:flex;align-items:center;justify-content:center}.sprite{image-rendering:pixelated;image-rendering:crisp-edges;display:block;max-width:100%;height:auto}.sprite--entering.sprite--player{animation:slideInFromLeft .8s steps(12) forwards}.sprite--entering.sprite--opponent{animation:slideInFromRight .8s steps(12) forwards}.sprite--hidden{visibility:hidden}.sprite--vibrating{animation:vibrate .15s steps(2) infinite}.sprite--sliding-out{animation:slideOutToLeft .8s steps(12) forwards}.info-panel{display:flex;flex-direction:column;justify-content:space-around;padding:8px;min-height:60px}.info-panel--opponent{animation:slideInFromLeft .8s steps(12) .2s forwards;opacity:0}.info-panel--player{animation:slideInFromRight .8s steps(12) .2s forwards;opacity:0}.info-panel__name{font-weight:700;display:block;margin-bottom:2px}.info-panel__level{display:block;margin-bottom:4px}.info-panel__hp-numbers{display:block;margin-top:4px}.health-bar{margin:4px 0}.health-bar progress{width:100%;height:14px;border:1px solid #333}.content-frame{text-align:center;word-wrap:break-word;padding:12px;line-height:1.6}.typewriter-text{min-height:40px;display:block;text-align:left}.typewriter-text .cursor{display:inline-block;animation:blink .6s step-start infinite;margin-left:2px}@keyframes blink{50%{opacity:0}}.content-frame__chart{width:100%;height:136px}.content-frame__chart .plot-container{width:100%!important;height:100%!important}@media (max-width: 800px){.battle-scene{width:100%;max-width:640px;height:auto;grid-template-rows:auto auto auto auto auto;font-size:12px}.sprite--opponent,.sprite--video{max-width:120%;margin-left:auto}.sprite--player{max-width:120%;margin-right:auto}}.hidden{display:none!important}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.no-hd{zoom:1;transform-origin:top left}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1a1a2e;--secondary-color: #16213e;--accent-color: #0f3460;--text-color: #eaeaea;--success-color: #2ecc71;--error-color: #e74c3c;--warning-color: #f39c12}body{background:#f7f7f7;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{max-width:600px;width:100%}.app.idle-state{background:#f7f7f7}.fight-button-container{text-align:center}.fight-footer{margin-top:32px;font-size:.56rem;color:#bbb;line-height:1.6}.fight-footer a{color:#bbb;text-decoration:underline}.fight-footer a:hover{color:#aaa}.title{font-size:3.5rem;font-weight:900;margin-bottom:20px;padding-top:6px;background:linear-gradient(135deg,#0f3460,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px}.fight-button{padding:20px 50px;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #e74c3c66;letter-spacing:2px;white-space:nowrap;display:block;margin:0 auto}.fight-button:hover{transform:scale(1.05);box-shadow:0 15px 40px #e74c3c99}.fight-button:active{transform:scale(.95)}.subtitle{margin-top:30px;font-size:1.2rem;color:#bdc3c7}.instructions{margin-top:15px;font-size:.95rem;color:#95a5a6;line-height:1.6}.instructions--emphasis{text-decoration:underline}.game-arena{background:#16213eb3;border:2px solid #0f3460;border-radius:15px;padding:40px 30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-header{text-align:center;margin-bottom:40px}.game-header h2{font-size:2rem;color:#2ecc71;letter-spacing:2px}.game-content{display:flex;align-items:center;justify-content:space-around;margin-bottom:40px;gap:20px}.bird-side,.player-side{flex:1;display:flex;flex-direction:column;align-items:center}.bird-icon,.player-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;transition:all .3s ease}.bird-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.bird-icon.calling{animation:pulse .6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.player-icon{background:#2ecc7133;border:2px solid #2ecc71;color:#2ecc71}.player-icon.active{animation:glow .6s ease-in-out infinite;background:#2ecc7166}@keyframes glow{0%,to{box-shadow:0 0 5px #2ecc7166}50%{box-shadow:0 0 20px #2ecc71cc}}.sound-waves{display:flex;gap:5px;margin-top:15px}.wave{width:4px;height:30px;background:#e74c3c;border-radius:2px;animation:wave .6s ease-in-out infinite}.wave:nth-child(2){animation-delay:.1s}.wave:nth-child(3){animation-delay:.2s}@keyframes wave{0%,to{height:20px}50%{height:40px}}.center-indicator{flex:.5;display:flex;justify-content:center;align-items:center;min-height:100px}.spinner{width:50px;height:50px;border:4px solid rgba(15,52,96,.3);border-top-color:#0f3460;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mic-icon{width:60px;height:60px;color:#f39c12;animation:mic-pulse .6s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.5}}.game-message{text-align:center;font-size:1.1rem;color:#bdc3c7;margin-bottom:30px;min-height:50px}.game-status{text-align:center;font-size:.9rem;color:#95a5a6}.status-text{display:inline-block;padding:5px 15px;background:#0f346080;border-radius:20px}.recording-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:100}.mic-pulse{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:100%;height:100%;border:3px solid #f39c12;border-radius:50%;animation:pulse-out 1.5s ease-out infinite}.pulse-ring-2{animation-delay:.5s}.pulse-ring-3{animation-delay:1s}@keyframes pulse-out{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.mic-pulse .mic-icon{width:50px;height:50px;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;padding:10px;z-index:1;animation:none}.recording-timer{font-size:1rem;font-weight:700;color:#f39c12}.result-screen{padding:50px 30px;text-align:center;max-height:90vh;overflow-y:auto}.result-content{display:flex;flex-direction:column;align-items:center;gap:30px}.result-icon{font-size:4rem}.win-animation{animation:bounce .8s ease-in-out infinite}.lose-animation{animation:shake .5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.result-title{font-size:3rem;font-weight:900;letter-spacing:2px;margin:20px 0}.result-screen.win .result-title{color:#2ecc71}.result-screen.lose .result-title{color:#e74c3c}.result-score{font-size:1.4rem;font-weight:700;letter-spacing:2px;margin:0 0 16px}.result-message{font-size:2rem;font-weight:900;line-height:1.6;text-align:center;margin-top:1em;white-space:nowrap}.result-message--win{color:#2ecc71}.result-message--lose{color:#e74c3c}.result-stats{background:#0f346066;border-radius:10px;padding:20px;width:100%;display:flex;flex-direction:column;gap:15px}.stat{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.stat-label{color:#95a5a6}.stat-value{font-weight:700;padding:5px 10px;border-radius:5px}.stat-value.pass{color:#2ecc71;background:#2ecc7133}.stat-value.fail{color:#e74c3c;background:#e74c3c33}.play-again-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:12px;font-size:.875rem;font-weight:700;letter-spacing:1px;cursor:pointer;white-space:nowrap;display:block;margin:0 auto}.play-again-button:hover{opacity:.8}.play-again-button:active{transform:scale(.97)}.error-message{background:#e74c3c33;border:1px solid #e74c3c;color:#ff7675;padding:15px;border-radius:8px;margin-top:20px;text-align:center;font-size:.95rem}.pitch-visualizer{margin:30px 0;padding:20px;background:#0f34604d;border-radius:10px;border:1px solid rgba(15,52,96,.5)}.pitch-progression{margin:30px 0;padding:20px;background:#2ecc710d;border-radius:10px;border:1px solid rgba(46,204,113,.3)}.progression-info{text-align:center;margin-bottom:20px}.progression-title{font-size:1.3rem;font-weight:700;color:#2ecc71;margin-bottom:5px}.progression-subtitle{font-size:.9rem;color:#95a5a6}.plotly-container{width:100%;height:100%;min-height:400px}.plotly-container svg{width:100%!important;height:auto!important}.confetti{display:inline-block;font-size:2rem;margin:0 5px;animation:confetti-fall 3s ease-out infinite}.confetti:nth-child(1){animation-delay:0s}.confetti:nth-child(2){animation-delay:.2s}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px) rotate(0)}to{opacity:0;transform:translateY(100px) rotate(360deg)}}@media (max-width: 600px){.app{padding:8px}.title{font-size:2.5rem}.fight-button{padding:15px 30px;font-size:1.1rem}.game-arena{padding:20px 15px}.game-header h2{font-size:1.5rem}.bird-icon,.player-icon{width:80px;height:80px;font-size:1.5rem}.result-screen{padding:30px 20px}.result-title{font-size:2.5rem}.result-stats{flex-direction:column}.stat{flex-direction:column;gap:8px;align-items:flex-start}}