:root{--accent: #00f0ff;--pink: #ff3e8a;--ink: rgba(238, 244, 255, .92);--dim: rgba(238, 244, 255, .55);--glass: rgba(10, 8, 30, .42);--edge: rgba(255, 255, 255, .16);--orbitron: "Orbitron", "Segoe UI", sans-serif;--inter: "Inter", "Segoe UI", sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:#05030c;font-family:var(--inter);color:var(--ink);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;touch-action:none}#scene.can-click{cursor:pointer}.chrome{background:linear-gradient(180deg,#fff,#dff1ff 34%,#8fa3c8 49%,#5b6b8c 51%,#eef7ff 56%,#fff,#b9c8ef);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(130,200,255,.28)) drop-shadow(0 2px 0 rgba(8,6,28,.55))}#landing{position:fixed;inset:0;z-index:40;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 8%,#fffefb,#fff0 26%),linear-gradient(180deg,#3f93dd,#6fb4ea 42%,#a9d6f4 74%,#d7eefb);transition:opacity .8s ease}#landing.leaving{opacity:0;pointer-events:none}.landing-clouds{position:absolute;inset:0;pointer-events:none;opacity:.9;background-repeat:repeat-x;background-image:radial-gradient(closest-side,#fffffff2,#fff0 72%),radial-gradient(closest-side,#f8fcffe6,#fff0 74%),radial-gradient(closest-side,#ffffffd9,#fff0 72%),radial-gradient(closest-side,#eef8ffd1,#fff0 74%);background-size:300px 120px,460px 150px,220px 88px,380px 132px;background-position:40px 15%,280px 27%,540px 11%,760px 33%;animation:cloudFloat 120s linear infinite}@keyframes cloudFloat{0%{background-position-x:40px,280px,540px,760px}to{background-position-x:-2360px,-2480px,-1660px,-2280px}}.landing-content{position:relative;z-index:2;text-align:center;padding:0 24px;animation:landingIn 1.2s ease both}@keyframes landingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ym-logo{width:min(680px,84vw);height:auto;filter:drop-shadow(0 10px 22px rgba(20,50,90,.35));cursor:pointer;user-select:none;-webkit-user-select:none;animation:logoBob 6s ease-in-out infinite}.ym-logo:hover{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctext y='26' font-size='26'%3E%E2%9C%8C%EF%B8%8F%3C/text%3E%3C/svg%3E") 16 16,pointer}@keyframes logoBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ym-logo.flash{animation:logoFlash .7s ease}@keyframes logoFlash{0%{transform:scale(1)}28%{transform:scale(1.09);filter:drop-shadow(0 0 34px rgba(255,255,255,.95)) drop-shadow(0 10px 22px rgba(20,50,90,.35))}to{transform:scale(1)}}.album-name{margin-top:6px;font-family:var(--orbitron);font-weight:900;font-size:clamp(22px,4.4vw,46px);letter-spacing:.16em;color:#fffdf5;text-shadow:0 2px 0 #2a6bb0,0 4px 16px rgba(20,50,90,.4)}.album-tag{font-family:var(--inter);font-style:italic;font-size:clamp(13px,1.9vw,18px);color:#fff;opacity:.92;margin-top:4px;text-shadow:0 1px 6px rgba(20,50,90,.5)}.press-start-winged{margin-top:40px;display:inline-flex;align-items:center;gap:16px;font-family:var(--orbitron);font-weight:700;font-size:clamp(15px,2.4vw,22px);letter-spacing:.3em;color:#1a4e86;background:linear-gradient(180deg,#fff,#e6f3ff);border:2px solid #fff;border-radius:999px;padding:14px 30px;cursor:pointer;box-shadow:0 8px 24px #14325a4d;animation:btnBob 2.4s ease-in-out infinite;transition:transform .2s,box-shadow .2s}.press-start-winged:hover{transform:scale(1.05);box-shadow:0 12px 30px #14325a6b}@keyframes btnBob{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-7px) rotate(.5deg)}}.wing{width:26px;height:20px;background:#fff;clip-path:polygon(100% 50%,60% 30%,70% 42%,30% 16%,45% 38%,0 30%,35% 52%,0 60%,48% 60%,30% 82%,62% 64%,60% 78%);filter:drop-shadow(0 1px 1px rgba(20,50,90,.3));animation:wingFlap 1.2s ease-in-out infinite}.wing-r{transform:scaleX(-1)}@keyframes wingFlap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.78)}}.wing-r{animation-name:wingFlapR}@keyframes wingFlapR{0%,to{transform:scaleX(-1) scaleY(1)}50%{transform:scaleX(-1) scaleY(.78)}}.landing-hint{margin-top:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffbf}.landing-volume{position:absolute;left:0;right:0;bottom:max(6vh,30px);margin:0 auto;z-index:6;display:flex;align-items:center;gap:13px;padding:11px 20px;width:min(340px,74vw);border-radius:999px;background:#ffffff29;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 30px #466ea547,inset 0 1px #fff9;animation:volIn 1.6s ease both}@keyframes volIn{0%{opacity:0}to{opacity:1}}.lv-icon{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0;filter:drop-shadow(0 1px 2px rgba(40,70,120,.4))}.lv-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(#ffffff8c,#ffffff4d);border-radius:999px;cursor:pointer;box-shadow:inset 0 1px 2px #3c5a8c4d}.lv-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfe4ff);border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #325a9673,inset 0 1px 1px #ffffffd9;cursor:pointer}.lv-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfe4ff);border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #325a9673;cursor:pointer}.charsel-frame{position:fixed;inset:16px;border:6px solid #ffffff;border-radius:16px;box-shadow:0 0 0 4px #10131c,inset 0 0 0 4px #10131c,inset 0 0 60px #00000059;pointer-events:none;z-index:6;animation:landingIn .5s ease both}.charsel-title{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:#10131c;color:#ffe14d;font-family:var(--orbitron);font-weight:700;letter-spacing:.32em;text-indent:.32em;padding:9px 26px;border-radius:0 0 14px 14px;font-size:clamp(13px,2.1vw,22px);white-space:nowrap}.egg-badge{position:absolute;right:26px;bottom:24px;width:40px;height:40px;border-radius:50%;border:none;z-index:2;background:radial-gradient(circle at 40% 35%,#ffffff80,#ffffff14);opacity:.25;cursor:help;transition:opacity .3s,transform .3s}.egg-badge:hover{opacity:.7;transform:scale(1.15)}.crt-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 3px),radial-gradient(130% 130% at 50% 50%,#0000 62%,#0a1e3c47);mix-blend-mode:multiply;animation:crtWobble 7s ease-in-out infinite}.crt-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff0,#ffffff0f,#fff0);height:30%;animation:crtScan 6s linear infinite}@keyframes crtScan{0%{transform:translateY(-40%)}to{transform:translateY(360%)}}@keyframes crtWobble{0%,to{transform:translate(0) skew(0)}50%{transform:translate(.4px) skew(.08deg)}}@media(prefers-reduced-motion:reduce){.landing-clouds,.ym-logo,.press-start-winged,.wing,.wing-r,.crt-overlay,.crt-overlay:after{animation:none}}#overworld{position:fixed;inset:0;z-index:22;display:grid;place-items:center;pointer-events:none}.ow-panel{pointer-events:auto;width:min(440px,92vw);max-height:86vh;display:flex;flex-direction:column;background:#0816289e;border:1px solid rgba(255,255,255,.18);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 20px 60px #0006;overflow:hidden;animation:owIn .5s ease both}@keyframes owIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.ow-head{padding:18px 20px 12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.ow-album{display:block;font-family:var(--orbitron);font-weight:900;font-size:24px;letter-spacing:.12em}.ow-sub{display:block;font-family:var(--orbitron);font-size:10px;letter-spacing:.36em;color:var(--dim);margin-top:4px}.ow-pilot{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.ow-pilot-label{font-family:var(--orbitron);font-size:10px;letter-spacing:.3em;color:var(--dim);margin-right:2px}.ow-pilot-btn{font-family:var(--orbitron);font-weight:700;font-size:13px;letter-spacing:.06em;padding:6px 18px;border-radius:999px;cursor:pointer;color:var(--dim);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);transition:color .15s,background .15s,border-color .15s}.ow-pilot-btn:hover{color:#fff;background:#00f0ff1f}.ow-pilot-btn.on{color:#05121e;background:var(--accent);border-color:var(--accent)}.ow-list{list-style:none;margin:0;padding:8px;overflow-y:auto}.ow-track{width:100%;display:grid;grid-template-columns:34px 1fr auto 22px;align-items:center;gap:10px;background:none;border:none;border-radius:7px;padding:11px 12px;cursor:pointer;color:var(--ink);text-align:left;transition:background .15s,transform .15s}.ow-track:hover:not(:disabled){background:#00f0ff1f;transform:translate(3px)}.ow-track:disabled{opacity:.4;cursor:default}.ow-num{font-family:var(--orbitron);font-size:12px;color:var(--accent)}.ow-name{font-family:var(--orbitron);font-weight:700;font-size:15px;letter-spacing:.04em}.ow-app{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.ow-flag{font-size:11px;color:var(--accent);text-align:right;letter-spacing:.1em}.ow-track.active{background:#00f0ff24;box-shadow:inset 0 0 0 1px #00f0ff6b}.ow-track.active .ow-num,.ow-track.active .ow-flag{color:#eaffff}.ow-resume{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 12px 2px;padding:11px;border:none;border-radius:8px;cursor:pointer;background:var(--accent);color:#05121e;font-family:var(--orbitron);font-weight:800;font-size:13px;letter-spacing:.05em}.ow-resume:hover{filter:brightness(1.08)}.ow-resume-sub{font-weight:600;font-size:11px;opacity:.82}.ow-foot{padding:10px;text-align:center;font-style:italic;font-size:12px;color:#ff7ad9cc;border-top:1px solid rgba(255,255,255,.08)}#intro{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 60%,#28104699,#05030cf5 70%),#05030c;opacity:1;transition:opacity 1.1s ease}#intro.hidden{opacity:0;pointer-events:none}#intro[hidden]{display:none}.intro-content{text-align:center;padding:0 24px;animation:introIn 2.4s ease both}@keyframes introIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-artist{font-family:var(--orbitron);font-weight:900;font-size:clamp(52px,11vw,124px);letter-spacing:.1em;line-height:1;margin-bottom:10px}.intro-album{font-family:var(--orbitron);font-weight:500;font-size:clamp(14px,2.4vw,22px);letter-spacing:.42em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.intro-tag{font-family:var(--inter);font-style:italic;font-size:clamp(13px,1.8vw,16px);color:#ff7ad9d9;margin-bottom:64px}.press-start{font-family:var(--orbitron);font-weight:700;font-size:clamp(16px,2.6vw,24px);letter-spacing:.34em;text-indent:.34em;color:var(--ink);background:none;border:1px solid var(--edge);border-radius:4px;padding:16px 34px;cursor:pointer;animation:pulseStart 1.7s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}.press-start:hover,.press-start:focus-visible{border-color:var(--accent);box-shadow:0 0 24px #00f0ff40,inset 0 0 14px #00f0ff14;outline:none}@keyframes pulseStart{0%,to{opacity:1}50%{opacity:.3}}.intro-hint{margin-top:26px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#eef4ff59}@media(prefers-reduced-motion:reduce){.press-start{animation:none}.intro-content{animation-duration:.6s}}#hud{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:var(--inter);opacity:1;transition:opacity 1.4s ease}#hud.idle{opacity:.04}#hud[hidden]{display:none}#hud button{pointer-events:auto}.hud-tl{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));display:flex;align-items:center;gap:14px}.hud-art{width:58px;height:58px;border-radius:6px;display:grid;place-items:center;font-family:var(--orbitron);font-weight:900;font-size:22px;color:#ffffffeb;background:linear-gradient(135deg,#1a0b2e,#ff3e8a 55%,#ff8c42);border:1px solid var(--edge);box-shadow:0 4px 18px #ff3e8a40;text-shadow:0 1px 6px rgba(10,5,25,.6)}.hud-track{font-family:var(--orbitron);font-weight:700;font-size:clamp(17px,2.2vw,23px);letter-spacing:.08em}.hud-artist{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-top:3px}.hud-mode{font-family:var(--orbitron);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;white-space:nowrap}.hud-track{line-height:1.15;max-width:min(46vw,420px)}.hud-chip{display:inline-block;margin-top:5px;font-family:var(--orbitron);font-size:9px;letter-spacing:.22em;padding:3px 8px;border:1px solid rgba(255,122,217,.5);border-radius:3px;color:#ff7ad9}.hud-chip[hidden]{display:none}.hud-echoes{margin-top:5px;font-family:var(--orbitron);font-size:10px;letter-spacing:.2em;color:var(--dim)}.hud-echoes[hidden]{display:none}.hud-tr{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-tr-row{display:flex;align-items:center;gap:10px}.hud-key{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:232px;font-family:var(--inter);color:#eef4ffbd;background:var(--glass);border:1px solid var(--edge);border-radius:8px;padding:9px 12px;backdrop-filter:blur(6px);text-align:left}.ctrl-title{font-family:var(--orbitron);font-weight:800;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.ctrl-row{font-size:12px;line-height:1.65}.ctrl-key{display:inline-block;min-width:1.1em;text-align:center;padding:1px 5px;margin:0 4px 0 0;border-radius:4px;background:#00f0ff29;border:1px solid rgba(0,240,255,.45);color:#eaffff;font-family:var(--orbitron);font-weight:800;font-size:11px}.hud-badges{display:flex;align-items:center;gap:7px;font-family:var(--orbitron);font-size:12px;letter-spacing:.14em;color:var(--ink);background:var(--glass);border:1px solid var(--edge);border-radius:4px;padding:8px 12px;backdrop-filter:blur(6px);cursor:pointer;transition:border-color .25s,box-shadow .25s}.hud-badges:hover{border-color:var(--accent);box-shadow:0 0 14px #00f0ff2e}.badge-shape{color:var(--accent);font-size:13px;transition:transform .25s}.hud-badges.pop .badge-shape{animation:badgePop .7s ease}@keyframes badgePop{0%{transform:scale(1)}35%{transform:scale(1.9) rotate(18deg)}to{transform:scale(1)}}.hud-btn{font-family:var(--orbitron);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--ink);background:var(--glass);border:1px solid var(--edge);border-radius:4px;padding:8px 12px;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .25s,color .25s,box-shadow .25s}.hud-btn:hover{border-color:var(--accent);box-shadow:0 0 14px #00f0ff2e}.hud-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.hud-bl{position:absolute;left:50%;transform:translate(-50%);bottom:max(20px,env(safe-area-inset-bottom));width:min(322px,calc(100vw - 40px));background:var(--glass);border:1px solid var(--edge);border-radius:10px;padding:9px 14px 11px;backdrop-filter:blur(8px);pointer-events:auto}.transport{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:6px}.progress-row{display:flex;align-items:center;gap:9px;margin-bottom:7px}.t-btn{font-family:var(--orbitron);font-size:15px;color:var(--ink);background:none;border:none;cursor:pointer;padding:6px 10px;letter-spacing:.1em;transition:color .2s,text-shadow .2s}.t-btn:hover{color:var(--accent);text-shadow:0 0 12px rgba(0,240,255,.5)}.t-btn.play{font-size:19px;min-width:58px}.progress{position:relative;height:18px;cursor:pointer;display:flex;align-items:center;flex:1}.progress-track{width:100%;height:3px;border-radius:2px;background:#ffffff29;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,var(--pink),var(--accent));box-shadow:0 0 10px #00f0ff73}.hud-time{font-family:var(--orbitron);font-size:10px;letter-spacing:.04em;color:var(--dim);white-space:nowrap;min-width:34px;font-variant-numeric:tabular-nums}.hud-time.cur{text-align:right}.hud-time.dur{text-align:left}.hud-vol{display:flex;align-items:center;gap:9px;margin-top:8px}.vol-icon{background:none;border:none;cursor:pointer;font-size:13px;line-height:1;padding:0;filter:grayscale(.3)}.vol-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:#ffffff2e;border-radius:2px;cursor:pointer}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #00f0ff80;cursor:pointer}.vol-slider::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.hud-br{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));text-align:right;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#eef4ff52}.hud-links{margin-top:6px}.hud-links a{color:var(--dim);text-decoration:none;font-family:var(--orbitron);font-size:10px;letter-spacing:.18em;margin-left:14px;pointer-events:auto}.hud-links a:hover{color:var(--accent)}.confetti-canvas{position:fixed;inset:0;z-index:25;pointer-events:none}.yeah-flash{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%) scale(.6);z-index:26;font-family:var(--orbitron);font-weight:900;font-size:clamp(34px,7vw,88px);letter-spacing:.06em;white-space:nowrap;pointer-events:none;opacity:0}.yeah-flash.go{animation:yeahFlash 2.6s cubic-bezier(.16,1,.3,1) both}.course-flash{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);z-index:24;font-family:var(--orbitron);font-weight:700;font-size:clamp(18px,3vw,34px);letter-spacing:.18em;white-space:nowrap;pointer-events:none;opacity:0}.course-flash.go{animation:yeahFlash 2.4s cubic-bezier(.16,1,.3,1) both}@keyframes yeahFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-4deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(1.5deg)}22%{transform:translate(-50%,-50%) scale(1) rotate(0)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-52%) scale(1.02)}}.course-flash.win{opacity:1;font-size:clamp(26px,4.4vw,56px);letter-spacing:.16em;color:#fff;background:linear-gradient(90deg,#ff2e63,#ffb23e,#ffe14d,#4be07f,#3ad1ff,#b06bff,#ff2e63);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgba(20,18,31,.55)) drop-shadow(0 0 26px rgba(255,225,77,.55));animation:winPop .5s cubic-bezier(.16,1,.3,1) both,winShimmer 4s linear infinite,winPulse 1.6s ease-in-out .5s infinite both}@keyframes winPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes winShimmer{to{background-position:280% 0}}@keyframes winPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.skydive-lyric{position:fixed;left:50%;bottom:max(150px,16%);transform:translate(-50%);z-index:24;max-width:84vw;text-align:center;font-family:var(--orbitron),system-ui,sans-serif;font-weight:800;font-size:clamp(18px,2.9vw,34px);letter-spacing:.015em;line-height:1.15;color:#f6f2e6;text-shadow:-1.5px -1.5px 0 #14121f,1.5px -1.5px 0 #14121f,-1.5px 1.5px 0 #14121f,1.5px 1.5px 0 #14121f,0 3px 0 #14121f,0 0 22px rgba(20,18,31,.55);pointer-events:none;animation:skydiveLyricIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes skydiveLyricIn{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.skydive-lyric-compact{font-size:clamp(13px,2.05vw,23px);line-height:1.3}@media(max-width:640px){.hud-tl{gap:10px}.hud-art{width:46px;height:46px;font-size:17px}.hud-br{display:none}.t-btn{padding:8px 12px}.hud-btn{padding:8px 10px}}