body.music-body{background-image:none;background-color:#0e0608;display:block;overflow-x:hidden}#enter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0e0608;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .5s ease,visibility .5s ease}#enter-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#enter-overlay-content{display:flex;flex-direction:column;align-items:center;gap:18px;animation:overlay-pulse 3s ease-in-out infinite}#enter-overlay-icon{width:32px;height:32px;color:#ffffff40;image-rendering:pixelated}#enter-overlay-content span{font-family:Iosevka Charon Mono,monospace;font-size:13px;color:#fff6;letter-spacing:4px;text-transform:uppercase}@keyframes overlay-pulse{0%,to{opacity:.6}50%{opacity:1}}body.music-body header{background:linear-gradient(to bottom,rgba(14,6,8,.95) 0%,rgba(14,6,8,.6) 70%,transparent 100%)}#music-page{position:relative;width:100%;height:5000px;background:linear-gradient(to bottom,#0e0608,#120810,#180a0e 20%,#1c0c10 24%,#220e14,#200a12 27%,#1a0a10 34%,#16080c,#100608 62%,#0c0406 78%,#080304 92%,#060204)}#music-page h2{font-size:14px;font-weight:400;color:#ffffff80;margin:0;letter-spacing:1px;padding-top:0}#music-page:after{content:"";position:absolute;top:1300px;left:0;right:0;height:2200px;background:linear-gradient(172deg,transparent 35%,rgba(220,60,80,.018) 50%,transparent 65%),linear-gradient(188deg,transparent 42%,rgba(220,60,80,.012) 54%,transparent 62%);pointer-events:none;z-index:0}#music-intro{position:absolute;top:350px;left:0;right:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}#music-intro h1{font-family:Iosevka Charon Mono,monospace;font-size:28px;font-weight:300;color:#ffffffb3;margin:0;letter-spacing:1px}.music-intro-links{display:flex;gap:20px;pointer-events:all}.music-intro-links a{font-size:14px;font-weight:600;color:#ffffff73;text-decoration:none;letter-spacing:1px;transition:color .2s ease}.music-intro-links a:hover{color:#ffffffd9}#iceberg-canvas{position:absolute;left:50%;transform:translate(-50%);image-rendering:pixelated;pointer-events:none;z-index:1}#water-line{background-color:#ff00004d;position:absolute;top:1300px;left:0;right:0;height:2px;background-image:linear-gradient(90deg,transparent 0%,rgba(100,170,230,.12) 15%,rgba(140,200,255,.25) 50%,rgba(100,170,230,.12) 85%,transparent 100%);z-index:2;box-shadow:0 0 30px 8px #50a0f00f,0 -1px #ffffff0a}#music-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.music-star{position:absolute;pointer-events:all;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transform:scale(var(--s, 1));animation:star-pulse var(--anim-dur, 4s) ease-in-out infinite;animation-delay:var(--anim-delay, 0s)}.music-star svg{display:block;width:100%;height:100%;animation:star-spin var(--anim-dur, 4s) ease-in-out infinite;animation-delay:var(--anim-delay, 0s)}@keyframes star-pulse{0%,to{opacity:var(--pulse-min, .5)}50%{opacity:1}}@keyframes star-spin{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.music-star-tooltip{position:fixed;z-index:100;display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffffd9;background:#000000c7;padding:6px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:opacity .15s ease;font-family:Iosevka Charon Mono,monospace;width:200px;text-align:center}.music-star-tooltip img{width:200px;padding-top:10px;padding-bottom:5px}.music-star-tooltip.visible{opacity:1}.star-tooltip-title{font-size:12px;font-weight:700}.star-tooltip-desc{font-size:10px;opacity:.5;font-weight:400}.ambient-dot{position:absolute;background:#fff;border-radius:50%;pointer-events:none;z-index:0}.ambient-dot.sky{animation:twinkle var(--dur) ease-in-out infinite;animation-delay:var(--delay)}.ambient-dot.bubble{background:#ff64782e;animation:bubble-rise var(--dur) ease-in-out infinite;animation-delay:var(--delay)}@keyframes twinkle{0%,to{opacity:.05}50%{opacity:.4}}@keyframes bubble-rise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.3}85%{opacity:.2}to{transform:translateY(-180px) scale(.4);opacity:0}}#scroll-hint{position:fixed;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:5;opacity:.5;transition:opacity .6s ease;pointer-events:none}#scroll-hint.hidden{opacity:0}#scroll-hint span{font-size:11px;color:#ffffff80;font-family:Iosevka Charon Mono,monospace;letter-spacing:3px;text-transform:uppercase}.scroll-arrow{width:14px;height:14px;border-right:1.5px solid rgba(255,255,255,.35);border-bottom:1.5px solid rgba(255,255,255,.35);transform:rotate(45deg);animation:scroll-bob 2s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(5px)}}#depth-meter{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:5;opacity:0;transition:opacity .5s ease}#depth-meter.visible{opacity:.4}#depth-meter:hover{opacity:.8}#depth-bar-track{width:2px;height:100px;background:#ffffff1a;border-radius:1px;position:relative}#depth-bar-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:#ffffff80;border-radius:1px;transition:height .15s ease}#depth-label{font-size:9px;color:#ffffff80;font-family:Iosevka Charon Mono,monospace;letter-spacing:1px;text-transform:uppercase}@media (max-width: 1000px){#music-intro h1{font-size:22px}#depth-meter{right:10px}#depth-bar-track{height:70px}#ambient-audio-ctrl{right:12px}#audio-slider-track{width:55px}#audio-now-playing{max-width:120px}}body.music-body footer{position:fixed;bottom:0;left:0;right:0;z-index:5;text-align:center;padding:10px 0;background:linear-gradient(to top,rgba(14,6,8,.9) 0%,transparent 100%);pointer-events:none}body.music-body footer p{font-family:Iosevka Charon Mono,monospace;font-size:10px;color:#ffffff40;margin:0}body.music-body footer .footer-commit-link{pointer-events:auto}body.music-body footer .footer-commit-link:hover{color:#ffffff80}#ambient-audio-ctrl{position:fixed;top:18px;right:20px;z-index:50;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .3s ease;pointer-events:none}#ambient-audio-ctrl.active{opacity:.45;pointer-events:all}#ambient-audio-ctrl:hover{opacity:.9}#audio-now-playing{max-width:160px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}#audio-marquee-link{display:inline-block;white-space:nowrap;text-decoration:none;color:#ffffff8c;font-family:Iosevka Charon Mono,monospace;font-size:9px;letter-spacing:1px;transition:color .2s ease}#audio-marquee-link:hover{color:#ffffffd9}#audio-marquee-text{display:inline-block;animation:marquee-scroll 14s linear infinite;padding-left:100%}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}#audio-mute{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;width:28px;height:28px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease;image-rendering:pixelated}#audio-mute:hover{color:#fffffff2;border-color:#ffffff40}#audio-mute.muted{color:#ffffff4d}#audio-mute svg{width:16px;height:16px;image-rendering:pixelated}#audio-slider-track{position:relative;width:70px;height:28px;display:flex;align-items:center}#audio-slider-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:2px;width:40%;background:#ffffff80;pointer-events:none;image-rendering:pixelated}#audio-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#ffffff1a;outline:none;cursor:pointer;position:relative;z-index:1;margin:0}#audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:#fffc;border:none;cursor:pointer;image-rendering:pixelated}#audio-slider::-moz-range-thumb{width:8px;height:8px;background:#fffc;border:none;border-radius:0;cursor:pointer;image-rendering:pixelated}#audio-slider::-moz-range-track{background:transparent;border:none;height:2px}@media (max-width: 600px){#music-intro{top:200px}#music-intro h1{font-size:17px}.music-intro-links a{font-size:12px}#depth-meter{display:none}#ambient-audio-ctrl{top:14px;right:10px;gap:6px}#audio-mute{width:24px;height:24px;padding:4px}#audio-mute svg{width:14px;height:14px}#audio-slider-track{width:45px}#audio-now-playing{max-width:90px}#audio-marquee-link{font-size:8px}}