body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden}.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.game-container{background:linear-gradient(180deg,#0a0a1a,#1a1a2e);border-left:2px solid #333;border-right:2px solid #333;height:1024px;position:relative;width:1920px}.game-title{animation:glow 2s ease-in-out infinite alternate;color:#fff;font-size:2.5rem;padding:20px;text-align:center;text-shadow:0 0 20px #ff6b6b,0 0 40px #4ecdc4}.game-song-title{color:gold;font-size:1.1rem;margin-top:-8px;padding:0 20px 12px;text-align:center}.game-back-btn{align-items:center;background:#0006;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:44px;justify-content:center;left:16px;line-height:1;padding:0;position:absolute;top:16px;transition:background .2s,border-color .2s;width:44px;z-index:20}.game-back-btn:hover{background:#0009;border-color:#4ecdc4}.game-stop-bar{background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:12px 20px;position:absolute;right:0;z-index:15}.game-stop-btn{background:#ff6b6bcc;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 28px;transition:background .2s,border-color .2s}.game-stop-btn:hover{background:#ff6b6b;border-color:#ff6b6b}@keyframes glow{0%{text-shadow:0 0 20px #ff6b6b,0 0 40px #4ecdc4}to{text-shadow:0 0 30px #4ecdc4,0 0 60px #ff6b6b}}.menu{align-items:center;color:#fff;display:flex;flex-direction:column;gap:30px;height:60%;justify-content:center}.about-panel{background:#0006;border:1px solid #fff3;border-radius:12px;max-width:520px;padding:24px;text-align:left}.about-content{color:#e0e0e0;line-height:1.5}.about-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#aaa;cursor:pointer;font-size:.9rem;margin-top:8px;padding:8px 16px;transition:color .2s,border-color .2s}.about-btn:hover{border-color:#4ecdc480;color:#4ecdc4}.menu p{color:#aaa;font-size:1.2rem;padding:0 20px;text-align:center}.key-guide{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:520px}.key-guide--two{gap:24px}.key-guide--two .key-box{font-size:1.1rem;height:56px;min-width:120px;width:120px}.sound-select{align-items:center;display:flex;flex-direction:column;gap:6px;width:80%}.sound-select p{color:#aaa;font-size:1rem}.loading-piano{color:#feca57;font-size:.9rem}.sound-badge{color:#ffffffd9;font-size:.9rem}.song-select{align-items:center;display:flex;flex-direction:column;gap:8px;width:80%}.song-select p{color:#aaa;font-size:1rem}.song-dropdown{background:#ffffff1a;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:12px 15px;width:100%}.song-dropdown:hover{border-color:#4ecdc4}.song-dropdown option{background:#1a1a2e;color:#fff}.speed-select{align-items:center;display:flex;flex-direction:column;gap:10px;width:80%}.speed-select p{color:#aaa;font-size:1.2rem}.speed-slider{width:100%}.speed-slider input[type=range]{-webkit-appearance:none;background:#333;border-radius:5px;height:10px;outline:none;width:100%}.speed-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4ecdc4;border-radius:50%;box-shadow:0 0 10px #4ecdc4;cursor:pointer;height:25px;width:25px}.speed-labels{color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-top:5px}.key-box{align-items:center;border-radius:4px;box-shadow:0 1px 4px #0000004d;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.start-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 5px 20px #ff6b6b66;color:#fff;cursor:pointer;font-size:1.5rem;padding:15px 50px;transition:all .3s ease}.start-btn:hover{box-shadow:0 8px 30px #ff6b6b99;transform:scale(1.05)}.gameover-main-menu{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:15}.gameover-main-menu .start-btn{animation:gameoverBtnFadeIn 1.5s ease-out forwards;opacity:0;pointer-events:auto}.gameover-main-menu.game-paused-overlay .start-btn{animation:none;opacity:1}@keyframes gameoverBtnFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hud{align-items:center;background:#00000080;display:flex;justify-content:space-between;padding:15px 30px}.song-title{color:gold;font-size:1rem;font-weight:700;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo,.score{color:#fff;font-size:1.2rem;font-weight:700}.combo{color:#4ecdc4}.lanes{bottom:0;display:flex;left:0;position:absolute;right:0;top:80px}.lanes-88 .lane{border-right:1px solid #ffffff0f;flex:1 1;min-width:0;transition:all .1s ease}.lanes-88 .lane:last-child{border-right:none}.game-two-columns{display:flex;flex-direction:row;height:calc(1024px - 5rem);min-height:0;position:relative;width:100%}.game-player-side{border-right:2px solid #ffffff26;display:flex;flex:1 1 50%;flex-direction:column;max-width:50%;min-width:0;overflow:hidden;position:relative;width:50%}.game-player-side:last-child{border-right:none}.game-player-side .hud{align-items:flex-start;flex-direction:column;flex-shrink:0;gap:4px}.hud-hint{color:#ffffffb3;font-size:.75rem;line-height:1.2}.game-player-side .lanes,.game-player-side .notes-container{bottom:0;flex:none;left:0;position:absolute;right:0;top:80px}.game-player-side .notes-container{min-height:0}.lanes-44{bottom:0;display:flex;left:0;position:absolute;right:0;top:80px}.lanes-44 .lane{border-right:1px solid #ffffff0f;flex:1 1;min-width:0;transition:all .1s ease}.lanes-44 .lane:last-child{border-right:none}.hud-player .player-label{color:#aaa;font-size:.9rem}.lane{background:linear-gradient(180deg,#ffffff05,#ffffff0d);border-right:2px solid #333;flex:1 1;position:relative;transition:all .1s ease}.lane:last-child{border-right:none}.lane.active{background:linear-gradient(180deg,#ffffff1a,#ffffff26)}.hit-zone-overlay{align-items:center;background:linear-gradient(180deg,#0000,#0000004d 30%,#0006 50%,#0000004d 70%,#0000);display:flex;height:28px;justify-content:space-between;left:0;padding:0 12px;pointer-events:none;position:absolute;right:0;transform:translateY(-50%)}.hit-zone-label{color:#ffffffe6;font-size:.95rem;font-weight:700;text-shadow:0 0 8px #000c}.hit-zone-left{margin-right:auto}.hit-zone-right{margin-left:auto}.hit-zone{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px;display:flex;height:18px;justify-content:center;left:2%;position:absolute;right:2%}.key-label{color:#fff9;font-size:.55rem;font-weight:700}.notes-container{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:80px}.note{animation:pulse .5s ease-in-out infinite;border-radius:1px;box-shadow:0 0 3px #0006;height:20px;position:absolute;transform:translateY(-50%)}.note.hit{animation:explode .3s ease-out forwards}@keyframes pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}@keyframes explode{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(2)}}.hit-feedback{animation:feedbackPop .5s ease-out forwards;font-size:6rem;font-weight:700;pointer-events:none;position:absolute;text-shadow:0 0 10px currentColor;transform:translateX(-50%)}@keyframes feedbackPop{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(.5)}to{opacity:0;transform:translateX(-50%) translateY(-30px) scale(1.2)}}.final-score{color:#4ecdc4;font-size:2rem;font-weight:700}.menu h2{color:#fff;font-size:3rem;text-shadow:0 0 20px #ff6b6b}
/*# sourceMappingURL=main.2abb7a59.css.map*/