.jump-game-container{background-color:#000;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;font-family:GangwonEdu_OTFBoldA,sans-serif;display:flex}.jump-header{color:#fff;text-shadow:2px 2px #0000004d;justify-content:space-between;width:940px;margin-bottom:1rem;display:flex}.jump-header h2{margin:0;font-size:1.5rem}.jump-score-board{background:#00000080;border-radius:12px;padding:5px 15px;font-size:1.5rem;font-weight:700}.canvas-wrapper{background:#050505;border:1px solid #ffffff1a;border-radius:15px;width:400px;height:800px;position:relative;overflow:hidden;box-shadow:0 0 50px #000c,0 0 20px #ffffff0d}.jump-canvas{width:100%;height:100%;display:block}.jump-overlay{color:#fff;text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.jump-overlay h1{color:#f1c40f;text-shadow:0 4px #d35400;margin-bottom:.5rem;font-size:3rem}.jump-instructions{background:#00000080;border-radius:10px;margin-bottom:2rem;padding:1rem;font-size:1.2rem;line-height:1.6}.jump-start-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:30px;padding:15px 40px;font-family:inherit;font-size:1.5rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #c0392b}.jump-start-btn:active{box-shadow:none;transform:translateY(6px)}.gameover-overlay h1{color:#e74c3c;text-shadow:0 4px #c0392b}.final-score{color:#f1c40f;margin-bottom:2rem;font-size:2rem;font-weight:700}.jump-controls-hint{margin-top:2rem}.jump-back-btn{color:#2c3e50;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:1rem;font-weight:700;box-shadow:0 4px 6px #0000001a}.jump-back-btn:hover{background:#f8f9fa}
.tutorial-overlay{color:#fff;z-index:100;box-sizing:border-box;background:#000000d9;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-family:GangwonEdu_OTFBoldA,sans-serif;display:flex;position:absolute;top:0;left:0}.tutorial-content{text-align:center;background:#141414e6;border:3px solid #fff3;border-radius:20px;flex-direction:column;justify-content:space-between;width:90%;max-width:600px;height:auto;min-height:450px;padding:40px;display:flex;box-shadow:0 10px 50px #000c}.tutorial-title{color:#f39c12;text-shadow:1px 1px 5px #000c;margin-bottom:25px;font-size:2rem}.tutorial-desc{min-height:60px;margin-bottom:25px;font-size:1.25rem;line-height:1.6}.tutorial-animation-box{background:#050505;border:2px dashed #fff3;border-radius:15px;justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}.tutorial-controls{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.tutorial-btn{color:#fff;cursor:pointer;text-align:center;background:#e74c3c;border:none;border-radius:10px;min-width:100px;padding:12px 20px;font-family:GangwonEdu_OTFBoldA,sans-serif;font-size:1.2rem;transition:all .2s}.tutorial-btn:hover{background:#ff7675}.tutorial-btn:disabled{color:#888;cursor:not-allowed;background:#555}.tutorial-btn.start-game-btn{background:#2ecc71}.tutorial-btn.start-game-btn:hover{background:#27ae60}.tutorial-dots{gap:8px;display:flex}.dot{background:#555;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:#f1c40f;box-shadow:0 0 5px #f1c40f}.tut-player{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:30px;height:30px;position:absolute}.tut-plat{border:1px solid #fffc;border-radius:5px;height:15px;position:absolute}.key-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:380px;display:grid}.key-box{white-space:nowrap;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:12px 0;font-family:sans-serif;font-size:1.1rem;font-weight:700;display:flex}.key-box.up{grid-column:2}.key-box.left{grid-column:1}.key-box.down{grid-column:2}.key-box.right{grid-column:3}.key-box.z{background:#3498db33;border-color:#3498db;grid-column:1/span 3}.color-cycle-container{justify-content:center;align-items:center;gap:30px;width:100%;font-size:2rem;font-weight:700;display:flex}.color-swatch{border:3px solid #fff;border-radius:15px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 25px}.arrow{color:#888}.scene3-player{background:#e74c3c;animation:2s ease-in-out infinite bounceMatch;top:60px;left:50px}.scene3-plat-match{background:#e74c3c;width:80px;top:130px;left:25px;box-shadow:0 0 15px #e74c3c}.scene3-player-fail{background:#e74c3c;animation:2s ease-in infinite fallThrough;top:60px;right:50px}.scene3-plat-fail{background:#3498db;width:80px;top:130px;right:25px;box-shadow:0 0 15px #3498db}@keyframes bounceMatch{0%,to{top:100px}50%{top:40px}}@keyframes fallThrough{0%{top:40px}40%{opacity:1;top:100px}60%{opacity:1;top:140px}to{opacity:0;top:250px}}.scene4-plat1{background:#e74c3c;width:60px;top:140px;left:10px;box-shadow:0 0 15px #e74c3c}.scene4-plat2{background:#f1c40f;width:60px;top:140px;left:100px;box-shadow:0 0 15px #f1c40f}.scene4-plat3{background:#3498db;width:60px;top:140px;left:190px;box-shadow:0 0 15px #3498db}.scene4-apple{background:#fff;border-radius:50%;width:20px;height:20px;animation:4s infinite eatenApple;position:absolute;top:80px;left:115px;box-shadow:0 0 15px #fff}.scene4-player{background:#e74c3c;animation:4s infinite godModeJump;top:110px}@keyframes eatenApple{0%{opacity:1;top:80px;left:115px}20%{opacity:1}21%{opacity:0;transform:scale(3)}to{opacity:0}}@keyframes godModeJump{0%{box-shadow:none;background:#e74c3c;border-color:#fff;top:110px;left:25px}10%{box-shadow:none;background:#e74c3c;top:60px;left:70px}20%{background:#fff;border-color:#0000;top:110px;left:115px;box-shadow:0 0 20px #fff}30%{background:#fff;border-color:#0000;top:60px;left:160px;box-shadow:0 0 20px #fff}40%{background:#fff;border-color:#0000;top:110px;left:205px;box-shadow:0 0 20px #fff}50%{background:#fff;border-color:#0000;top:60px;left:160px;box-shadow:0 0 20px #fff}60%{background:#fff;border-color:#0000;top:110px;left:115px;box-shadow:0 0 20px #fff}70%{background:#fff;border-color:#0000;top:60px;left:70px;box-shadow:0 0 20px #fff}80%{box-shadow:none;background:#e74c3c;border-color:#fff;top:110px;left:25px}90%{box-shadow:none;background:#e74c3c;border-color:#fff;top:110px;left:25px}to{box-shadow:none;background:#e74c3c;border-color:#fff;top:110px;left:25px}}