:root{--sky-top:#3b82f6;--sky-bottom:#93c5fd;--cloud-color:#fff;--hill-light:#4ade80;--hill-dark:#16a34a;--ground-top:#84cc16;--ground-dirt:#854d0e;--ground-dark:#713f12;--brick-red:#c84c0c;--mario-red:#e52521;--gold:#f8b800;--text-dark:#000;--text-light:#fff;--border-width:4px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:"Press Start 2P",monospace}body{background-color:var(--sky-bottom);color:var(--text-dark);margin:0;overflow:hidden}.game-container{width:100vw;height:100vh;transition:filter .1s;position:relative}.music-pulse{animation:.2s ease-out bgPulse}@keyframes bgPulse{0%{filter:brightness()saturate();transform:scale(1)}50%{filter:brightness(1.2)saturate(1.2);transform:scale(1.02)}to{filter:brightness()saturate();transform:scale(1)}}.bg-sky{z-index:1;background-image:url(/scales-game/assets/sky_final.png);background-repeat:repeat-x;background-size:auto 100%;width:200%;height:100vh;position:absolute;top:0;left:0}.bg-hills{z-index:3;background-image:url(/scales-game/assets/hills_final.png);background-position:bottom;background-repeat:repeat-x;background-size:auto 101%;width:200vw;height:40vh;position:absolute;bottom:14.5vh;left:0}.ground{z-index:10;background-image:url(/scales-game/assets/ground_final.png);background-position:50%;background-repeat:repeat-x;background-size:auto 101%;width:200vw;height:15.5vh;position:absolute;bottom:0;left:0}.pan-slow{animation:1.5s linear forwards panLeft}.pan-medium{animation:1.5s linear forwards panLeftMedium}.pan-fast,.pan-ground,.pan-castle{animation:1.5s linear forwards panLeftFast}@keyframes panLeft{0%{transform:translate(0)}to{transform:translate(-5vw)}}@keyframes panLeftMedium{0%{transform:translate(0)}to{transform:translate(-15vw)}}@keyframes panLeftFast{0%{transform:translate(0)}to{transform:translate(-30vw)}}.level-transition{animation:1s ease-in-out levelTransition}@keyframes levelTransition{0%{filter:brightness()sepia(0)}50%{filter:brightness(2)sepia(.5)}to{filter:brightness()sepia(0)}}.flash-red{animation:.3s ease-in-out flashRed}@keyframes flashRed{0%{filter:hue-rotate()}50%{filter:hue-rotate(-90deg)brightness(.5)contrast(200%)}to{filter:hue-rotate()}}.piano-wrapper{z-index:20;border:var(--border-width) solid var(--text-dark);pointer-events:none;background:#333;border-radius:8px;padding:10px;position:absolute;bottom:2vh;left:50%;transform:translate(-50%);box-shadow:0 8px #0006}.piano{height:80px;display:flex;position:relative}.key{border:2px solid var(--text-dark);border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;padding-bottom:5px;font-size:8px;display:flex;position:relative}.key.white{background:var(--text-light);width:25px;height:80px;color:var(--text-dark);z-index:1}.key.white.active{background:#f8b800}.key.black{background:var(--text-dark);width:15px;height:50px;color:var(--text-light);z-index:2;margin-left:-7.5px;margin-right:-7.5px;padding-bottom:4px;font-size:6px}.key.black.active{color:#000;background:#f8b800}.wizard-container{z-index:30;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:5%;right:5%}.wizard-img{width:120px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px #00000080)}.wizard-speech{background:var(--text-light);border:var(--border-width) solid var(--text-dark);z-index:31;border-radius:10px;width:250px;margin-bottom:-15px;padding:15px;font-size:12px;line-height:1.5;box-shadow:4px 4px #0003}.game-interaction-area{z-index:25;justify-content:center;width:100%;display:flex;position:absolute;bottom:50vh}.rune-boxes-container{gap:20px;display:flex}.rune-box{background:var(--brick-red);width:60px;height:60px;color:var(--text-light);border:var(--border-width) solid var(--text-dark);cursor:pointer;justify-content:center;align-items:center;font-size:24px;transition:transform .1s;display:flex;box-shadow:inset -4px -4px #0000004d}.rune-box:active{transform:translateY(4px);box-shadow:inset -2px -2px #0000004d}.rune-box:hover{background:#d85c1c}@keyframes blockHit{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.block-bouncing{animation:.2s ease-out forwards blockHit}.character-img{bottom:var(--hero-bottom,14.5vh);image-rendering:auto;z-index:15;transform-origin:bottom;width:auto;height:20vh;transition:left .4s ease-out,transform .2s linear;position:absolute}@keyframes heroHitJump{0%{bottom:var(--hero-bottom,14.5vh)}50%{bottom:var(--hero-jump-apex,35vh)}to{bottom:var(--hero-bottom,14.5vh)}}.hero-jumping{animation:.3s ease-out forwards heroHitJump}.block-completed{color:#000!important;background:#f8b800!important;box-shadow:inset -4px -4px #0003!important}.running-animation{animation:1.5s ease-in forwards characterSprinting}@keyframes characterSprinting{0%{transform:translate(0)scale(1)translateY(0)}25%{transform:translate(10vw)scale(1.05)translateY(-20px)}50%{transform:translate(25vw)scale(1)translateY(0)}75%{transform:translate(35vw)scale(.9)translateY(-10px)}to{opacity:0;transform:translate(45vw)scale(.8)translateY(0)}}.castle-img{width:auto;height:60vh;image-rendering:pixelated;z-index:5;position:absolute;bottom:14.5vh;right:-5vw}.golem-img{width:auto;height:25vh;image-rendering:pixelated;z-index:15;transition:opacity .5s ease-out,transform .2s;position:absolute;bottom:14.5vh;right:20vw}.golem-charging{transition:none!important;animation:1.6s ease-in forwards golemCharge!important}@keyframes golemCharge{0%{transform:translate(0)translateY(0)scaleX(-1)}40%{transform:translate(-30vw)translateY(0)scaleX(-1)}55%{transform:translate(-40vw)translateY(-20vh)scaleX(-1)}70%{transform:translate(-48vw)translateY(-28vh)scaleX(-1)}88%{transform:translate(-56vw)translateY(-6vh)scaleX(-1)}95%{transform:translate(-58vw)translateY(2vh)scaleX(-1)}to{transform:translate(-58vw)translateY(0)scaleX(-1)}}.golem-hit{filter:brightness(2)saturate(2)hue-rotate(-50deg);animation:.3s ease-out golemShake}.golem-dead{opacity:0;pointer-events:none;transform:scale(.5)translateY(10vh)}@keyframes golemShake{0%{transform:translate(0)}25%{transform:translate(-10px)rotate(-5deg)}50%{transform:translate(10px)rotate(5deg)}75%{transform:translate(-10px)rotate(-5deg)}to{transform:translate(0)}}.explosion-img{z-index:25;pointer-events:none;width:auto;height:40vh;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards boomPop;position:absolute;bottom:10vh;right:15vw}.hero-explosion{left:5vw;right:auto}.level-fail-overlay{z-index:200;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-fail-box{text-align:center;background:#1a0a2e;border:4px solid #e53e3e;border-radius:18px;flex-direction:column;align-items:center;gap:16px;padding:40px 48px;display:flex;box-shadow:0 0 40px #e53e3e88}.level-fail-title{color:#fc8181;text-shadow:2px 2px #000;letter-spacing:1px;font-size:2.4rem;font-weight:700}.level-fail-sub{color:#fbd38d;margin-bottom:8px;font-size:1.1rem}.level-fail-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#e53e3e;border:none;border-radius:10px;padding:12px 36px;font-size:1.1rem;font-weight:700;transition:background .15s}.level-fail-btn:hover{background:#c53030}.level-fail-btn-secondary{color:#a0aec0;cursor:pointer;background:0 0;border:2px solid #4a5568;border-radius:10px;padding:8px 24px;font-size:.95rem;transition:color .15s,border-color .15s}.level-fail-btn-secondary:hover{color:#e2e8f0;border-color:#718096}@keyframes boomPop{0%{opacity:0;filter:brightness(2);transform:scale(.1)}20%{opacity:1;filter:brightness(1.5);transform:scale(1.5)}60%{opacity:1;filter:brightness();transform:scale(1.3)}to{opacity:0;filter:brightness(.5);transform:scale(1.4)}}.level-hud{color:var(--text-light);text-shadow:2px 2px 0 var(--text-dark);z-index:30;font-size:24px;position:absolute;top:5%;left:5%}.message-overlay{text-align:center;width:100%;color:var(--gold);text-shadow:2px 2px 0 var(--text-dark), -2px -2px 0 var(--text-dark), 2px -2px 0 var(--text-dark), -2px 2px 0 var(--text-dark);z-index:40;pointer-events:none;font-size:32px;animation:2s ease-in-out infinite float;position:absolute;top:30%}.particle-note{color:#fff;text-shadow:2px 2px #000;pointer-events:none;z-index:50;font-size:2rem;animation:1.5s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-100px)scale(1.2)}to{opacity:0;transform:translate(-50%,-150px)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.scroll-content{background-image:url(/scales-game/assets/scroll.png);background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;width:500px;height:400px;padding:40px;display:flex;position:relative}.scroll-close{background:var(--brick-red);color:#fff;border:var(--border-width) solid var(--text-dark);cursor:pointer;z-index:101;padding:5px 10px;font-family:"Press Start 2P",monospace;font-size:16px;position:absolute;top:25px;right:50px}.scroll-close:hover{background:#d85c1c}.scroll-wizard{width:80px;image-rendering:pixelated;height:auto;position:absolute;bottom:20px;right:40px}.scroll-text{text-align:center;color:var(--gold);text-shadow:2px 2px 0 var(--text-dark);width:80%;margin-top:-10px;font-size:12px;line-height:1.4}.scroll-text p{margin:5px 0}.bg-sky-2{background-image:url(/scales-game/assets/level2_sky_depth.png)!important}.clouds-overlay{opacity:.9;z-index:2;pointer-events:none;background-image:url(/scales-game/assets/level2_cloud_sheet.png);background-repeat:repeat-x;background-size:auto 150%;width:200vw;height:100vh;position:absolute;top:0;left:0}.particle-overlay{opacity:.45;z-index:3;pointer-events:none;background-image:url(/scales-game/assets/level2_particle_sheet.png);background-repeat:repeat-x;background-size:auto 100%;width:200vw;height:100vh;position:absolute;top:0;left:0}.tower-glow{z-index:4;pointer-events:none;background-image:url(/scales-game/assets/level2_tower_glow.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:40vh;height:40vh;animation:3s ease-in-out infinite alternate pulse-glow;position:absolute;bottom:12vh;right:15vw;transform:translate(45%)}@keyframes pulse-glow{0%{opacity:.6;transform:translate(85%)scale(1)}to{opacity:.9;transform:translate(85%)scale(1.1)}}.rune-box.level2-note{border:2px solid #5a4118;border-radius:4px;box-shadow:inset 0 4px #fff6,inset 0 -4px #0000004d,2px 4px #00000080;background:#d4af37!important}.rune-box.level2-note.hit,.rune-box.level2-note.block-completed{color:#fff;border-color:#fff;box-shadow:inset 0 4px #fff9,inset 0 -4px #0003,0 0 20px #ffeb3b;background:#ffdb58!important}.ground-2{background-image:url(/scales-game/assets/level2_path_tiles.png)!important}.bg-sky-3{background-size:cover;background-image:url(/scales-game/assets/level3_sky_bg.png)!important}.bg-hills-3{z-index:3;background-image:url(/scales-game/assets/level3_hills.png);background-position:0 100%;background-repeat:repeat-x;background-size:100vw 100%;width:200vw;height:40vh;position:absolute;bottom:14.5vh;left:0}.ground-3{background-image:url(/scales-game/assets/level3_ground.png)!important;background-position:bottom!important;background-size:auto 35vh!important;height:35vh!important}.rune-box.level3-note{border:2px solid #3b1f00;box-shadow:inset 0 4px #fff9,inset 0 -4px #d4500acc,2px 4px #00000080;color:#3b1f00!important;background:#fc0!important;border-radius:0!important}.rune-box.level3-note.hit,.rune-box.level3-note.block-completed{color:#3b1f00;border-color:gold;box-shadow:inset 0 4px #fff,inset 0 -4px #c8860a,0 0 20px gold;background:#fff5cc!important}.particle-sparkle{pointer-events:none;z-index:50;width:32px;height:32px;animation:1.5s ease-out forwards floatUp;position:absolute}.bg-sky-4{display:none!important}.bg-hills-4{z-index:3;background-image:url(/scales-game/assets/level4_hills.png);background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;width:200vw;height:100vh;position:absolute;top:0;left:0}.ground-4{display:none!important}.level-4{--hero-bottom:18vh;--hero-jump-apex:38.5vh}.level-4 .golem-img{bottom:18vh}.level-4 .castle-img{bottom:12vh}.level-4 .piano-decoration{bottom:18vh}.rune-box.level4-note{border:2px solid #5d3f6a;border-radius:6px;box-shadow:inset 0 4px #fff9,inset 0 -4px #5d3f6acc,2px 4px #00000080;color:#5d3f6a!important;background:#ffb6c1!important}.rune-box.level4-note.hit,.rune-box.level4-note.block-completed{color:#db7093;border-color:#ffb6c1;box-shadow:inset 0 4px #fff,inset 0 -4px #db7093,0 0 20px pink;background:#e6e6fa!important}.sparkle-3{background-size:cover;background-image:url(/scales-game/assets/level3_sparkles.png)!important}.sparkle-4{background-image:url(/scales-game/assets/level4_sparkles.png)!important;background-size:1600% 100%!important;animation:1.5s ease-out forwards floatUp,.8s steps(15,end) infinite playSparkle!important}@keyframes playSparkle{0%{background-position:0 0}to{background-position:100% 0}}.bg-sky-5{display:none!important}.bg-hills-5{z-index:3;background-image:url(/scales-game/assets/level5_hills.png);background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;width:200vw;height:100vh;position:absolute;top:0;left:0}.ground-5{display:none!important}.level-5{--hero-bottom:22vh;--hero-jump-apex:42.5vh}.level-5 .golem-img{bottom:22vh}.level-5 .castle-img{bottom:12vh}.level-5 .piano-decoration{bottom:18vh}.rune-box.level5-note{border:2px solid #1c3b57;border-radius:6px;box-shadow:inset 0 4px #fff6,inset 0 -4px #1c3b57cc,2px 4px #00000080;color:#e6f2ff!important;background:#4682b4!important}.rune-box.level5-note.hit,.rune-box.level5-note.block-completed{color:#1c3b57;border-color:#e6f2ff;box-shadow:inset 0 4px #fff,inset 0 -4px #4682b4,0 0 20px #e6f2ff;background:#b0c4de!important}.sparkle-5{background-image:url(/scales-game/assets/level5_sparkles.png)!important;background-size:1200% 100%!important;animation:1.5s ease-out forwards floatUp,.6s steps(11,end) infinite playSparkleLvl5!important}@keyframes playSparkleLvl5{0%{background-position:0 0}to{background-position:100% 0}}.bg-sky-7{display:none!important}.bg-hills-7{z-index:3;background-image:url(/scales-game/assets/level7_hills.png);background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;width:200vw;height:100vh;position:absolute;top:0;left:0}.ground-7{display:none!important}.level-7{--hero-bottom:18vh;--hero-jump-apex:38.5vh}.level-7 .golem-img{height:42vh;bottom:18vh}.level-7 .castle-img{bottom:8vh}.level-7 .piano-decoration{height:35vh;bottom:14vh}.rune-box.level7-note{text-shadow:0 0 5px #00f5ff;border-radius:6px;box-shadow:inset 0 4px #fff6,inset 0 -4px #00f5ffcc,2px 4px #00000080;color:#fff!important;background:#3c096c!important;border:2px solid #00f5ff!important}.rune-box.level7-note.hit,.rune-box.level7-note.block-completed{text-shadow:0 0 5px #fff;box-shadow:inset 0 4px #fff,inset 0 -4px #ea526f,0 0 20px #ea526f;color:#fff!important;background:#ea526f!important;border-color:#ffc2d1!important}.sparkle-7{background-image:url(/scales-game/assets/level7_sparkles.png)!important;background-size:1200% 100%!important;animation:1.5s ease-out forwards floatUp,.6s steps(11,end) infinite playSparkleLvl7!important}@keyframes playSparkleLvl7{0%{background-position:0 0}to{background-position:100% 0}}.loading-screen{background:linear-gradient(#1e3a5f 0%,#3b82f6 50%,#93c5fd 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loading-content{text-align:center}.loading-notes{color:#f8b800;text-shadow:2px 2px #000;letter-spacing:8px;font-size:28px;animation:1.2s ease-in-out infinite float}.loading-text{color:#fff;text-shadow:2px 2px #000;margin-top:12px;font-size:14px}.title-screen{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.title-bg-sky{z-index:0;background-image:url(/scales-game/assets/sky_final.png);background-repeat:repeat-x;background-size:auto 100%;width:200%;height:100%;animation:60s linear infinite titleSkyDrift;position:absolute;top:0;left:0}@keyframes titleSkyDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}.title-bg-hills{z-index:1;background-image:url(/scales-game/assets/hills_final.png);background-position:bottom;background-repeat:repeat-x;background-size:auto 101%;width:200%;height:42vh;animation:40s linear infinite titleSkyDrift;position:absolute;bottom:10vh;left:0}.title-ground{z-index:2;background-image:url(/scales-game/assets/ground_final.png);background-repeat:repeat-x;background-size:auto 101%;width:100%;height:10vh;position:absolute;bottom:0;left:0}.title-content{z-index:10;opacity:0;flex-direction:column;align-items:center;width:100%;max-width:860px;padding:16px 20px;transition:opacity .9s ease-out,transform .9s ease-out;display:flex;position:relative;transform:translateY(24px)}.title-visible{opacity:1;transform:translateY(0)}.title-logo-area{text-align:center;margin-top:10px}.title-musical-notes{color:#f8b800;text-shadow:2px 2px #000;letter-spacing:8px;font-size:22px;animation:2.5s ease-in-out infinite float}.title-main{text-align:center;margin:6px 0;font-size:clamp(18px,3.8vw,42px);line-height:1.55}.title-chord{color:#f8b800;text-shadow:3px 3px #000}.title-tower{color:#fff;text-shadow:3px 3px #000}.title-adventure{color:#4ade80;text-shadow:3px 3px #000;font-size:.62em;display:block}.title-subtitle{color:#e2e8f0;text-shadow:1px 1px #000;letter-spacing:2px;margin-top:-2px;font-size:9px}.title-artwork{justify-content:center;align-items:flex-end;width:100%;height:16vh;margin:6px 0;display:flex;position:relative}.title-hero{height:15vh;image-rendering:pixelated;filter:drop-shadow(3px 4px #0009);z-index:5;position:absolute;bottom:0;left:50%;transform:translate(-180%)}.title-wizard{height:13vh;image-rendering:pixelated;filter:drop-shadow(3px 4px #0009);z-index:4;position:absolute;bottom:0;left:50%;transform:translate(60%)}.title-tower-img{height:22vh;image-rendering:pixelated;filter:drop-shadow(3px 4px #00000080);opacity:.85;z-index:3;position:absolute;bottom:0;right:8%}.title-story{text-align:center;background:#000000b8;border:3px solid #f8b800;border-radius:6px;max-width:560px;margin:6px 0 10px;padding:12px 18px}.title-story p{color:#e2e8f0;margin:2px 0;font-size:7.5px;line-height:1.9}.title-menu{flex-direction:column;align-items:center;gap:7px;width:100%;max-width:320px;display:flex}.title-btn{cursor:pointer;text-align:center;letter-spacing:.5px;border:4px solid #000;border-radius:4px;width:100%;padding:13px 16px;font-family:"Press Start 2P",monospace;font-size:9px;transition:transform .1s,box-shadow .1s}.title-btn:active{transform:translateY(3px)!important}.title-btn-primary{color:#000;background:#f8b800;font-size:11px;box-shadow:0 6px #9a6800,0 8px #0000004d}.title-btn-primary:hover{background:#fc2;transform:translateY(-2px);box-shadow:0 8px #9a6800,0 10px #0000004d}.title-btn-secondary{color:#fff;background:#c84c0c;box-shadow:0 5px #7a2d07,0 7px #0000004d}.title-btn-secondary:hover{background:#d85c1c;transform:translateY(-1px);box-shadow:0 6px #7a2d07,0 8px #0000004d}.title-btn-danger{color:#fff;background:#e52521;box-shadow:0 5px #8b1512,0 7px #0000004d}.title-btn-danger:hover{background:#f03531}.title-save-info{color:#e2e8f0;text-shadow:1px 1px #000;text-align:center;margin-top:8px;font-size:7px}.btn-back-to-map{z-index:35;color:#f8b800;cursor:pointer;background:#000000bf;border:3px solid #f8b800;border-radius:4px;padding:7px 10px;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1;transition:background .15s;position:absolute;top:12px;left:12px}.btn-back-to-map:hover{background:#f8b80033}.level-hud{text-align:center;width:100%;right:auto;font-size:16px!important;top:12px!important;left:auto!important}.worldmap-screen{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.worldmap-bg{z-index:0;background:linear-gradient(#0f172a 0%,#1e3a5f 40%,#1a4731 100%);position:absolute;inset:0}.worldmap-bg:after{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 10% 15%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 30% 25%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 55% 10%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 75% 20%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 90% 8%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 20% 40%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 65% 35%,#ffffff80 0%,#0000 100%);position:absolute;inset:0}.worldmap-header{z-index:10;background:#0009;border-bottom:3px solid #f8b800;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex;position:relative}.wm-back-btn{color:#f8b800;cursor:pointer;white-space:nowrap;background:#f8b80026;border:2px solid #f8b800;border-radius:4px;padding:7px 10px;font-family:"Press Start 2P",monospace;font-size:8px;transition:background .15s}.wm-back-btn:hover{background:#f8b8004d}.wm-player-info{flex:1}.wm-player-name{color:#f8b800;text-shadow:2px 2px #000;font-size:13px}.wm-player-title{color:#93c5fd;margin-top:2px;font-size:8px}.wm-stats-row{align-items:center;gap:10px;display:flex}.wm-stat-chip{background:#ffffff12;border:2px solid #ffffff26;border-radius:6px;flex-direction:column;align-items:center;padding:4px 10px;display:flex}.wm-stat-val{color:#f8b800;font-size:14px;line-height:1}.wm-stat-sub{color:#94a3b8;margin-top:2px;font-size:6px}.wm-trophy-btn{color:#f8b800;cursor:pointer;background:#f8b8001f;border:2px solid #f8b800;border-radius:6px;padding:6px 10px;font-family:"Press Start 2P",monospace;font-size:16px;transition:background .15s;position:relative}.wm-trophy-btn:hover{background:#f8b8004d}.wm-trophy-count{color:#fff;background:#e52521;border:2px solid #000;border-radius:10px;padding:2px 4px;font-size:7px;line-height:1;position:absolute;top:-6px;right:-6px}.worldmap-scroll{z-index:5;scrollbar-width:thin;scrollbar-color:#f8b800 transparent;flex:1;padding:24px 20px 60px;position:relative;overflow-y:auto}.worldmap-scroll::-webkit-scrollbar{width:6px}.worldmap-scroll::-webkit-scrollbar-thumb{background:#f8b800;border-radius:3px}.worldmap-path{flex-direction:column;align-items:center;gap:0;max-width:480px;margin:0 auto;display:flex}.wm-row{flex-direction:column;align-items:center;width:100%;display:flex}.wm-left .wm-node{margin-right:80px}.wm-right .wm-node{margin-left:80px}.wm-connector{background:linear-gradient(#f8b80080,#f8b80033);border-radius:2px;width:4px;height:32px}.wm-node{cursor:pointer;background:#0f172ad9;border:3px solid #334155;border-radius:10px;align-items:center;gap:12px;width:240px;padding:14px 16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;box-shadow:0 4px #00000080}.wm-node:hover.wm-unlocked{transform:translateY(-3px);box-shadow:0 7px #00000080}.wm-locked{opacity:.5;cursor:default}.wm-completed{background:#0f172ae6;border-color:#f8b800!important}.wm-current{animation:2s ease-in-out infinite nodePulse;box-shadow:0 4px #00000080,0 0 20px #4ade8066;border-color:#4ade80!important}@keyframes nodePulse{0%,to{box-shadow:0 4px #00000080,0 0 16px #4ade804d}50%{box-shadow:0 4px #00000080,0 0 28px #4ade8099}}.wm-node-emoji{flex-shrink:0;font-size:28px}.wm-node-info{flex:1;min-width:0}.wm-node-realm{color:#e2e8f0;font-size:9px;line-height:1.4}.wm-node-chord{color:#94a3b8;margin-top:2px;font-size:7px}.wm-stars{margin-top:4px;font-size:12px;display:block}.wm-node-play-badge{color:#000;background:#4ade80;border:2px solid #000;border-radius:3px;margin-top:6px;padding:3px 8px;font-size:7px;animation:1.4s ease-in-out infinite float;display:inline-block;box-shadow:0 2px #000}.wm-node-lock-hint{color:#64748b;margin-top:4px;font-size:6px}.wm-node-check{color:#000;background:#f8b800;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;display:flex;position:absolute;top:-8px;right:-8px}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{text-align:center;background:#0f172a;border:4px solid #f8b800;border-radius:10px;width:100%;max-width:420px;padding:28px 32px;animation:.25s ease-out slideUp;box-shadow:0 8px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#f8b800;margin-bottom:14px;font-size:14px}.modal-text{color:#e2e8f0;margin-bottom:20px;font-size:8px;line-height:1.8}.modal-buttons{flex-direction:column;gap:8px;display:flex}.realm-card{background:#0f172a;border:4px solid #334155;border-radius:12px;width:100%;max-width:380px;padding:0;animation:.2s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px #0009}.realm-card-close{color:#94a3b8;cursor:pointer;z-index:1;background:#00000080;border:2px solid #334155;border-radius:4px;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:9px;position:absolute;top:10px;right:12px}.realm-card-close:hover{color:#fff;border-color:#fff}.realm-card-header{border-top:4px solid;border-bottom:3px solid #1e293b;align-items:center;gap:14px;padding:18px 20px 14px;display:flex}.realm-card-emoji{font-size:36px}.realm-card-realm{color:#e2e8f0;font-size:10px}.realm-card-chord{color:#f8b800;margin-top:4px;font-size:13px}.realm-card-body{padding:14px 20px}.realm-info-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.realm-info-row{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding-bottom:5px;display:flex}.realm-info-label{color:#64748b;font-size:7px}.realm-info-value{color:#e2e8f0;text-align:right;font-size:8px}.realm-completed-stats{background:#f8b80014;border:2px solid #f8b8004d;border-radius:6px;margin-bottom:12px;padding:10px 14px}.realm-stars{font-size:18px}.realm-stat-row{align-items:center;gap:0;margin-top:8px;display:flex}.realm-stat-label{color:#64748b;font-size:7px}.realm-stat-num{color:#f8b800;margin-left:6px;font-size:11px}.realm-story{color:#94a3b8;margin-bottom:4px;font-size:7px;line-height:1.9}.realm-card-footer{text-align:center;padding:12px 20px 18px}.realm-card-footer .title-btn{max-width:200px;margin:0 auto}.victory-box{max-width:480px}.victory-stars{margin-bottom:8px;font-size:36px}.victory-title{color:#f8b800;margin-bottom:14px;font-size:16px}.victory-text{color:#e2e8f0;margin-bottom:16px;font-size:8px;line-height:2}.victory-stats{color:#94a3b8;margin-bottom:20px;font-size:7px;line-height:2.2}.fullscreen-panel{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.panel-bg{z-index:0;background:linear-gradient(#0f172a 0%,#1e3a5f 100%);position:absolute;inset:0}.panel-content{z-index:1;scrollbar-width:thin;scrollbar-color:#f8b800 transparent;flex:1;width:100%;max-width:700px;margin:0 auto;padding:20px 20px 60px;position:relative;overflow-y:auto}.panel-back-btn{color:#f8b800;cursor:pointer;background:#f8b8001f;border:2px solid #f8b800;border-radius:4px;margin-bottom:20px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;transition:background .15s;display:inline-block}.panel-back-btn:hover{background:#f8b80040}.panel-title{color:#f8b800;text-align:center;margin-bottom:4px;font-size:18px}.panel-subtitle{color:#94a3b8;text-align:center;margin-bottom:20px;font-size:8px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.achievement-card{text-align:center;background:#ffffff0a;border:3px solid #1e293b;border-radius:8px;padding:14px 12px;transition:transform .15s,border-color .15s}.ach-unlocked{background:#f8b8000f;border-color:#f8b800;box-shadow:0 0 12px #f8b80033}.ach-unlocked:hover{transform:translateY(-2px)}.ach-emoji{margin-bottom:8px;font-size:36px;display:block}.ach-name{color:#e2e8f0;margin-bottom:5px;font-size:8px;line-height:1.5}.ach-desc{color:#64748b;font-size:6px;line-height:1.7}.ach-badge{color:#000;background:#f8b800;border:2px solid #000;border-radius:3px;margin-top:8px;padding:3px 7px;font-size:6px;display:inline-block}.htp-steps{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.htp-step{background:#ffffff0a;border:2px solid #1e293b;border-radius:8px;align-items:flex-start;gap:14px;padding:14px;display:flex}.htp-step-icon{flex-shrink:0;font-size:28px}.htp-step-num{color:#64748b;margin-bottom:3px;font-size:6px}.htp-step-title{color:#f8b800;margin-bottom:5px;font-size:9px}.htp-step-desc{color:#94a3b8;font-size:7px;line-height:1.8}.htp-chord-table{margin-bottom:20px}.htp-chord-title{color:#f8b800;text-align:center;margin-bottom:12px;font-size:11px}.htp-chord-grid{flex-direction:column;gap:6px;display:flex}.htp-chord-row{background:#ffffff0a;border:2px solid #1e293b;border-left:5px solid;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.htp-chord-name{color:#e2e8f0;font-size:8px}.htp-chord-notes{color:#94a3b8;font-size:7px}.settings-group{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.settings-row{background:#ffffff0a;border:2px solid #1e293b;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.settings-label{color:#e2e8f0;font-size:9px}.settings-slider-wrap{align-items:center;gap:10px;display:flex}.settings-slider{appearance:none;background:#334155;border-radius:3px;outline:none;width:140px;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f8b800;border:3px solid #000;border-radius:50%;width:18px;height:18px}.settings-val{color:#f8b800;text-align:right;min-width:36px;font-size:9px}.settings-toggle-wrap{display:flex}.settings-toggle{cursor:pointer;border:3px solid #000;border-radius:4px;padding:8px 20px;font-family:"Press Start 2P",monospace;font-size:9px;transition:background .15s}.toggle-on{color:#000;background:#4ade80;box-shadow:0 3px #1a7a40}.toggle-off{color:#94a3b8;background:#334155;box-shadow:0 3px #1a2535}.settings-note{color:#64748b;text-align:center;margin-bottom:10px;font-size:7px;line-height:2.2}.title-midi-badge{color:#4ade80;text-shadow:1px 1px #000;letter-spacing:1px;background:#0006;border:2px solid #4ade8088;border-radius:6px;margin-top:4px;padding:5px 14px;font-size:8px;animation:1.8s ease-in-out infinite midiPulse}@keyframes midiPulse{0%,to{box-shadow:0 0 6px #4ade8044}50%{box-shadow:0 0 16px #4ade8099}}