:root{color-scheme:dark;--navy:#03071c;--pink:#e33b88;--orange:#f39b53;--gold:#f7d66d;--cyan:#69d7e5;--blue:#5075bd}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05050a;color:#f7f6fb}body{font-family:Manrope,'Avenir Next',sans-serif}.stage{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden}.arena{display:block;width:100%;height:100%;object-fit:cover}.stage-logo{position:absolute;width:clamp(180px,25vw,450px);height:auto;top:4%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 12px 20px #000a)}.shell{width:min(100%,1120px);margin:auto;padding:clamp(36px,5vw,72px) clamp(16px,4vw,48px) 32px}.message{width:min(100%,780px)}.eyebrow,.alternate{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;letter-spacing:.19em}.eyebrow{font-size:clamp(17px,1.6vw,27px)}h1{margin:.12em 0 0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(76px,7.5vw,144px);font-weight:800;line-height:.78;letter-spacing:-.025em}.alternate{margin-top:28px;padding-top:22px;font-size:clamp(15px,1.35vw,21px)}.alternate:before{content:'';display:block;width:76px;height:2px;margin-bottom:22px;background:#fff}.player-card{width:min(100%,700px);margin:clamp(30px,4vw,48px) 0 0;border:1px solid #70809a55;border-radius:18px;padding:18px;background:linear-gradient(145deg,#05080ef5,#0a0d16e8);box-shadow:0 28px 90px #000a}.now-playing{position:relative;padding:14px 16px;border:1px solid #ffffff1a;border-radius:12px;background:#0d111ab8;overflow:hidden}.now-playing:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--pink),var(--orange),var(--gold),var(--cyan),var(--blue))}.label{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.18em}.track-window{overflow:hidden}.track{margin:0;font-size:clamp(20px,2vw,30px);font-weight:800;line-height:1.16}.start-player{display:flex;align-items:center;gap:24px;width:max-content;max-width:100%;margin-top:15px;color:#fff;text-decoration:none}.play-tile{display:grid;place-items:center;flex:none;width:112px;height:112px;border:1px solid #7aabff7a;border-radius:18px;background:#03071c url('/assets/website-20260929/PLAYER-RIBBONS-ORIGINAL-512.png') center/cover}.play-circle{display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border:1px solid #fffb;border-radius:50%;background:#020616b8;box-shadow:0 6px 22px #0007}.start-text{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,5vw,58px);font-weight:800;line-height:1;letter-spacing:-.025em}.start-player:hover .start-text,.start-player:focus-visible .start-text{text-decoration:underline}.hitstream-invite{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin:clamp(30px,4vw,48px) 0 0;color:#fff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.hitstream-invite img{width:130px}.contact-link{display:block;width:max-content;max-width:100%;margin:28px 0 0;color:#fffb;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none}@media(max-width:900px){.shell{padding:32px 14px 28px}.message{text-align:center}.player-card{margin:28px auto 0}.hitstream-invite{justify-content:center;margin:26px auto 0}.contact-link{margin:22px auto 0;text-align:center}}@media(max-width:560px){.stage-logo{width:42%;top:2%}.eyebrow{font-size:clamp(11px,3.4vw,14px);letter-spacing:.13em}h1{font-size:clamp(38px,11vw,52px);line-height:.9;white-space:nowrap}.alternate{font-size:clamp(11px,3.25vw,14px);letter-spacing:.13em}.play-tile{width:92px;height:92px}.start-player{gap:14px}.start-text{font-size:clamp(28px,9vw,45px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:900px){.alternate{padding-top:0}.alternate:before{display:none}}
/* Stops sampled from the exact canonical full-primary SVG gradients. */
.now-playing:before{background:linear-gradient(#f90570,#fd1246,#fec805,#fcf70b,#1cf54d,#01e8f8,#1b72fa,#ab2afb)}
/* Exact canonical transparent logo over the enhanced, logo-free stage. */
.stage-logo{position:absolute;left:31%;top:19.45%;width:41.9%;height:28.7%;max-width:none;transform:none;object-fit:contain;filter:none}

/* The homepage identity uses the same assets and motion script as /player/. */
.stage-logo.identity{overflow:visible;background:transparent}
.stage-logo .identity-rest,.stage-logo .identity-motion{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.stage-logo .identity-motion{opacity:0}
.stage-logo.identity.motion-ready .identity-motion{opacity:1}
.stage-logo.identity.motion-ready .identity-rest{opacity:0}
.stage-logo .identity-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.stage-logo .identity-fallback{display:none}
.stage-logo.identity.fallback-ready .identity-fallback{display:block;opacity:1}
.stage-logo.identity.fallback-ready #identityCanvas{display:none}
@media(prefers-reduced-motion:reduce){.stage-logo .identity-motion{display:none!important}.stage-logo.identity .identity-rest{opacity:1!important}}

/* Fit the video artwork's alpha bounds to the former full-logo artwork box. */
.stage-logo.identity{left:28.1%;top:13.2%;width:48%;height:42%}
.stage-logo .identity-rest{inset:auto;left:6.35%;top:15.85%;width:87.3%;height:68.3%}
/* The homepage CTA opens the player page; show the approved tile as an image. */
.play-tile-image{display:block;flex:none;width:112px;height:112px;object-fit:cover;border-radius:18px}
@media(max-width:560px){.play-tile-image{width:92px;height:92px}}

/* Styled play mark on the approved ribbon artwork; the CTA remains a page link. */
.start-player .play-tile-art{position:relative;display:block;flex:none;width:112px;height:112px}
.start-player .play-tile-image{width:100%;height:100%}
.play-tile-symbol{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.play-tile-symbol:before{content:"";position:absolute;width:54px;height:54px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(3,7,28,.80);box-shadow:0 4px 18px rgba(0,0,0,.55),0 0 12px rgba(55,205,245,.28)}
.play-tile-symbol svg{position:relative;width:30px;height:30px;margin-left:3px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
@media(max-width:560px){.start-player .play-tile-art{width:92px;height:92px}.play-tile-symbol:before{width:46px;height:46px}.play-tile-symbol svg{width:26px;height:26px}}