:root{--ink-900: #0d0a1c;--ink-800: #120e26;--ink-700: #171132;--ink-600: #1f1740;--ink-500: #2a1f52;--plum-700: #3d2145;--plum-600: #5a2f52;--plum-500: #7a3f61;--gold-400: #ffd98a;--gold-500: #f5b942;--gold-600: #d99429;--gold-glow: rgba(245, 185, 66, .55);--cream: #f7e9c8;--text: #f2eefc;--text-dim: #bcb2d8;--text-faint: #948ab4;--rose: #e2757a;--mint: #6fd3a0;--edge: rgba(167, 155, 199, .16);--edge-strong: rgba(245, 185, 66, .28);--font-display: "Cinzel Decorative", "Georgia", serif;--font-body: "Jost", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--shell: min(1120px, 100% - 2.5rem);--radius: 16px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--ink-800);color:var(--text);font-family:var(--font-body);font-weight:300;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--gold-500);color:var(--ink-900)}:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,#2b2154,#1b1440 42%,#120e26 78%,#0d0a1c)}.backdrop__stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55}.backdrop__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:45% center}@media (min-aspect-ratio: 1/1){.backdrop__scene{object-position:center 30%}}.backdrop__moon{position:absolute;top:clamp(20px,4.5vh,52px);left:clamp(8%,13vw,20%);width:clamp(58px,7.5vw,92px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffaf0,#f7e9c8 46%,#e6d3a4 72%,#cdb886);box-shadow:0 0 28px 8px #f7e9c833,0 0 110px 44px #f7e9c812;opacity:.9}.backdrop__skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto}.backdrop__fog{position:absolute;left:-25%;right:-25%;bottom:0;height:55%;background:linear-gradient(to top,rgba(89,71,140,.42),transparent 72%);filter:blur(24px)}.backdrop__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(115% 85% at 50% 38%,transparent 42%,rgba(9,7,20,.45) 100%)}.backdrop__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0b08180a,#0b081833 26%,#0b081847 60%,#0b081829)}.backdrop__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.lights{position:absolute;left:-4%;right:-4%;width:108%;overflow:visible}.lights--upper{top:clamp(52px,11vh,120px)}.lights--lower{top:clamp(112px,21vh,226px)}.lights__wire{fill:none;stroke:#0c0918d9;stroke-width:1.6}.bulb__glow{fill:var(--gold-500);filter:blur(6px)}.bulb__body{fill:#ffdf9c}.bulb__cap{fill:#2a2038}.stage{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column}.shell{width:var(--shell);margin-inline:auto}.stage__main{flex:1;display:flex;align-items:center;padding:clamp(2.5rem,9vh,6rem) 0 clamp(2rem,6vh,4rem)}.stage__footer{padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom));font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 10px rgba(9,7,20,.9),0 0 3px rgba(9,7,20,.8);text-align:center}.wordmark{font-family:var(--font-display);font-weight:900;line-height:.95;letter-spacing:.01em;margin:0;font-size:clamp(1.95rem,6vw,3.5rem);background:linear-gradient(178deg,#fff3d2 4%,var(--gold-400) 32%,var(--gold-500) 58%,#b87d24 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(245,185,66,.25))}.wordmark--sm{font-size:clamp(1.5rem,5vw,2.2rem)}.rule{display:flex;align-items:center;gap:.85rem;margin:.9rem 0 0}.rule:before,.rule:after{content:"";height:1px;flex:1;background:linear-gradient(to right,transparent,var(--edge-strong),transparent)}.rule__text{font-size:clamp(.72rem,2.6vw,.9rem);letter-spacing:.42em;text-transform:uppercase;color:var(--gold-400);white-space:nowrap;font-weight:400}.eyebrow{font-size:.7rem;letter-spacing:.36em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .75rem;font-weight:500}.lede{color:var(--text-dim);font-size:clamp(1rem,2.6vw,1.125rem);max-width:46ch;margin:1.25rem 0 0}.cover{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:linear-gradient(150deg,var(--plum-700),var(--ink-600) 60%,var(--ink-700));border:1px solid var(--edge);box-shadow:0 30px 70px -22px #000000d9,0 0 0 1px #ffffff08 inset,0 0 90px -30px var(--gold-glow);transform-style:preserve-3d}.cover__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cover__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.5rem;text-align:center;padding:2rem}.cover--dim{opacity:.58;filter:saturate(.72)}.cover__sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,transparent 38%,rgba(255,235,190,.16) 48%,transparent 58%);mix-blend-mode:screen}.unlocked{display:grid;gap:clamp(2rem,5vw,3.5rem);grid-template-columns:1fr;width:100%;background:linear-gradient(165deg,#2c2056bd,#0e0a1ed1);border:1px solid var(--edge);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.75rem);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:0 30px 80px -34px #000000f2}.unlocked__aside{max-width:380px;width:100%;margin-inline:auto}@media (min-width: 900px){.unlocked{grid-template-columns:minmax(280px,400px) 1fr;align-items:start}.unlocked__aside{max-width:none;margin-inline:0;position:sticky;top:clamp(2rem,8vh,5rem)}}.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem .4rem .7rem;border-radius:999px;border:1px solid var(--edge-strong);background:#f5b94217;color:var(--gold-400);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.badge__dot{width:7px;height:7px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 10px 2px var(--gold-glow)}.badge--warn{border-color:#e2757a66;background:#e2757a1a;color:var(--rose)}.badge--warn .badge__dot{background:var(--rose);box-shadow:0 0 10px 2px #e2757a80}.tracks{list-style:none;margin:1.75rem 0 0;padding:0;border-top:1px solid var(--edge)}.track{display:flex;align-items:center;gap:clamp(.75rem,2.5vw,1.15rem);padding:.9rem .6rem;border-bottom:1px solid var(--edge);position:relative;border-radius:8px;transition:background .25s ease}.track:hover,.track:focus-within{background:#f5b9420d}.track__no{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--text-faint);width:1.6rem;flex:none;letter-spacing:.05em}.track__meta{flex:1;min-width:0}.track__title{font-size:clamp(1rem,3vw,1.125rem);font-weight:400;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track__time{font-size:.85rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.btn{--btn-bg: linear-gradient(170deg, var(--gold-400), var(--gold-500) 55%, var(--gold-600));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:inherit;font-weight:500;letter-spacing:.06em;border-radius:999px;background:var(--btn-bg);color:#2a1c02;padding:.85rem 1.6rem;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 8px 26px -10px var(--gold-glow);transition:transform .18s ease,box-shadow .25s ease,filter .2s ease;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 12px 34px -10px var(--gold-glow)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:default;filter:grayscale(.35) brightness(.8)}.btn--block{width:100%}.btn--ghost{background:transparent;color:var(--gold-400);border:1px solid var(--edge-strong);box-shadow:none}.btn--ghost:hover:not(:disabled){background:#f5b94214;box-shadow:none}.btn--icon{padding:.55rem;width:2.6rem;height:2.6rem;border-radius:50%;flex:none}.btn__spinner{width:15px;height:15px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:rp-spin .7s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}.countdown{margin:0;font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.9375rem;letter-spacing:.04em}.countdown strong{color:var(--gold-400);font-weight:500;font-size:1.0625rem;white-space:nowrap}.panel{background:linear-gradient(165deg,#281d50c2,#0f0b20cc);border:1px solid var(--edge);border-radius:var(--radius);padding:clamp(1.4rem,4vw,2.2rem);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);box-shadow:0 24px 60px -30px #000000e6}.panel--centered{max-width:560px;margin-inline:auto;text-align:center}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.gate{width:100%;display:grid;place-items:center;text-align:center}.gate__cover{width:min(248px,58vw);margin:0 auto clamp(1.4rem,4vw,2rem)}.gate__cover--hero{width:min(300px,68vw)}.gate__title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.55rem,6vw,2.4rem);line-height:1.15;margin:0;color:var(--cream)}.gate__body{color:var(--text-dim);max-width:44ch;margin:1rem auto 0}.gate__note{margin-top:1.6rem;font-size:.875rem;color:var(--text-dim);letter-spacing:.04em}.splash{display:grid;place-items:center;gap:1.5rem;text-align:center;width:100%}.splash__label{font-size:.74rem;letter-spacing:.4em;text-transform:uppercase;color:var(--text-faint)}.splash__bar{width:min(240px,60vw);height:2px;border-radius:2px;background:#a79bc729;overflow:hidden}.splash__bar span{display:block;height:100%;width:40%;border-radius:2px;background:linear-gradient(to right,transparent,var(--gold-500),transparent);animation:rp-sweep 1.15s ease-in-out infinite}@keyframes rp-sweep{0%{transform:translate(-110%)}to{transform:translate(360%)}}.toast{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;background:#120e26f0;border:1px solid var(--edge-strong);color:var(--text);padding:.8rem 1.25rem;border-radius:999px;font-size:.95rem;box-shadow:0 18px 40px -18px #000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 2.5rem);text-align:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}