:root{--bg:#030711;--panel:#07101d;--line:#163044;--cyan:#19f5df;--blue:#438cff;--gold:#f2c86a;--pink:#ff43c6;--text:#f5f7fb;--muted:#8fa4b7;--font:'Inter',sans-serif;--display:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#10223b 0,#030711 42%);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:74px;padding:0 3.5vw;display:flex;align-items:center;gap:36px;background:linear-gradient(180deg,rgba(2,6,13,.98),rgba(2,6,13,.72));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;min-width:max-content}.brand strong{font:900 2.15rem/1 var(--display);font-style:italic;color:var(--gold);filter:drop-shadow(0 0 12px rgba(242,200,106,.3))}.brand>span:last-child{font:600 .72rem/1.15 var(--font);letter-spacing:.22em}.brand small{font-size:.5rem;color:var(--muted)}.crown{position:absolute;transform:translate(15px,-22px);color:var(--gold)}nav{display:flex;align-items:center;justify-content:center;gap:32px;flex:1}nav a{position:relative;padding:27px 0 24px;font:600 .78rem var(--display);letter-spacing:.13em;text-transform:uppercase;color:#b6c2ce;transition:.25s}nav a:hover,nav a.active{color:#fff}nav a::after{content:'';position:absolute;left:50%;right:50%;bottom:15px;height:2px;background:var(--gold);box-shadow:0 0 12px var(--gold);transition:.3s}nav a:hover::after,nav a.active::after{left:0;right:0}.account{display:flex;gap:10px}.ghost,.gold,.btn,.gateway a,.tape button,.artist button,.events button{border:1px solid rgba(255,255,255,.28);background:rgba(4,10,18,.68);color:#fff;border-radius:6px;padding:11px 22px;text-transform:uppercase;font:700 .78rem var(--display);letter-spacing:.08em;cursor:pointer;transition:.25s}.gold,.primary{border-color:var(--gold);background:linear-gradient(110deg,#b77a20,var(--gold));color:#07101a;box-shadow:0 0 24px rgba(242,200,106,.18)}button:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.16)}.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:120px 7vw 165px;isolation:isolate;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,11,.93),rgba(2,5,11,.22) 40%,rgba(2,5,11,.22) 65%,rgba(2,5,11,.9)),linear-gradient(0deg,var(--bg),transparent 34%);z-index:-1}.hero-image{position:absolute;inset:0;z-index:-2;background:url('hero-reference.png') center 18%/cover no-repeat;transform:scale(1.05);animation:heroZoom 18s ease-in-out infinite alternate}.stars{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:80px 80px;animation:drift 18s linear infinite}.hero-content{text-align:center;max-width:820px}.hero-mark{font:900 clamp(5rem,12vw,10rem)/.7 var(--display);font-style:italic;letter-spacing:-.08em;background:linear-gradient(145deg,#fff 15%,var(--gold) 45%,#8a5419 70%,#fff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 4px #000) drop-shadow(0 0 35px rgba(242,200,106,.38));animation:float 5s ease-in-out infinite}.hero-mark span{font-size:.38em;display:block;line-height:.4}.eyebrow{text-transform:uppercase;letter-spacing:.36em;font:600 .78rem var(--font);color:var(--gold)}h1{margin:14px 0 12px;font:800 clamp(3.2rem,7.5vw,6.3rem)/.84 var(--display);letter-spacing:.04em}h1 em,.world h2 em{color:var(--gold);font-style:normal}.hero-copy{max-width:620px;margin:0 auto 26px;color:#c0ccd8;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:12px}.btn{display:inline-flex;gap:38px;align-items:center;padding:15px 24px}.gateway{position:absolute;z-index:2;left:50%;bottom:72px;transform:translateX(-50%);width:min(900px,88vw);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(242,200,106,.55);border:1px solid rgba(242,200,106,.55);box-shadow:0 0 45px rgba(15,94,195,.2)}.gateway a{border:0;border-radius:0;padding:19px 26px;display:flex;align-items:center;justify-content:center;gap:15px;background:rgba(3,8,16,.9);backdrop-filter:blur(14px)}.gateway a:hover{background:rgba(16,30,49,.94);box-shadow:inset 0 0 28px rgba(67,140,255,.18);transform:translateY(-6px)}.gateway b{font-size:1.6rem}.gateway strong{display:block;font:700 1.25rem var(--display);letter-spacing:.08em}.gateway small{display:block;color:var(--muted);font-size:.6rem;margin-top:3px;text-transform:uppercase}.scroll{position:absolute;bottom:18px;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:#97a8b8}.scroll span{display:inline-block;animation:bounce 1.5s infinite}.section{max-width:1440px;margin:auto;padding:78px 4vw}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-title p{margin:0 0 5px 35px;color:var(--muted);font-size:.78rem}.section-title h2,.charts h2{margin:0;font:700 clamp(1.7rem,3vw,2.35rem) var(--display);letter-spacing:.05em}.section-title h2 span{color:var(--gold)}.section-title>a{font:700 .75rem var(--display);text-transform:uppercase;color:var(--cyan)}.now-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;gap:14px}.feature-card,.radio,.tape,.charts,.events article{position:relative;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:linear-gradient(150deg,rgba(14,26,42,.92),rgba(4,9,17,.95));box-shadow:0 12px 35px rgba(0,0,0,.25);transition:.35s}.feature-card{min-height:290px}.feature-card:hover,.tape:hover{transform:translateY(-8px);border-color:#397097;box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 28px rgba(25,245,223,.08)}.feature-card img,.art{width:100%;height:100%;position:absolute;object-fit:cover}.art{display:grid;place-items:center;background:radial-gradient(circle,#1d86a2,#061421 65%)}.art.violet{background:radial-gradient(circle,#7427a4,#0b071a 65%)}.art span{font:900 4rem var(--display);opacity:.55;text-shadow:0 0 30px currentColor}.shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(1,5,10,.96))}.tag{position:absolute;top:12px;left:12px;border-radius:3px;padding:5px 8px;background:var(--pink);font:800 .62rem var(--display);text-transform:uppercase}.cyan-tag{background:var(--cyan);color:#031016}.violet-tag{background:#9e4eff}.card-copy{position:absolute;bottom:16px;left:16px}.card-copy h3,.tape h3,.artist h3,.events h3{margin:0;font:600 1.18rem var(--display)}.card-copy p,.tape p,.artist p,.events p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.feature-card>button{position:absolute;right:14px;bottom:14px;border:1px solid #fff;border-radius:50%;width:39px;height:39px;background:rgba(3,8,14,.65);color:#fff;cursor:pointer}.radio{padding:18px}.radio-head{display:flex;justify-content:space-between;font:700 .8rem var(--display)}.radio-head span{font-size:.65rem}.radio-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff304d;box-shadow:0 0 10px #ff304d;animation:pulse 1.3s infinite}.track{display:flex;align-items:center;gap:12px;margin-top:25px}.cover{width:58px;height:58px;background:linear-gradient(135deg,#b66e1a,#07101a);display:grid;place-items:center;font:900 1.2rem var(--display)}.track h3{margin:0;font:600 1rem var(--display)}.track p{margin:5px 0;color:var(--cyan);font-size:.75rem}.play{margin-left:auto;border:0;border-radius:50%;width:48px;height:48px;background:#eaf4ff;color:#07101a;font-size:1rem;cursor:pointer}.wave{height:34px;margin:22px 0 8px;background:repeating-linear-gradient(90deg,var(--cyan) 0 2px,transparent 2px 7px);clip-path:polygon(0 45%,5% 30%,10% 65%,15% 18%,20% 60%,25% 35%,30% 75%,35% 20%,40% 48%,45% 14%,50% 65%,55% 28%,60% 75%,65% 45%,70% 20%,75% 61%,80% 35%,85% 75%,90% 25%,95% 56%,100% 42%,100% 58%,95% 68%,90% 39%,85% 90%,80% 50%,75% 78%,70% 36%,65% 58%,60% 90%,55% 40%,50% 80%,45% 27%,40% 61%,35% 36%,30% 88%,25% 48%,20% 77%,15% 32%,10% 80%,5% 45%,0 58%)}.timeline{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.62rem}.timeline div{height:2px;background:#294154;flex:1}.timeline i{display:block;width:40%;height:100%;background:var(--cyan)}.next{border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:.65rem}.mixtapes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tape{padding:13px}.cover-art{aspect-ratio:1;display:flex;align-items:end;padding:22px;font:900 clamp(2.2rem,4vw,4.5rem)/.72 var(--display);letter-spacing:-.02em;background:radial-gradient(circle at 70% 15%,#aa6b20,transparent 30%),linear-gradient(145deg,#24190c,#070b12);box-shadow:inset 0 0 45px #000}.blue-art{background:radial-gradient(circle at 65% 20%,#0959c9,transparent 35%),linear-gradient(145deg,#061a35,#080912)}.purple-art{background:radial-gradient(circle at 70% 20%,#8d22bb,transparent 35%),linear-gradient(145deg,#25103b,#080912)}.red-art{background:radial-gradient(circle at 70% 20%,#da3548,transparent 35%),linear-gradient(145deg,#3b0e17,#080912)}.tape h3{margin-top:14px}.tape button{width:100%;margin-top:15px;padding:9px;border-color:var(--line)}.split{display:grid;grid-template-columns:1.65fr 1fr;gap:26px}.artist-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.artist{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);background:#07101b;border-radius:8px;transition:.25s}.artist:hover{border-color:var(--cyan);transform:translateX(4px)}.artist>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#235f9c,#6e23a2);font:800 1.1rem var(--display)}.artist button{margin-left:auto;padding:8px 15px}.charts{padding:23px}.charts>p{margin:0;color:var(--cyan);font-size:.7rem;text-transform:uppercase}.charts ol{list-style:none;padding:0;margin:14px 0 0}.charts li{display:flex;align-items:center;gap:15px;padding:10px;border-top:1px solid var(--line)}.charts li>b{font:700 1.3rem var(--display);color:var(--gold)}.charts li span{flex:1;font:600 1rem var(--display)}.charts small{display:block;color:var(--muted);font:400 .65rem var(--font)}.charts button{border:1px solid #486174;border-radius:50%;background:none;color:#fff;width:30px;height:30px}.world{position:relative;min-height:550px;max-width:none;display:flex;align-items:center;justify-content:center;gap:7vw;overflow:hidden;border-block:1px solid var(--line);background:radial-gradient(circle at 70%,#0d3563,transparent 32%),linear-gradient(110deg,#020610 15%,#081728)}.world-glow{position:absolute;inset:auto 0 0;height:1px;background:var(--cyan);box-shadow:0 0 50px 18px #0c65b0}.world-copy{max-width:500px;z-index:2}.world h2{margin:10px 0;font:800 clamp(4.5rem,8vw,7rem)/.75 var(--display)}.world-copy>p:not(.eyebrow){color:#aab9c8;line-height:1.7;margin-bottom:28px}.orbit{width:min(430px,40vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.planet{width:52%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#38a8ff,#0b3266 35%,#030915 70%);box-shadow:inset -30px -20px 60px #000,0 0 80px #126fc4}.planet span{font:900 3rem var(--display);color:var(--gold)}.orbit i{position:absolute;border:1px solid rgba(25,245,223,.4);border-radius:50%;animation:spin 12s linear infinite}.o1{inset:9%}.o2{inset:0;transform:rotateX(66deg)}.o3{inset:18%;transform:rotateY(70deg)}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.events article{padding:18px;display:flex;align-items:center;gap:18px}.events time{padding:9px;border:1px solid var(--cyan);border-radius:4px;text-align:center;font:700 .7rem var(--display);color:var(--cyan)}.events time b{display:block;font-size:1.5rem;color:#fff}.events article>div{flex:1}.events button{padding:9px 14px;border-color:var(--cyan);color:var(--cyan)}footer{border-top:1px solid var(--line);padding:36px 4vw;display:flex;align-items:center;gap:50px;background:#02050a}footer>.brand{margin-right:auto}footer>p{font-size:.6rem;color:var(--muted)}.footer-cta{display:flex;align-items:center;gap:20px;font:700 .65rem var(--display);letter-spacing:.12em}.footer-cta form{display:flex}.footer-cta input{min-width:250px;background:#07111d;border:1px solid var(--line);color:#fff;padding:11px 14px;border-radius:5px 0 0 5px}.footer-cta button{border-radius:0 5px 5px 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;z-index:100;pointer-events:none;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(25,245,223,.07),transparent 68%);transform:translate(-50%,-50%);mix-blend-mode:screen}.toast{position:fixed;right:22px;bottom:22px;z-index:99;padding:13px 18px;border:1px solid var(--cyan);background:#07121f;color:#fff;border-radius:6px;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@keyframes heroZoom{to{transform:scale(1.12) translateY(-1%)}}@keyframes drift{to{background-position:80px 80px}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes pulse{50%{opacity:.35}}@keyframes spin{to{rotate:360deg}}
@media(max-width:1000px){nav{position:fixed;inset:74px 0 auto;display:none;flex-direction:column;gap:0;background:#030810;padding:20px}.topbar.open nav{display:flex}.topbar nav a{padding:13px}.menu{display:block;margin-left:auto}.account{display:none}.now-grid{grid-template-columns:repeat(2,1fr)}.radio{grid-column:span 2}.mixtapes{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.events{grid-template-columns:1fr}footer{flex-wrap:wrap}.footer-cta{width:100%}}
@media(max-width:680px){.topbar{height:64px}.hero{padding:100px 18px 200px}.hero::before{background:linear-gradient(0deg,var(--bg),transparent 60%),rgba(2,5,11,.44)}.hero-image{background-position:38% top}.hero-copy{font-size:.9rem}.gateway{grid-template-columns:1fr;bottom:45px;width:92vw}.gateway a{padding:12px}.gateway small{display:none}.scroll{display:none}.section{padding:58px 16px}.now-grid{grid-template-columns:1fr}.radio{grid-column:auto}.feature-card{min-height:260px}.mixtapes{grid-template-columns:1fr 1fr;gap:10px}.tape{padding:9px}.tape p{font-size:.65rem}.artist-list{grid-template-columns:1fr}.world{flex-direction:column;text-align:center;padding-block:80px}.orbit{width:80vw}.events article{padding:13px}footer{padding:30px 18px}.footer-cta{align-items:stretch;flex-direction:column}.footer-cta form,.footer-cta input{width:100%;min-width:0}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.cover-art{position:relative;overflow:hidden;transform-style:preserve-3d;transition:.45s cubic-bezier(.2,.8,.2,1)}.cover-art>span{position:relative;z-index:2;transform:translateZ(40px)}.cover-art::after{content:'';position:absolute;inset:-60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.25) 50%,transparent 58%);transform:translateX(-45%) rotate(15deg);transition:.8s}.tape:hover .cover-art::after,.tape:focus .cover-art::after{transform:translateX(45%) rotate(15deg)}.tape:hover .cover-art,.tape:focus .cover-art{transform:perspective(800px) rotateX(5deg) rotateY(-7deg) scale(1.025)}.vinyl{position:absolute;right:-28%;top:8%;width:82%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#050505 0 5px,#151515 6px 8px);box-shadow:0 12px 24px #000;transition:.5s}.vinyl::after{content:'';position:absolute;inset:37%;border-radius:50%;background:var(--gold);border:9px solid #111}.tape:hover .vinyl,.tape:focus .vinyl{right:-18%;animation:spin 2.4s linear infinite}.tape:focus{outline:2px solid var(--cyan);outline-offset:3px}
.explorer{max-width:none;background:linear-gradient(180deg,rgba(5,10,18,.25),rgba(7,18,32,.9),rgba(5,10,18,.3));border-block:1px solid rgba(25,245,223,.13)}.explorer>*{max-width:1325px;margin-left:auto;margin-right:auto}.live-chip{padding:7px 10px;border:1px solid var(--cyan);border-radius:20px;color:var(--cyan);font:700 .65rem var(--display);letter-spacing:.12em}.genre-filter{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.genre-filter button{white-space:nowrap;border:1px solid var(--line);background:#07101b;color:#9fb1c2;padding:10px 18px;border-radius:30px;cursor:pointer}.genre-filter button.active,.genre-filter button:hover{color:#031016;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 22px rgba(25,245,223,.25)}.explore-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px;perspective:1000px}.discover-card{position:relative;min-height:270px;padding:22px;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#07101b;color:#fff;cursor:pointer;transition:.35s}.discover-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,rgba(50,156,255,.25),transparent 52%)}.discover-card:hover,.discover-card.active{transform:translateY(-10px) rotateX(3deg);border-color:var(--cyan);box-shadow:0 22px 55px rgba(0,0,0,.45),0 0 28px rgba(25,245,223,.12)}.discover-card[hidden]{display:none}.disc{position:absolute;top:22px;left:50%;translate:-50%;width:145px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#101010 0 5px,#242424 6px 8px);box-shadow:0 14px 30px #000;animation:spin 10s linear infinite}.disc::after{content:'TGG';position:absolute;inset:31%;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#07101a;font:900 1.1rem var(--display)}.d2::after{background:var(--pink)}.d3::after{background:#6b6dff}.d4::after{background:var(--cyan)}.discover-card strong,.discover-card small,.discover-card i{position:relative;z-index:2}.discover-card strong{font:700 1.4rem var(--display)}.discover-card small{margin-top:4px;color:var(--muted)}.discover-card i{position:absolute;right:17px;bottom:17px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-style:normal}.explorer-player{margin-top:16px!important;display:flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid var(--line);border-radius:9px;background:#040a12}.explorer-play{width:48px;height:48px;border:0;border-radius:50%;background:var(--cyan);color:#031016;font-size:1rem}.explorer-player>div:nth-child(2){min-width:190px}.explorer-player small{display:block;color:var(--cyan);font-size:.6rem}.explorer-player strong{font:600 1.05rem var(--display)}.spectrum{height:36px;display:flex;align-items:center;gap:3px;flex:1}.spectrum i{width:3px;height:25%;background:linear-gradient(var(--cyan),var(--blue));animation:bars .8s ease-in-out infinite alternate}.spectrum i:nth-child(3n){animation-delay:.25s;height:80%}.spectrum i:nth-child(4n){animation-delay:.45s;height:55%}.skip{border:0;background:none;color:var(--gold);cursor:pointer}
.game-zone{display:flex;flex-direction:column;align-items:center;gap:12px}.launch-game{width:min(440px,90vw);padding:16px;border:1px solid var(--cyan);border-radius:8px;background:rgba(4,12,23,.9);color:#fff;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 0 30px rgba(25,245,223,.1);transition:.3s}.launch-game:hover{transform:translateY(-5px);box-shadow:0 0 40px rgba(25,245,223,.25)}.launch-game>b{font-size:1.8rem;color:var(--cyan)}.launch-game span{text-align:left;font:700 1.1rem var(--display)}.launch-game small{display:block;color:var(--muted);font:400 .65rem var(--font)}.launch-game>i{margin-left:auto;color:var(--cyan);font:700 .8rem var(--display);font-style:normal}
.modal{position:fixed;z-index:200;inset:0;padding:6vh 5vw;display:grid;place-items:center;background:rgba(0,3,8,.84);backdrop-filter:blur(18px)}.modal[hidden]{display:none}.modal-close{position:absolute;right:4vw;top:3vh;border:1px solid #587086;border-radius:50%;width:44px;height:44px;background:#07101b;color:#fff;font-size:1.6rem;cursor:pointer}.view{display:none;width:min(960px,92vw);max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0a1827,#03070d);box-shadow:0 30px 100px #000}.view.active{display:flex;animation:modalIn .45s ease}.album-modal{padding:28px;gap:34px}.modal-cover{width:min(390px,42vw);aspect-ratio:1;flex:none;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 15%,#b87920,transparent 32%),linear-gradient(145deg,#23180a,#05080e);font:900 4rem/.78 var(--display);box-shadow:inset 0 0 60px #000,0 20px 60px #000}.modal-cover>span{color:var(--gold)}.modal-info{flex:1}.modal-info>p{color:var(--cyan);font-size:.7rem;letter-spacing:.15em}.modal-info h2{font:800 3.2rem/.9 var(--display);margin:8px 0}.modal-info h3{color:var(--gold)}.big-wave{height:55px;display:flex;gap:4px;align-items:center}.big-wave i{width:3px;background:var(--cyan);animation:bars .6s ease-in-out infinite alternate}.big-wave i:nth-child(3n){height:80%}.big-wave i:nth-child(3n+1){height:35%}.big-wave i:nth-child(3n+2){height:60%;animation-delay:.25s}.modal-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:16px}.modal-controls button{border:0;background:none;color:#fff;font-size:1.2rem}.modal-controls .main-play{width:58px;height:58px;border-radius:50%;background:var(--cyan);color:#021016}.modal-info ol{list-style:none;padding:0}.modal-info li{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.modal-info li span{margin-left:auto;color:var(--muted)}.game-modal{padding:25px;flex-direction:column}.game-head{display:flex;align-items:center;gap:18px}.game-head p{color:var(--cyan)}.game-head h2{font:800 2.7rem var(--display);margin:0}.game-head span{margin-left:auto}.game-board{position:relative;height:400px;border:1px solid #164161;border-radius:9px;overflow:hidden;background:linear-gradient(rgba(25,245,223,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(25,245,223,.04) 1px,transparent 1px),radial-gradient(circle at 50%,#0d2b4c,#02060d 70%);background-size:32px 32px}.runner,.crown-pickup{position:absolute;width:62px;height:62px;display:grid;place-items:center;transition:.18s}.runner{left:20px;top:160px;border:2px solid var(--cyan);border-radius:50%;background:#05111e;color:var(--gold);font:900 1.1rem var(--display);box-shadow:0 0 25px rgba(25,245,223,.4)}.crown-pickup{right:55px;top:70px;color:var(--gold);font-size:2.8rem;filter:drop-shadow(0 0 12px var(--gold));animation:float 1.5s ease-in-out infinite}.game-help{text-align:center;color:var(--muted)}.game-controls{display:flex;justify-content:center;gap:8px}.game-controls button{width:54px;height:44px;border:1px solid var(--cyan);background:#061321;color:#fff;border-radius:6px;font-size:1.15rem}@keyframes bars{to{height:100%}}@keyframes modalIn{from{opacity:0;transform:translateY(30px) scale(.97)}}
@media(max-width:1000px){.explore-stage{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.explore-stage{grid-template-columns:1fr 1fr}.discover-card{min-height:230px;padding:14px}.disc{width:112px}.explorer-player{flex-wrap:wrap}.spectrum{order:4;flex-basis:100%}.album-modal{flex-direction:column}.modal-cover{width:100%;max-width:330px;margin:auto}.modal-info h2{font-size:2.3rem}.game-board{height:330px}}
.hero-content{position:relative;z-index:3;animation:heroMessageOut 1s ease 3.2s forwards}.hero-portals{position:absolute;z-index:1;inset:74px 0 138px;display:grid;grid-template-columns:repeat(3,1fr)}.portal{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;opacity:.08;transition:opacity .35s,background .35s,text-shadow .35s}.portal::after{content:'';position:absolute;inset:16% 8%;border:1px solid transparent;border-radius:20px;transition:.35s}.portal:hover,.portal:focus{opacity:1;background:radial-gradient(circle,rgba(15,100,170,.23),transparent 58%);text-shadow:0 0 22px currentColor}.portal:hover::after,.portal:focus::after{border-color:rgba(255,255,255,.18);box-shadow:inset 0 0 50px rgba(25,245,223,.06)}.portal span{font-size:2rem}.portal strong{font:700 .75rem var(--display);letter-spacing:.2em}.music-portal{color:var(--gold)}.explore-portal{color:var(--cyan)}.game-portal{color:#9d81ff}.hero.intro-cleared .portal{opacity:.35}.hero.intro-cleared .portal:hover,.hero.intro-cleared .portal:focus{opacity:1}.hero.intro-cleared .hero-content{visibility:hidden}.hero.intro-cleared .hero-image{filter:saturate(1.12) contrast(1.04)}@keyframes heroMessageOut{70%{opacity:0;transform:translateY(-18px) scale(.98)}100%{opacity:0;transform:translateY(-18px) scale(.98);visibility:hidden;pointer-events:none}}@media(max-width:680px){.hero-portals{inset:64px 0 188px}.portal{opacity:.34}.portal strong{font-size:.6rem;letter-spacing:.09em}.portal span{font-size:1.35rem}.hero-content{animation-delay:2.2s}}
.hero{--scene-x:0px;--scene-y:0px}.hero-image{background-position:50% 18%;transform:scale(1.1) translate3d(var(--scene-x),var(--scene-y),0);animation:scenePan 15s ease-in-out infinite alternate,scenePulse 4.5s ease-in-out infinite;transition:transform .35s ease-out;will-change:transform,background-position,filter}.city-flicker{position:absolute;z-index:-1;inset:22% 0 7%;pointer-events:none;background:radial-gradient(circle at 12% 68%,rgba(40,152,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 22% 76%,rgba(255,200,90,.9) 0 1px,transparent 2px),radial-gradient(circle at 72% 64%,rgba(200,75,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 88% 75%,rgba(32,242,221,.95) 0 1px,transparent 2px);background-size:48px 42px,63px 55px,54px 49px,71px 64px;mix-blend-mode:screen;animation:cityBlink 1.7s steps(2,end) infinite}.gateway a{animation:gatewayHover 3.4s ease-in-out infinite;overflow:hidden}.gateway a:nth-child(2){animation-delay:-1.1s}.gateway a:nth-child(3){animation-delay:-2.2s}.gateway a::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12),transparent 70%);translate:-120% 0;animation:gatewayScan 4.5s ease-in-out infinite}.gateway a:nth-child(2)::before{animation-delay:1.3s}.gateway a:nth-child(3)::before{animation-delay:2.6s}.scene-hotspots{position:absolute;z-index:4;inset:74px 0 138px;pointer-events:none}.scene-hit{pointer-events:auto;position:absolute;border:1px solid rgba(255,255,255,.22);background:rgba(2,7,14,.25);color:#fff;backdrop-filter:blur(2px);opacity:.12;transition:.35s;cursor:pointer}.scene-hit:hover,.scene-hit:focus{opacity:1;border-color:var(--gold);box-shadow:0 0 35px rgba(242,200,106,.28);background:rgba(3,9,18,.78);transform:scale(1.04)}.album-hit{top:19%;width:15%;aspect-ratio:.78;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.album-hit-left{left:3.5%;transform:rotate(-5deg)}.album-hit-right{right:4%;transform:rotate(5deg)}.album-hit-left:hover,.album-hit-left:focus{transform:rotate(-2deg) scale(1.05)}.album-hit-right:hover,.album-hit-right:focus{transform:rotate(2deg) scale(1.05)}.album-hit span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%}.album-hit strong{font:800 1rem var(--display);letter-spacing:.08em}.album-hit small{color:var(--gold);text-transform:uppercase;font-size:.58rem}.sky-hit{top:2%;left:37%;width:26%;height:17%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:50%;font:700 .68rem var(--display);letter-spacing:.14em}.sky-hit span{color:var(--cyan);animation:pulse 1.4s infinite}.hero.intro-cleared .scene-hit{opacity:.28}.hero.intro-cleared .scene-hit:hover,.hero.intro-cleared .scene-hit:focus{opacity:1}@keyframes scenePan{from{background-position:48% 20%}to{background-position:52% 16%}}@keyframes scenePulse{0%,100%{filter:saturate(1.05) brightness(.92)}50%{filter:saturate(1.18) brightness(1.04)}}@keyframes cityBlink{0%{opacity:.25}33%{opacity:.8}55%{opacity:.4}78%{opacity:1}100%{opacity:.35}}@keyframes gatewayHover{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes gatewayScan{0%,30%{translate:-120% 0}55%,100%{translate:120% 0}}@media(max-width:680px){.scene-hotspots{inset:64px 0 188px}.album-hit{top:22%;width:22%}.album-hit-left{left:1%}.album-hit-right{right:1%}.album-hit strong,.album-hit small{display:none}.sky-hit{left:30%;width:40%}.sky-hit strong{display:none}.city-flicker{opacity:.55}}