body.music-body{background-image:none;background-color:#0e0608;display:block;overflow-x:hidden}body.music-body header{background:linear-gradient(to bottom,rgba(14,6,8,.95) 0%,rgba(14,6,8,.6) 70%,transparent 100%);padding-bottom:12px;width: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;max-width:50vw;text-align:center}.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}}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}@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}}