@font-face{font-family:'Revamped';src:url(revamped.woff) format('woff');font-weight:100 900;font-style:normal;font-display:block;}

  @import url('https://fonts.googleapis.com/css2?family=Teko:wght@500;600;700&family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;600;700&family=Fraunces:ital,opsz@1,9..144&display=swap');

  :root{
    --bg:#0a0714;
    --bg-glow:#160f26;
    --card:#150e22;
    --card-border:#2c2140;
    --card-border-soft:#1f1730;
    --ink:#f4eefb;
    --ink-dim:#bcaed0;
    --ink-faint:#7c6d92;
    --purple:#9333ea;
    --purple-soft:#7e22ce;
    --purple-dim:#3b0764;
    --red:#f0616a;
    --orange:#f0a355;
  }

  *{box-sizing:border-box;}
  html,body{background:var(--bg);}
  body{
    margin:0;
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    color:var(--ink);
    background:
      radial-gradient(55% 45% at 85% 0%, rgba(147,51,234,0.14), transparent 60%),
      radial-gradient(45% 35% at 5% 15%, rgba(147,51,234,0.08), transparent 60%),
      var(--bg);
    min-height:100%;
  }

  .mono{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;}
  .display{font-family:'Revamped','Teko',sans-serif;font-weight:600;letter-spacing:.02em;}

  a{color:inherit;}

  /* ---- marquee ---- */
  .marquee{
    position:sticky;
    top:0;
    z-index:80;
    overflow:hidden;
    white-space:nowrap;
    border-top:1px solid var(--card-border-soft);
    border-bottom:1px solid var(--card-border-soft);
    background:#0d0818;
    padding:10px 0;
  }
  .marquee-track{
    display:inline-block;
    animation:scrollmarquee 46s linear infinite;
  }
  .marquee-track span{
    display:inline-block;
    font-family:'Revamped','Teko',sans-serif;font-weight:600;
    font-size:18px;
    letter-spacing:.14em;
    color:var(--purple);
    padding:0 22px;
  }
  .marquee-track span.dim{color:var(--ink-faint);}
  @keyframes scrollmarquee{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
  }

  /* ---- hero ---- */
  .hero{
    position:relative;
    min-height:78vh;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
  }
  .hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:42% 32%;
    filter:saturate(1.05);
  }
  .hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(0deg, rgba(10,7,20,0.98) 0%, rgba(10,7,20,0.55) 42%, rgba(10,7,20,0.15) 68%, rgba(10,7,20,0.55) 100%),
      linear-gradient(to left, rgba(10,7,20,0.62), transparent 55%);
  }
  .hero-inner{
    position:relative;
    z-index:1;
    width:100%;
    padding:0 24px 44px;
    max-width:1080px;
    margin:0 auto;
    text-align:right;
  }
  .hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--purple);
    margin-bottom:14px;
  }
  .hero-badge .dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--purple);
    box-shadow:0 0 12px 3px rgba(147,51,234,0.65);
  }
  h1.hero-name{
    font-family:'Revamped','Teko',sans-serif;font-weight:600;
    font-size:clamp(70.5px,14vw,185px);
    line-height:.86;
    margin:0 0 10px;
    text-transform:uppercase;
    letter-spacing:.01em;
    color:var(--ink);
    text-shadow:0 0 60px rgba(147,51,234,0.25);
  }
  .hero-name-tomb{
    color:var(--purple);
    text-shadow:0 0 40px rgba(147,51,234,0.65);
  }
  .hero-name-toolz{
    display:inline-block;
    font-size:1.14em;
  }
  .hero-role{
    font-family:'JetBrains Mono',monospace;
    font-size:15.5px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--purple-soft);
    margin-bottom:22px;
  }
  .hero-links-label{
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--purple-soft);
    opacity:.85;
    margin-bottom:10px;
  }
  .hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;}
  @media (max-width:640px){
    .hero-inner{text-align:center;}
    .hero-cta{justify-content:center;}
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:'Inter',sans-serif;
    font-weight:700;
    font-size:14.5px;
    padding:14px 22px;
    border-radius:10px;
    text-decoration:none;
    cursor:pointer;
    border:1px solid transparent;
    transition:box-shadow .25s ease, border-color .25s ease, background .25s ease;
  }
  .hero-cta .btn{font-size:16px;}
  .btn-icon{width:18px;height:18px;flex-shrink:0;}
  .btn-primary{
    background:var(--purple);
    color:#180a2b;
    box-shadow:0 0 30px -4px rgba(126,34,206,0.7);
  }
  .btn-primary:hover{background:var(--purple-soft);box-shadow:0 0 36px -2px rgba(126,34,206,0.85);}
  .btn-ghost{
    background:rgba(244,238,251,0.04);
    color:var(--ink);
    border-color:var(--card-border);
    backdrop-filter:blur(6px);
    box-shadow:0 0 16px -8px rgba(126,34,206,0.6);
  }
  .btn-ghost:hover{border-color:var(--purple-dim);box-shadow:0 0 24px -4px rgba(126,34,206,0.85);}

  .wrap{max-width:1080px;margin:0 auto;padding:0 24px 96px;}

  /* ---- stat bar ---- */
  .statbar{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid var(--card-border-soft);
    border-radius:18px;
    overflow:hidden;
    margin:40px 0 0;
  }
  .statbar-cell{
    padding:26px 18px;
    text-align:center;
    border-left:1px solid var(--card-border-soft);
  }
  .statbar-cell:first-child{border-left:none;}
  .statbar-num{
    font-family:'Revamped','Teko',sans-serif;font-weight:600;
    font-size:clamp(33px,5vw,48.5px);
    color:var(--purple);
    display:block;
    line-height:1;
  }
  .statbar-label{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ink-faint);
    margin-top:8px;
    display:block;
  }
  @media (max-width:560px){
    .statbar{grid-template-columns:1fr;}
    .statbar-cell{border-left:none;border-top:1px solid var(--card-border-soft);}
    .statbar-cell:first-child{border-top:none;}
  }

  /* ---- pull quote ---- */
  .pullquote{
    margin:56px 0;
    padding:8px 0;
    text-align:center;
  }
  .pullquote::before{
    content:"";
    display:block;
    width:56px;
    height:3px;
    background:var(--purple);
    margin:0 auto 20px;
  }
  .pullquote p{
    font-family:'Fraunces',serif;
    font-style:italic;
    font-size:clamp(22px,3vw,31px);
    line-height:1.4;
    color:var(--ink);
    margin:0;
  }
  .pullquote cite{
    display:block;
    margin-top:12px;
    font-style:normal;
    font-family:'JetBrains Mono',monospace;
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--purple-soft);
  }
  .pullquote-green::before{
    background:#96ef56;
  }
  .pullquote-green p{
    color:#96ef56;
    text-shadow:0 0 18px rgba(150,239,86,0.35);
  }
  .pullquote-green cite{
    color:#7fdc63;
  }

  .section-head{margin:0 0 22px;text-align:center;}
  .section-head h2{
    font-family:'Revamped','Teko',sans-serif;font-weight:600;
    font-size:clamp(30px,5vw,42px);
    letter-spacing:.02em;
    text-transform:uppercase;
    margin:0 0 4px;
    color:var(--ink);
  }
  .section-head .sub{
    font-family:'JetBrains Mono',monospace;
    font-size:11.5px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--ink-faint);
  }
  .section-head-keep{text-align:center;}
  .section-head-keep h2{font-size:clamp(33px,5vw,46px);}
  .section-head-keep .sub{font-size:12.5px;}
  .divider{height:1px;background:linear-gradient(90deg,var(--card-border),transparent);margin:52px 0;}


  /* ---- Platform 01 (new single) ---- */
  @keyframes p01Glow{
    0%,100%{box-shadow:0 0 34px -10px rgba(147,51,234,.6), 0 0 60px -20px rgba(240,163,85,.4);}
    50%{box-shadow:0 0 60px -4px rgba(147,51,234,.95), 0 0 100px -10px rgba(240,163,85,.75);}
  }
  @keyframes p01Rail{from{background-position:0 0;}to{background-position:64px 0;}}
  .p01{
    position:relative;overflow:hidden;
    border:1px solid var(--purple-dim);border-radius:22px;
    padding:30px 28px 28px;
    background:
      radial-gradient(90% 120% at 100% 0%, rgba(255,46,77,0.14), transparent 55%),
      radial-gradient(90% 120% at 0% 100%, rgba(220,20,60,0.18), transparent 55%),
      linear-gradient(160deg,var(--card),#0d0818);
    animation:p01Glow 2.8s ease-in-out infinite;
    text-align:center;
  }
  .p01-rail{
    position:absolute;left:0;right:0;top:0;height:6px;
    background:repeating-linear-gradient(90deg,#ff2e4d 0 32px,#180a2b 32px 64px);
    animation:p01Rail 1.4s linear infinite;opacity:.9;
  }
  .p01-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ff2e4d;margin:6px 0 8px;}
  .p01-title{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:clamp(56px,12vw,104px);line-height:.85;letter-spacing:.02em;text-transform:uppercase;margin:0;color:var(--ink);text-shadow:0 0 40px rgba(220,20,60,.45);}
  .p01-title span{color:var(--purple);text-shadow:0 0 34px rgba(220,20,60,.8);}
  .p01-meta{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin:12px 0 0;}
  .p01-meta b{color:#ff2e4d;font-weight:700;}
  .p01-way{display:inline-block;margin:18px 0 0;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,46,77,.55);background:rgba(255,46,77,.08);font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:clamp(24px,4.5vw,34px);letter-spacing:.14em;text-transform:uppercase;color:#ff2e4d;animation:exclusiveTextGlow 2.4s ease-in-out infinite;}
  .p01-quote{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:clamp(30px,5.6vw,50px);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);max-width:760px;margin:22px auto 0;text-shadow:0 0 30px rgba(220,20,60,.55);}
  .p01-quote em{font-style:normal;color:#ff2e4d;text-shadow:0 0 26px rgba(255,46,77,.6);}
  .p01-way{display:inline-flex;align-items:center;gap:12px;color:#ff5a6e;border-color:rgba(255,90,110,.6);background:rgba(220,20,60,.1);animation:p01LabelGlow 2.2s ease-in-out infinite;}
  @keyframes p01Bounce{0%,100%{transform:translateY(-3px);}50%{transform:translateY(5px);}}
  .p01-arrow{width:.8em;height:.8em;flex-shrink:0;animation:p01Bounce 1.1s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,90,110,.9));}
  @media (prefers-reduced-motion: reduce){.p01-arrow{animation:none;}}
  @keyframes p01CellGlow{0%,100%{box-shadow:0 0 18px -4px rgba(255,46,77,.7),inset 0 0 12px -6px rgba(255,46,77,.6);border-color:rgba(255,46,77,.55);}50%{box-shadow:0 0 34px 2px rgba(255,46,77,1),inset 0 0 18px -4px rgba(255,46,77,.9);border-color:rgba(255,46,77,.9);}}
  @keyframes p01Halo{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08);}}
  .p01-board{position:relative;isolation:isolate;}
  .p01-board::before{content:'';position:absolute;left:50%;top:50%;width:min(520px,110%);height:180%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,46,77,.5),rgba(255,46,77,.16) 60%,transparent);filter:blur(18px);animation:p01Halo 2.4s ease-in-out infinite;pointer-events:none;}
  .p01-board .p01-cell{animation:p01CellGlow 2.4s ease-in-out infinite;}
  .p01-board .p01-num{text-shadow:0 0 14px rgba(255,46,77,.7);}
  @media (prefers-reduced-motion: reduce){.p01-board::before,.p01-board .p01-cell{animation:none;}}
  .vip-p01{display:flex;align-items:center;gap:16px;padding:16px 18px;margin:0 0 14px;border:1px solid rgba(255,90,110,.7);border-radius:14px;background:linear-gradient(135deg,#4a0612 0%,#8a0f25 55%,#b0102f 100%);box-shadow:0 0 24px -6px rgba(220,20,60,.8);text-decoration:none;}
  .vip-p01 .vip-title{font-size:24px;}
  .vip-p01-copy{font-size:14px;line-height:1.55;color:var(--ink-dim);margin-top:6px;}
  .vip-p01-copy{color:#efe6fb !important;}
  .vip-p01-copy b{color:#ff2e4d;}
  .vip-p01 .vip-note{color:#d9c2ff;}
  .vip-p01-go{color:#ff2e4d !important;}
  .vip-p01-go{flex-shrink:0;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:20px;letter-spacing:.04em;color:#ff5a6e;white-space:nowrap;}
  @media (max-width:560px){.vip-p01{flex-wrap:wrap;}.vip-p01-go{width:100%;}}
  .p01-cta-label{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-top:24px;}
  .p01-cta{margin-top:12px !important;}
  .p01-cta .btn{font-size:15px;}
  @keyframes p01BtnGlow{0%,100%{box-shadow:0 0 14px -4px rgba(255,46,77,.7);border-color:rgba(255,46,77,.6);}50%{box-shadow:0 0 28px 2px rgba(255,46,77,1);border-color:rgba(255,46,77,.95);}}
  .p01-cta .btn{color:#ff2e4d;background:rgba(255,46,77,.08);border:1px solid rgba(255,46,77,.6);animation:p01BtnGlow 2.4s ease-in-out infinite;text-shadow:0 0 10px rgba(255,46,77,.5);}
  .p01-cta .btn:hover{background:rgba(255,46,77,.18);}
  .p01-cta .btn-primary{background:#ff2e4d;color:#180a2b;text-shadow:none;}
  .p01-cta .btn-primary:hover{background:#ff2e4d;}
  @media (prefers-reduced-motion: reduce){.p01-cta .btn{animation:none;}}
  .p01-copy{font-size:15.5px;line-height:1.65;color:var(--ink-dim);max-width:560px;margin:16px auto 0;}
  .p01-copy b{color:#ff5a6e;text-shadow:0 0 14px rgba(220,20,60,.55);}
  .p01-board{display:flex;justify-content:center;gap:10px;margin:10px 0 4px;flex-wrap:wrap;}
  .p01-cell{min-width:74px;padding:10px 8px 8px;border-radius:12px;background:#0a0714;border:1px solid var(--card-border);}
  .p01-num{display:block;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:40px;line-height:1;color:#ff2e4d;font-variant-numeric:tabular-nums;}
  .p01-lbl{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px;}
  @keyframes p01LabelGlow{0%,100%{text-shadow:0 0 10px rgba(255,90,110,.7),0 0 24px rgba(220,20,60,.6);}50%{text-shadow:0 0 22px rgba(255,90,110,1),0 0 50px rgba(220,20,60,1);}}
  .p01-board-label{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:clamp(26px,4.5vw,36px);letter-spacing:.18em;text-transform:uppercase;color:#ff5a6e;margin-top:24px;animation:p01LabelGlow 2.2s ease-in-out infinite;}
  .p01-out{display:none;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:34px;letter-spacing:.06em;color:#ff2e4d;margin-top:18px;}
  .p01.is-out .p01-board,.p01.is-out .p01-board-label{display:none;}
  .p01.is-out .p01-out{display:block;}
  .p01-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px;}
  .btn-presave[aria-disabled="true"]{background:rgba(240,163,85,0.08);color:var(--orange);border:1px dashed rgba(240,163,85,.6);box-shadow:none;cursor:default;}
  .btn-presave{background:var(--orange);color:#180a2b;}
  .p01-note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint);margin-top:14px;}
  @media (max-width:560px){
    .p01{padding:26px 18px 22px;}
    .p01-cell{min-width:64px;}
    .p01-num{font-size:34px;}
  }

  /* ---- Exclusive Bangerz (exclusives) ---- */
  @keyframes vipGlow{
    0%,100%{box-shadow:0 0 40px -10px rgba(147,51,234,0.4), 0 0 70px -16px rgba(255,106,0,0.3);}
    50%{box-shadow:0 0 80px -6px rgba(147,51,234,0.85), 0 0 130px -8px rgba(255,140,0,0.8);}
  }
  @keyframes fireRing{
    0%,100%{opacity:.55;background-position:0% 50%;}
    50%{opacity:.95;background-position:100% 50%;}
  }
  @keyframes exclusiveTextGlow{
    0%,100%{text-shadow:0 0 10px rgba(255,150,40,.6), 0 0 24px rgba(147,51,234,.5);}
    50%{text-shadow:0 0 26px rgba(255,150,40,1), 0 0 54px rgba(147,51,234,.9);}
  }
  .vip{
    position:relative;
    z-index:0;
    border:1px solid var(--purple-dim);
    border-radius:20px;
    padding:24px;
    background:
      radial-gradient(120% 140% at 0% 0%, rgba(147,51,234,0.14), transparent 55%),
      linear-gradient(160deg, var(--card), #0d0818);
    animation:vipGlow 2.6s ease-in-out infinite;
  }
  .vip::before{
    content:"";
    position:absolute;
    inset:-7px;
    z-index:-1;
    border-radius:24px;
    background:linear-gradient(120deg,#ff4d00,#ffb700,#ff2d78,#ffb700,#ff4d00);
    background-size:300% 300%;
    filter:blur(16px);
    animation:fireRing 3s ease-in-out infinite;
  }
  .exclusive-title{
    display:inline-block;
    animation:exclusiveTextGlow 2s ease-in-out infinite;
  }
  .vip-ribbon{
    overflow:hidden;
    white-space:nowrap;
    margin:-24px -24px 20px -24px;
    padding:8px 0;
    background:linear-gradient(90deg, var(--purple-dim), var(--purple), var(--purple-dim));
    border-radius:20px 20px 0 0;
  }
  .vip-ribbon-track{display:inline-block;animation:scrollmarquee 28s linear infinite;}
  .vip-ribbon-track span{
    display:inline-block;
    font-family:'JetBrains Mono',monospace;
    font-weight:700;
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#180a2b;
    padding:0 16px;
  }
  .vip-track{
    display:flex;
    align-items:center;
    gap:16px;
    padding:14px 4px;
    border-bottom:1px solid var(--card-border-soft);
  }
  .vip-track:last-child{border-bottom:none;}
  @keyframes spinDisc{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
  .vip-disc{
    width:46px;height:46px;flex-shrink:0;
    border-radius:50%;
    background:radial-gradient(circle at center, #0a0714 0 28%, var(--purple) 30% 34%, #0a0714 36% 100%);
    border:1px solid var(--purple-dim);
    animation:spinDisc 5s linear infinite;
  }
  .vip-info{flex:1;min-width:0;}
  .vip-title{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:19px;letter-spacing:.02em;color:var(--ink);}
  .vip-note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--purple-soft);letter-spacing:.06em;text-transform:uppercase;}
  .vip audio{width:100%;margin-top:8px;accent-color:var(--purple);height:34px;}

  @keyframes vipVideoGlow{
    0%,100%{box-shadow:0 0 26px -4px rgba(147,51,234,.6), 0 0 50px -10px rgba(147,51,234,.4);}
    50%{box-shadow:0 0 50px 2px rgba(147,51,234,1), 0 0 90px 6px rgba(147,51,234,.7);}
  }
  .vip-video-frame{
    position:relative;
    width:100%;
    margin-top:10px;
    border-radius:14px;
    padding:4px;
    background:linear-gradient(160deg, rgba(147,51,234,0.18), rgba(10,7,20,0.4));
    animation:vipVideoGlow 2.2s ease-in-out infinite;
  }
  .vip-video-embed{
    position:relative;
    width:100%;
    padding-top:56.25%;
    border-radius:12px;
    overflow:hidden;
    background:#0a0714;
  }
  .vip-video-embed iframe{
    position:absolute;inset:0;width:100%;height:100%;border:0;
  }
  .vip-track--video{padding-bottom:20px;margin-bottom:6px;border-bottom:1px solid var(--card-border-soft);}


  /* ---- discography (outbound cards, matches On Screen) ---- */
  .disco-grid{display:flex;flex-direction:column;gap:12px;}
  .disco-card{
    display:flex;
    align-items:center;
    gap:16px;
    text-decoration:none;
    background:linear-gradient(120deg, rgba(147,51,234,0.08), rgba(147,51,234,0.02));
    border:1px solid var(--card-border-soft);
    border-radius:16px;
    padding:18px 20px;
    box-shadow:0 0 16px -10px rgba(126,34,206,0.65);
    transition:box-shadow .25s ease, border-color .25s ease;
  }
  .disco-card:hover{border-color:var(--purple-dim);box-shadow:0 0 26px -4px rgba(126,34,206,0.9);}
  @keyframes discoGlow{
    0%,100%{box-shadow:0 0 30px -6px rgba(147,51,234,0.55);}
    50%{box-shadow:0 0 34px 4px rgba(147,51,234,0.95);}
  }
  .disco-thumb{
    width:52px;height:52px;
    flex-shrink:0;
    border-radius:12px;
    background:var(--purple);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 30px -6px rgba(147,51,234,0.55);
    animation:discoGlow 2.4s ease-in-out infinite;
  }
  .disco-card:nth-child(2n) .disco-thumb{animation-delay:1.2s;}
  .disco-body{flex:1;min-width:0;}
  .disco-title{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:19px;color:var(--ink);letter-spacing:.02em;}
  .disco-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint);margin-top:4px;}
  .disco-play{flex-shrink:0;font-weight:700;font-size:13px;color:var(--purple);white-space:nowrap;font-family:'Inter',sans-serif;transition:text-shadow .25s ease;animation:playGlow 2.4s ease-in-out infinite;}
  .disco-play:hover{text-shadow:0 0 32px rgba(126,34,206,1), 0 0 58px rgba(126,34,206,0.9) !important;}
  @keyframes playGlow{
    0%,100%{text-shadow:0 0 16px rgba(126,34,206,0.8), 0 0 32px rgba(126,34,206,0.5);}
    50%{text-shadow:0 0 26px rgba(126,34,206,1), 0 0 48px rgba(126,34,206,0.75);}
  }
  @media (max-width:560px){
    .disco-card{flex-wrap:wrap;}
    .disco-play{width:100%;}
  }
  .disco-card.disco-card--embed{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }
  .disco-body-row{
    display:flex;
    align-items:center;
    gap:16px;
  }
  @media (max-width:560px){
    .disco-body-row{flex-wrap:wrap;}
  }
  .disco-embed-wrap{
    border-radius:12px;
    overflow:hidden;
    line-height:0;
  }
  .disco-embed-wrap iframe{
    display:block;
    width:100%;
    border:0;
  }
  .sc-embed-label{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--ink-faint);
    margin:0 0 10px;
  }
  .sc-embed-wrap{
    border-radius:12px;
    overflow:hidden;
    line-height:0;
    border:1px solid var(--card-border-soft);
    margin:0 0 16px;
  }
  .sc-embed-wrap iframe{
    display:block;
    width:100%;
    border:0;
  }
  .sc-embed-note{
    font-size:12.5px;
    line-height:1.5;
    color:var(--ink-faint);
    max-width:560px;
    margin:10px 0 16px;
  }

  /* ---- on screen (videos list, outbound to YouTube) ---- */
  .screen-grid{display:flex;flex-direction:column;gap:12px;}
  .screen-card{
    display:flex;
    align-items:center;
    gap:16px;
    text-decoration:none;
    background:linear-gradient(120deg, rgba(147,51,234,0.08), rgba(147,51,234,0.02));
    border:1px solid var(--card-border-soft);
    border-radius:16px;
    padding:18px 20px;
    box-shadow:0 0 16px -10px rgba(126,34,206,0.65);
    transition:box-shadow .25s ease, border-color .25s ease;
  }
  .screen-card:hover{border-color:var(--purple-dim);box-shadow:0 0 26px -4px rgba(126,34,206,0.9);}
  @keyframes screenGlow{
    0%,100%{box-shadow:0 0 30px -6px rgba(240,97,106,0.55);}
    50%{box-shadow:0 0 34px 4px rgba(240,97,106,0.95);}
  }
  .screen-thumb{
    width:52px;height:52px;
    flex-shrink:0;
    border-radius:12px;
    background:var(--red);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 30px -6px rgba(240,97,106,0.55);
    animation:screenGlow 2.4s ease-in-out infinite;
  }
  .screen-card:nth-child(2n) .screen-thumb{animation-delay:.8s;}
  .screen-card:nth-child(3n) .screen-thumb{animation-delay:1.6s;}
  .screen-body{flex:1;min-width:0;}
  .screen-title{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:19px;color:var(--ink);letter-spacing:.02em;}
  .screen-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint);margin-top:4px;}
  @keyframes comingSoonGlow{
    0%,100%{box-shadow:0 0 10px -2px rgba(240,97,106,.65), 0 0 18px -4px rgba(255,140,0,.5);color:#ff8a5c;border-color:rgba(240,97,106,.5);}
    50%{box-shadow:0 0 24px 2px rgba(240,97,106,1), 0 0 38px 2px rgba(255,140,0,.9);color:#ffb199;border-color:rgba(255,140,0,.85);}
  }
  .coming-soon-tag{
    display:inline-block;
    margin-top:8px;
    padding:4px 11px;
    border-radius:999px;
    border:1px solid rgba(240,97,106,.5);
    background:rgba(240,97,106,.08);
    font-family:'JetBrains Mono',monospace;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
    animation:comingSoonGlow 2s ease-in-out infinite;
  }
  .screen-play{flex-shrink:0;font-weight:700;font-size:13px;color:var(--purple);white-space:nowrap;font-family:'Inter',sans-serif;transition:text-shadow .25s ease;animation:playGlow 2.4s ease-in-out infinite;}
  .screen-play:hover{text-shadow:0 0 32px rgba(126,34,206,1), 0 0 58px rgba(126,34,206,0.9) !important;}
  @media (max-width:560px){
    .screen-card{flex-wrap:wrap;}
    .screen-play{width:100%;}
  }
  .screen-card.screen-card--embed{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }
  .screen-body-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }
  .screen-embed-wrap{
    position:relative;
    width:100%;
    padding-bottom:56.25%;
    height:0;
    border-radius:12px;
    overflow:hidden;
    background:#0a0714;
  }
  .screen-embed-wrap iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
  }

  /* ---- merch banner ---- */
  .merch-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    flex-wrap:wrap;
    border:1px solid var(--orange);
    border-radius:22px;
    padding:38px 40px;
    background:linear-gradient(120deg, rgba(240,163,85,0.12), transparent 60%);
    text-decoration:none;
    box-shadow:0 0 18px -8px rgba(126,34,206,0.65);
    transition:box-shadow .25s ease;
  }
  .merch-banner:hover{box-shadow:0 0 28px -4px rgba(126,34,206,0.9);}
  .merch-banner .mtext{flex:1;min-width:220px;}
  .merch-banner .mtitle{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:36px;color:var(--ink);letter-spacing:.02em;}
  .merch-banner .msub{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--ink-faint);margin-top:6px;line-height:1.5;}
  .merch-banner .mcta{
    flex-shrink:0;
    font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:26px;color:#180a2b;white-space:nowrap;
    background:var(--orange);
    padding:15px 28px;
    border-radius:12px;
  }
  .merch-preview{
    display:flex;
    gap:12px;
    flex-shrink:0;
  }
  .merch-preview img{
    width:96px;height:96px;
    object-fit:cover;
    border-radius:14px;
    border:1px solid var(--card-border);
    background:#0a0714;
    transition:transform .25s ease, border-color .25s ease;
  }
  .merch-banner:hover .merch-preview img{border-color:var(--orange);}
  .merch-preview img:nth-child(1){transform:rotate(-4deg);}
  .merch-preview img:nth-child(2){transform:translateY(-6px) rotate(2deg);}
  .merch-preview img:nth-child(3){transform:rotate(-2deg);}
  .merch-preview img:nth-child(4){transform:translateY(-4px) rotate(3deg);}
  .merch-banner:hover .merch-preview img:nth-child(1){transform:rotate(-4deg) scale(1.06);}
  .merch-banner:hover .merch-preview img:nth-child(2){transform:translateY(-6px) rotate(2deg) scale(1.06);}
  .merch-banner:hover .merch-preview img:nth-child(3){transform:rotate(-2deg) scale(1.06);}
  .merch-banner:hover .merch-preview img:nth-child(4){transform:translateY(-4px) rotate(3deg) scale(1.06);}
  @media (max-width:640px){
    .merch-preview{order:-1;width:100%;justify-content:center;}
    .merch-preview img{width:78px;height:78px;}
  }
  @media (max-width:560px){
    .merch-banner{padding:28px 24px;}
    .merch-banner .mtitle{font-size:30px;}
  }

  /* ---- herbsyde hub banner ---- */
  @keyframes herbsydeGlow{
    0%,100%{box-shadow:0 0 30px -6px rgba(150,239,86,0.55);}
    50%{box-shadow:0 0 40px 4px rgba(150,239,86,0.9);}
  }
  .herbsyde-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    border:1px solid #96ef56;
    border-radius:18px;
    padding:26px 28px;
    background:linear-gradient(120deg, rgba(150,239,86,0.14), transparent 60%);
    text-decoration:none;
    animation:herbsydeGlow 2.6s ease-in-out infinite;
  }
  .herbsyde-banner .htext{flex:1;min-width:220px;}
  .herbsyde-banner .heyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#96ef56;
    margin-bottom:6px;
  }
  .herbsyde-banner .htitle{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:26px;color:var(--ink);letter-spacing:.02em;}
  .herbsyde-banner .hsub{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-faint);margin-top:6px;}
  .herbsyde-banner .hslogan{
    font-family:'Revamped','Teko',sans-serif;
    font-weight:600;
    font-size:15px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#7fdc63;
    margin-top:10px;
  }
  .herbsyde-banner .hcta{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:20px;color:#96ef56;white-space:nowrap;}
  @media (max-width:560px){
    .herbsyde-banner{padding:22px 20px;}
  }

  /* ---- email signup ---- */
  .email-signup{
    border:1px solid var(--card-border-soft);
    border-radius:18px;
    padding:34px 28px;
    background:linear-gradient(135deg, rgba(147,51,234,0.09), rgba(147,51,234,0.02));
    text-align:center;
  }
  .email-signup h3{
    font-family:'Revamped','Teko',sans-serif;
    font-weight:600;
    font-size:30px;
    color:var(--ink);
    letter-spacing:.02em;
    margin:0 0 8px;
  }
  .email-signup p{
    font-family:'Inter',sans-serif;
    font-size:14px;
    color:var(--ink-dim);
    max-width:440px;
    margin:0 auto 22px;
    line-height:1.6;
  }
  .email-form{
    display:flex;
    gap:10px;
    max-width:420px;
    margin:0 auto;
    flex-wrap:wrap;
    justify-content:center;
  }
  .email-form input[type="email"]{
    flex:1;
    min-width:200px;
    padding:14px 16px;
    border-radius:10px;
    border:1px solid var(--card-border);
    background:rgba(244,238,251,0.04);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    font-size:14.5px;
    outline:none;
  }
  .email-form input[type="email"]::placeholder{color:var(--ink-faint);}
  .email-form input[type="email"]:focus{border-color:var(--purple-dim);}
  .email-note{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--ink-faint);
    margin-top:16px;
  }
  .email-success{
    display:none;
    font-family:'Revamped','Teko',sans-serif;
    font-weight:600;
    font-size:22px;
    color:var(--purple);
    letter-spacing:.02em;
  }
  .email-signup.submitted .email-form,
  .email-signup.submitted .email-note{display:none;}
  .email-signup.submitted .email-success{display:block;}
  .email-error{
    display:none;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:var(--red);
    margin-top:12px;
  }
  .email-signup.error .email-error{display:block;}
  @media (max-width:560px){
    .email-signup{padding:26px 20px;}
    .email-form{flex-direction:column;}
  }

  /* ---- about ---- */
  .about{max-width:680px;margin:0 auto;text-align:center;}
  .about p{font-size:16.5px;line-height:1.7;color:var(--ink-dim);margin:0 0 14px;}
  .about b{color:var(--ink);}

  /* ---- mixtape era ---- */
  .tape-list{list-style:none;counter-reset:tape;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;}
  .tape-list li{
    counter-increment:tape;
    display:flex;
    align-items:baseline;
    gap:14px;
    padding:12px 16px;
    border:1px solid var(--purple-dim);
    border-radius:10px;
    background:rgba(147,51,234,0.05);
  }
  .tape-list li::before{content:counter(tape);flex-shrink:0;width:20px;font-size:12px;color:var(--purple-dim);font-family:'JetBrains Mono',monospace;}
  .tape-name{font-family:'Inter',sans-serif;font-weight:700;font-size:14px;color:var(--ink);flex-shrink:0;min-width:190px;}
  .tape-desc{font-size:12.5px;color:var(--ink-faint);line-height:1.5;}
  @media (max-width:600px){
    .tape-list li{flex-direction:column;gap:4px;}
    .tape-list li::before{display:none;}
  }

  footer.foot{margin-top:56px;font-size:13px;color:var(--ink-faint);text-align:center;}

  /* ---- scroll-gate (do not scroll bar) ---- */
  @keyframes gateGlow{
    0%,100%{box-shadow:0 0 30px -6px rgba(147,51,234,0.55);}
    50%{box-shadow:0 0 40px 4px rgba(147,51,234,0.95);}
  }
  @keyframes gateShake{
    0%,100%{transform:translate(calc(-50% + var(--shake,0px)*0.15), calc(var(--shake,0px)*-0.25));}
    12%{transform:translate(calc(-50% - var(--shake,0px)*0.9), calc(var(--shake,0px)*0.6));}
    24%{transform:translate(calc(-50% + var(--shake,0px)*0.75), calc(var(--shake,0px)*-0.85));}
    37%{transform:translate(calc(-50% - var(--shake,0px)*0.5), calc(var(--shake,0px)*0.9));}
    49%{transform:translate(calc(-50% + var(--shake,0px)*0.95), calc(var(--shake,0px)*0.3));}
    61%{transform:translate(calc(-50% - var(--shake,0px)*0.65), calc(var(--shake,0px)*-0.7));}
    73%{transform:translate(calc(-50% + var(--shake,0px)*0.4), calc(var(--shake,0px)*0.75));}
    86%{transform:translate(calc(-50% - var(--shake,0px)*0.85), calc(var(--shake,0px)*-0.45));}
  }
  @keyframes gateExplode{
    0%{transform:translate(-50%,0) scale(1);opacity:1;filter:blur(0);}
    25%{transform:translate(-50%,0) scale(1.3);opacity:1;filter:blur(0);}
    55%{transform:translate(-50%,0) scale(1.8);opacity:.7;filter:blur(1px);}
    100%{transform:translate(-50%,0) scale(2.6);opacity:0;filter:blur(4px);}
  }
  .scroll-gate{
    position:fixed;
    left:50%;
    bottom:18px;
    transform:translate(-50%,0);
    z-index:999;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    max-width:200px;
    padding:16px 20px;
    background:linear-gradient(135deg, var(--purple), var(--purple-soft));
    border:1px solid var(--purple-dim);
    border-radius:16px;
    box-shadow:0 10px 34px -10px rgba(0,0,0,0.65);
    --shake:0px;
    --shake-speed:.5s;
    animation:gateGlow 2.4s ease-in-out infinite, gateShake var(--shake-speed) linear infinite;
    cursor:default;
    opacity:0;
    pointer-events:none;
    transition:opacity .4s ease;
  }
  .scroll-gate.visible{
    opacity:1;
    pointer-events:auto;
  }
  .scroll-gate.exploding{
    animation:gateExplode .6s cubic-bezier(.2,.8,.4,1) forwards;
    pointer-events:none;
  }
  @media (prefers-reduced-motion: reduce){
    .scroll-gate{animation:gateGlow 2.4s ease-in-out infinite;}
    .scroll-gate-fire{animation:none;}
    .embers{display:none;}
  }
  .scroll-gate-fire{
    position:absolute;
    inset:-14px;
    border-radius:22px;
    pointer-events:none;
    z-index:-1;
    opacity:calc(var(--fire,0) * 0.5);
    background:
      radial-gradient(120% 140% at 50% 115%, rgba(255,70,0,0.7), rgba(255,170,0,0.35) 42%, transparent 70%);
    box-shadow:0 0 16px 4px rgba(255,90,0,0.55), 0 0 34px 8px rgba(255,140,0,0.3);
    filter:blur(2px);
    animation:fireFlicker .35s ease-in-out infinite alternate;
    transition:opacity .12s linear;
  }
  @keyframes fireFlicker{
    0%{transform:scale(1) translateY(0);filter:blur(2px) brightness(1);}
    100%{transform:scale(1.05) translateY(-2%);filter:blur(2.2px) brightness(1.15);}
  }

  /* ---- ambient embers drifting up off the pill ---- */
  .embers{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:15;
    opacity:var(--fire,0);
    transition:opacity .2s linear;
  }
  .ember{
    position:absolute;
    bottom:76px;
    border-radius:50%;
    background:radial-gradient(circle, #fff3c4 0%, #ff9c33 55%, rgba(255,90,0,0) 75%);
    box-shadow:0 0 6px rgba(255,140,0,.9), 0 0 12px rgba(255,80,0,.55);
    animation-name:emberRise;
    animation-timing-function:ease-out;
    animation-iteration-count:infinite;
  }
  .e1 {left:calc(50% - 58px);--dx:-22px; width:4px;height:4px; animation-duration:3.2s; animation-delay:0s;}
  .e2 {left:calc(50% - 40px);--dx:-8px;  width:5px;height:5px; animation-duration:3.6s; animation-delay:.45s;}
  .e3 {left:calc(50% - 22px);--dx:14px;  width:4px;height:4px; animation-duration:2.8s; animation-delay:.9s;}
  .e4 {left:calc(50% - 6px); --dx:-16px; width:6px;height:6px; animation-duration:3.9s; animation-delay:1.3s;}
  .e5 {left:calc(50% + 10px);--dx:20px;  width:4px;height:4px; animation-duration:3.1s; animation-delay:1.7s;}
  .e6 {left:calc(50% + 26px);--dx:-10px; width:5px;height:5px; animation-duration:3.5s; animation-delay:.2s;}
  .e7 {left:calc(50% + 42px);--dx:18px;  width:4px;height:4px; animation-duration:2.9s; animation-delay:2.1s;}
  .e8 {left:calc(50% + 58px);--dx:12px;  width:5px;height:5px; animation-duration:4.1s; animation-delay:1s;}
  .e9 {left:calc(50% - 74px);--dx:8px;   width:4px;height:4px; animation-duration:3.4s; animation-delay:2.5s;}
  .e10{left:calc(50% + 74px);--dx:-14px; width:5px;height:5px; animation-duration:3.7s; animation-delay:.7s;}
  .e11 {left:calc(50% + 39px);--dx:-25px; width:4.3px;height:4.3px; animation-duration:3.1s; animation-delay:2.06s;}
  .e12 {left:calc(50% + 49px);--dx:20px; width:3.8px;height:3.8px; animation-duration:3.4s; animation-delay:0.08s;}
  .e13 {left:calc(50% - 79px);--dx:0px; width:3.6px;height:3.6px; animation-duration:3.0s; animation-delay:1.82s;}
  .e14 {left:calc(50% + 13px);--dx:-15px; width:5.3px;height:5.3px; animation-duration:4.0s; animation-delay:0.02s;}
  .e15 {left:calc(50% + 86px);--dx:10px; width:4.5px;height:4.5px; animation-duration:2.9s; animation-delay:2.68s;}
  .e16 {left:calc(50% - 46px);--dx:-21px; width:3.8px;height:3.8px; animation-duration:4.1s; animation-delay:1.69s;}
  .e17 {left:calc(50% + 86px);--dx:12px; width:5.1px;height:5.1px; animation-duration:4.3s; animation-delay:1.06s;}
  .e18 {left:calc(50% + 15px);--dx:17px; width:5.4px;height:5.4px; animation-duration:4.1s; animation-delay:1.62s;}
  .e19 {left:calc(50% + 57px);--dx:-24px; width:4.2px;height:4.2px; animation-duration:3.2s; animation-delay:0.22s;}
  .e20 {left:calc(50% - 75px);--dx:-21px; width:4.3px;height:4.3px; animation-duration:3.7s; animation-delay:1.02s;}
  @keyframes emberRise{
    0%{transform:translate(0,0) scale(.5);opacity:0;}
    12%{opacity:1;}
    55%{transform:translate(calc(var(--dx) * .6), -140px) scale(1);opacity:.9;}
    100%{transform:translate(var(--dx), -320px) scale(.3);opacity:0;}
  }

  /* ---- the unlock moment: embers blow outward from the pill ---- */
  .burst{
    position:fixed;
    left:50%;
    bottom:76px;
    z-index:25;
    pointer-events:none;
  }
  .burst-ember{
    position:absolute;
    left:0;top:0;
    border-radius:50%;
    background:radial-gradient(circle, #fff8dd 0%, #ffb648 45%, #ff5b1f 75%, rgba(255,80,0,0) 85%);
    box-shadow:0 0 8px rgba(255,140,0,.95), 0 0 16px rgba(255,70,0,.7);
    opacity:0;
    transform:translate(0,0) scale(.4);
  }
  .burst.go .burst-ember{
    animation-name:emberBurst;
    animation-timing-function:cubic-bezier(.15,.7,.3,1);
    animation-fill-mode:forwards;
  }
  @keyframes emberBurst{
    0%{transform:translate(0,0) scale(.5);opacity:1;}
    70%{opacity:1;}
    100%{transform:translate(var(--bx), var(--by)) scale(.2);opacity:0;}
  }
  .burst-1{--bx:116.0px;--by:-1.2px;width:5.7px;height:5.7px;animation-delay:0.04s;animation-duration:0.70s;}
  .burst-2{--bx:77.9px;--by:9.1px;width:4.3px;height:4.3px;animation-delay:0.05s;animation-duration:0.82s;}
  .burst-3{--bx:89.8px;--by:10.0px;width:2.8px;height:2.8px;animation-delay:0.06s;animation-duration:0.78s;}
  .burst-4{--bx:155.1px;--by:31.2px;width:5.9px;height:5.9px;animation-delay:0.05s;animation-duration:0.75s;}
  .burst-5{--bx:58.4px;--by:19.4px;width:4.3px;height:4.3px;animation-delay:0.00s;animation-duration:0.58s;}
  .burst-6{--bx:57.1px;--by:26.7px;width:4.1px;height:4.1px;animation-delay:0.04s;animation-duration:0.84s;}
  .burst-7{--bx:102.8px;--by:69.3px;width:4.2px;height:4.2px;animation-delay:0.05s;animation-duration:0.68s;}
  .burst-8{--bx:128.1px;--by:95.5px;width:6.0px;height:6.0px;animation-delay:0.07s;animation-duration:0.78s;}
  .burst-9{--bx:60.9px;--by:56.4px;width:3.5px;height:3.5px;animation-delay:0.01s;animation-duration:0.81s;}
  .burst-10{--bx:94.1px;--by:109.9px;width:3.9px;height:3.9px;animation-delay:0.08s;animation-duration:0.84s;}
  .burst-11{--bx:51.8px;--by:62.3px;width:5.7px;height:5.7px;animation-delay:0.04s;animation-duration:0.89s;}
  .burst-12{--bx:33.0px;--by:58.7px;width:4.7px;height:4.7px;animation-delay:0.06s;animation-duration:0.61s;}
  .burst-13{--bx:43.0px;--by:82.8px;width:5.9px;height:5.9px;animation-delay:0.06s;animation-duration:0.55s;}
  .burst-14{--bx:23.9px;--by:65.9px;width:2.7px;height:2.7px;animation-delay:0.06s;animation-duration:0.57s;}
  .burst-15{--bx:19.2px;--by:103.0px;width:3.2px;height:3.2px;animation-delay:0.06s;animation-duration:0.55s;}
  .burst-16{--bx:4.9px;--by:71.5px;width:4.0px;height:4.0px;animation-delay:0.02s;animation-duration:0.61s;}
  .burst-17{--bx:-13.8px;--by:139.7px;width:3.6px;height:3.6px;animation-delay:0.07s;animation-duration:0.58s;}
  .burst-18{--bx:-11.0px;--by:145.0px;width:4.7px;height:4.7px;animation-delay:0.01s;animation-duration:0.90s;}
  .burst-19{--bx:-11.7px;--by:85.0px;width:5.2px;height:5.2px;animation-delay:0.03s;animation-duration:0.62s;}
  .burst-20{--bx:-14.1px;--by:67.6px;width:4.5px;height:4.5px;animation-delay:0.02s;animation-duration:0.74s;}
  .burst-21{--bx:-37.7px;--by:98.4px;width:5.9px;height:5.9px;animation-delay:0.04s;animation-duration:0.73s;}
  .burst-22{--bx:-42.1px;--by:66.0px;width:3.0px;height:3.0px;animation-delay:0.07s;animation-duration:0.83s;}
  .burst-23{--bx:-40.4px;--by:67.9px;width:5.1px;height:5.1px;animation-delay:0.08s;animation-duration:0.58s;}
  .burst-24{--bx:-104.4px;--by:105.2px;width:4.6px;height:4.6px;animation-delay:0.03s;animation-duration:0.54s;}
  .burst-25{--bx:-99.3px;--by:120.6px;width:3.3px;height:3.3px;animation-delay:0.06s;animation-duration:0.60s;}
  .burst-26{--bx:-97.4px;--by:69.5px;width:3.5px;height:3.5px;animation-delay:0.01s;animation-duration:0.79s;}
  .burst-27{--bx:-64.4px;--by:52.0px;width:4.5px;height:4.5px;animation-delay:0.07s;animation-duration:0.75s;}
  .burst-28{--bx:-130.4px;--by:77.6px;width:3.2px;height:3.2px;animation-delay:0.00s;animation-duration:0.61s;}
  .burst-29{--bx:-60.7px;--by:26.0px;width:3.1px;height:3.1px;animation-delay:0.03s;animation-duration:0.73s;}
  .burst-30{--bx:-89.6px;--by:34.9px;width:5.6px;height:5.6px;animation-delay:0.08s;animation-duration:0.76s;}
  .burst-31{--bx:-117.0px;--by:18.4px;width:3.0px;height:3.0px;animation-delay:0.00s;animation-duration:0.51s;}
  .burst-32{--bx:-130.1px;--by:1.6px;width:5.9px;height:5.9px;animation-delay:0.00s;animation-duration:0.75s;}
  .burst-33{--bx:-133.0px;--by:0.5px;width:3.6px;height:3.6px;animation-delay:0.08s;animation-duration:0.53s;}
  .burst-34{--bx:-132.9px;--by:-14.4px;width:5.7px;height:5.7px;animation-delay:0.06s;animation-duration:0.78s;}
  .burst-35{--bx:-146.5px;--by:-38.6px;width:3.7px;height:3.7px;animation-delay:0.05s;animation-duration:0.86s;}
  .burst-36{--bx:-94.7px;--by:-37.0px;width:5.3px;height:5.3px;animation-delay:0.07s;animation-duration:0.73s;}
  .burst-37{--bx:-89.7px;--by:-40.0px;width:4.5px;height:4.5px;animation-delay:0.05s;animation-duration:0.53s;}
  .burst-38{--bx:-138.3px;--by:-79.2px;width:5.6px;height:5.6px;animation-delay:0.06s;animation-duration:0.66s;}
  .burst-39{--bx:-94.8px;--by:-70.4px;width:4.0px;height:4.0px;animation-delay:0.07s;animation-duration:0.53s;}
  .burst-40{--bx:-46.5px;--by:-42.4px;width:4.6px;height:4.6px;animation-delay:0.04s;animation-duration:0.59s;}
  .burst-41{--bx:-74.3px;--by:-80.7px;width:4.7px;height:4.7px;animation-delay:0.07s;animation-duration:0.60s;}
  .burst-42{--bx:-64.0px;--by:-63.4px;width:4.9px;height:4.9px;animation-delay:0.02s;animation-duration:0.57s;}
  .burst-43{--bx:-60.9px;--by:-110.3px;width:4.0px;height:4.0px;animation-delay:0.07s;animation-duration:0.63s;}
  .burst-44{--bx:-35.2px;--by:-71.7px;width:4.0px;height:4.0px;animation-delay:0.06s;animation-duration:0.87s;}
  .burst-45{--bx:-30.3px;--by:-93.7px;width:4.5px;height:4.5px;animation-delay:0.03s;animation-duration:0.55s;}
  .burst-46{--bx:-41.8px;--by:-137.5px;width:5.5px;height:5.5px;animation-delay:0.06s;animation-duration:0.88s;}
  .burst-47{--bx:-18.5px;--by:-74.7px;width:4.1px;height:4.1px;animation-delay:0.02s;animation-duration:0.59s;}
  .burst-48{--bx:-14.2px;--by:-121.7px;width:4.2px;height:4.2px;animation-delay:0.03s;animation-duration:0.84s;}
  .burst-49{--bx:10.6px;--by:-104.7px;width:2.8px;height:2.8px;animation-delay:0.00s;animation-duration:0.85s;}
  .burst-50{--bx:0.3px;--by:-130.9px;width:4.5px;height:4.5px;animation-delay:0.02s;animation-duration:0.82s;}
  .burst-51{--bx:7.0px;--by:-73.3px;width:4.1px;height:4.1px;animation-delay:0.00s;animation-duration:0.83s;}
  .burst-52{--bx:17.6px;--by:-72.0px;width:2.7px;height:2.7px;animation-delay:0.05s;animation-duration:0.68s;}
  .burst-53{--bx:51.2px;--by:-114.6px;width:5.3px;height:5.3px;animation-delay:0.08s;animation-duration:0.77s;}
  .burst-54{--bx:44.6px;--by:-97.8px;width:3.1px;height:3.1px;animation-delay:0.00s;animation-duration:0.69s;}
  .burst-55{--bx:46.1px;--by:-62.8px;width:3.5px;height:3.5px;animation-delay:0.03s;animation-duration:0.78s;}
  .burst-56{--bx:77.4px;--by:-93.5px;width:5.1px;height:5.1px;animation-delay:0.03s;animation-duration:0.82s;}
  .burst-57{--bx:52.5px;--by:-44.3px;width:5.8px;height:5.8px;animation-delay:0.06s;animation-duration:0.55s;}
  .burst-58{--bx:94.0px;--by:-78.7px;width:5.7px;height:5.7px;animation-delay:0.03s;animation-duration:0.73s;}
  .burst-59{--bx:121.9px;--by:-68.1px;width:5.8px;height:5.8px;animation-delay:0.04s;animation-duration:0.76s;}
  .burst-60{--bx:112.5px;--by:-69.4px;width:5.4px;height:5.4px;animation-delay:0.05s;animation-duration:0.79s;}
  .burst-61{--bx:134.9px;--by:-65.6px;width:5.9px;height:5.9px;animation-delay:0.08s;animation-duration:0.71s;}
  .burst-62{--bx:89.5px;--by:-21.3px;width:5.7px;height:5.7px;animation-delay:0.07s;animation-duration:0.64s;}
  .burst-63{--bx:99.9px;--by:-29.1px;width:4.4px;height:4.4px;animation-delay:0.06s;animation-duration:0.69s;}
  .burst-64{--bx:138.2px;--by:-27.6px;width:2.7px;height:2.7px;animation-delay:0.06s;animation-duration:0.57s;}
  .scroll-gate-text{
    font-family:'Revamped','Teko',sans-serif;
    font-weight:600;
    font-size:21px;
    line-height:1.05;
    letter-spacing:.04em;
    color:#180a2b;
    text-transform:uppercase;
    text-align:center;
  }
  @media (max-width:480px){
    .scroll-gate{bottom:12px;padding:13px 16px;max-width:160px;}
    .scroll-gate-text{font-size:18px;}
  }



  @keyframes gateGlowYellow{
    0%,100%{box-shadow:0 0 22px -4px rgba(255,212,0,.75),0 0 40px -12px rgba(240,163,85,.6);}
    50%{box-shadow:0 0 40px 4px rgba(255,212,0,1),0 0 70px 0 rgba(240,163,85,.85);}
  }
  .scroll-gate{background:linear-gradient(135deg,#ffd400,#f0a355);border-color:rgba(255,226,120,.95);}
  .scroll-gate:not(.exploding){animation:gateGlowYellow 2s ease-in-out infinite;}
  .scroll-gate-fire{display:none;}
  .scroll-gate-text{color:#180a2b;}
  @keyframes mqGlow{0%,100%{text-shadow:0 0 8px rgba(255,90,110,.7),0 0 18px rgba(255,46,77,.5);}50%{text-shadow:0 0 16px rgba(255,90,110,1),0 0 34px rgba(255,46,77,.9);}}
  .marquee-track span.mq-p01{color:#ff5a6e;animation:mqGlow 2s ease-in-out infinite;}
  .p01-cell{min-width:104px;padding:14px 10px 10px;border-radius:16px;}
  .p01-num{font-size:62px;}
  .p01-lbl{font-size:12px;margin-top:6px;}
  .p01-board{gap:14px;}
  @media (max-width:560px){.p01-cell{min-width:0;width:68px;padding:10px 4px 8px;}.p01-num{font-size:42px;}.p01-lbl{font-size:9.5px;letter-spacing:.1em;}.p01-board{gap:6px;flex-wrap:nowrap;}}
  .p01-title{font-size:clamp(40px,10.5vw,92px);}
  .p01-num{font-family:'Teko',sans-serif;}
  h1.hero-name{font-size:clamp(58px,11.5vw,150px);}
  @media (max-width:560px){.arcade{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0!important;border-left:0!important;border-right:0!important;padding:12px 0!important;}.arc-stage{border-radius:0!important;border-left:0!important;border-right:0!important;}.arc-hud,.arc-help,.lb{margin-left:12px;margin-right:12px;}.arc-stage canvas{width:125%!important;margin-left:-5%;}}
  #platform01,.p01,.vip-p01,#arcade,.arcade{--purple:#dc143c;--purple-soft:#b0102f;--purple-dim:#4a0612;}
  /* ---- vip lock (unlocks once user reaches bottom of page) ---- */
  .vip-tracks{position:relative;}
  .vip-tracks.locked .vip-track{
    filter:blur(7px);
    opacity:.45;
    pointer-events:none;
    user-select:none;
    transition:filter .5s ease, opacity .5s ease;
  }
  .vip-track{transition:filter .5s ease, opacity .5s ease;}
  .vip-lock-overlay{
    position:absolute;
    inset:0;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
    padding:16px;
    z-index:2;
  }
  .vip-tracks.locked .vip-lock-overlay{display:flex;}
  .vip-lock-icon{font-size:26px;margin-bottom:2px;}
  .vip-lock-text{
    font-family:'Revamped','Teko',sans-serif;
    font-weight:600;
    font-size:22px;
    letter-spacing:.05em;
    color:var(--ink);
    text-transform:uppercase;
  }
  .vip-lock-sub{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    letter-spacing:.04em;
    color:var(--purple-soft);
    text-transform:uppercase;
    max-width:260px;
    line-height:1.5;
  }

  /* ---- the plan ---- */
  .plan{max-width:680px;margin:0 auto;}
  .plan p{font-size:16.5px;line-height:1.7;color:var(--ink-dim);margin:0 0 14px;text-align:center;}
  .plan b{color:var(--ink);}
  .plan-steps{list-style:none;margin:22px 0 22px;padding:0;display:flex;flex-direction:column;gap:10px;}
  .plan-steps li{
    display:flex;gap:14px;align-items:flex-start;
    padding:14px 16px;
    border:1px solid var(--purple-dim);
    border-radius:12px;
    background:rgba(147,51,234,0.05);
    font-size:15px;line-height:1.6;color:var(--ink-dim);
  }
  .plan-num{
    flex-shrink:0;
    font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:15px;letter-spacing:.08em;
    color:#180a2b;background:var(--purple);
    border-radius:8px;padding:3px 9px;line-height:1.2;margin-top:2px;
    text-transform:uppercase;white-space:nowrap;
  }
  .plan-step-title{display:block;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:20px;letter-spacing:.03em;color:var(--ink);line-height:1.2;margin-bottom:2px;}
  .plan-sign{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:24px;letter-spacing:.06em;color:var(--purple);text-align:center;margin-top:18px;}

  /* ---- side index ---- */
  #top,#platform01,#exclusiveSection,#discography,#visualz,#arcade,#merch,#about,#thePlan,#theName,#mixtapeEra{scroll-margin-top:72px;}
  .side-index{
    position:fixed;right:14px;top:50%;transform:translateY(-50%);
    z-index:90;
    display:flex;flex-direction:column;align-items:flex-end;gap:4px;
    padding:12px 10px;border-radius:16px;
    background:rgba(13,8,24,0.55);
    border:1px solid var(--card-border-soft);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    transition:background .25s ease, box-shadow .25s ease;
  }
  .side-index-title{
    font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.2em;
    color:var(--purple);text-transform:uppercase;margin:0 2px 6px 0;
  }
  .side-index a{
    display:flex;align-items:center;justify-content:flex-end;gap:10px;
    text-decoration:none;padding:4px 2px;border-radius:8px;
    font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:17px;letter-spacing:.05em;text-transform:uppercase;
    color:var(--ink-dim);
  }
  .si-label{
    max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
    transition:max-width .3s ease, opacity .25s ease, color .2s ease;
  }
  .si-dot{
    width:10px;height:10px;border-radius:50%;flex-shrink:0;
    border:1.5px solid var(--purple);background:transparent;
    transition:background .2s ease, box-shadow .2s ease, transform .2s ease;
  }
  .side-index a:hover .si-dot{background:var(--purple-soft);}
  .side-index a.active .si-dot{background:var(--purple);transform:scale(1.35);box-shadow:0 0 12px 2px rgba(147,51,234,0.8);}
  .side-index a.active .si-label{color:var(--ink);}
  .side-index:hover,.side-index:focus-within{background:rgba(13,8,24,0.94);box-shadow:0 0 30px -6px rgba(147,51,234,0.7);}
  .side-index:hover .si-label,.side-index:focus-within .si-label{max-width:200px;opacity:1;}
  .side-index a:hover .si-label{color:var(--purple);}
  @media (min-width:1400px){
    .si-label{max-width:200px;opacity:.85;}
  }
  .si-toggle{display:none;}
  @media (max-width:760px){
    .side-index{
      top:auto;bottom:84px;right:12px;transform:none;
      opacity:0;pointer-events:none;
      transition:opacity .2s ease;
      background:rgba(13,8,24,0.96);
      box-shadow:0 0 30px -6px rgba(147,51,234,0.7);
      padding:14px 14px;
    }
    .side-index.open{opacity:1;pointer-events:auto;}
    .side-index .si-label{max-width:220px;opacity:1;}
    .side-index a{font-size:19px;padding:6px 2px;}
    .si-toggle{
      display:flex;align-items:center;gap:6px;
      position:fixed;right:12px;bottom:24px;z-index:91;
      padding:11px 14px;border-radius:999px;cursor:pointer;
      font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:18px;letter-spacing:.08em;
      color:#180a2b;background:var(--purple);border:none;
      box-shadow:0 0 22px -4px rgba(147,51,234,0.9);
    }
  }
  @media (max-width:480px){ .si-toggle{bottom:84px;} .side-index{bottom:140px;} }

  /* ---- hero: split poster layout (TOMB hourglass artwork) ---- */
  .hero{align-items:center;}
  .hero-bg{left:auto;right:0;width:62%;object-position:50% 40%;}
  .hero::after{background:
      linear-gradient(90deg,var(--bg) 0%,var(--bg) 38%,rgba(10,7,20,.75) 51%,rgba(10,7,20,0) 72%),
      linear-gradient(0deg,var(--bg) 0%,rgba(10,7,20,0) 25%);}
  .hero-inner{text-align:left;padding:48px 24px 48px 48px;}
  .hero-inner > *{max-width:620px;}
  .hero-cta{justify-content:flex-start;}
  @media (max-width:700px){
    .hero{display:block;min-height:0;}
    .hero-bg{position:relative;display:block;width:100%;height:92vw;object-position:50% 0;}
    .hero::after{display:none;}
    .hero-bg{-webkit-mask-image:linear-gradient(to bottom,#000 50%,transparent 100%);mask-image:linear-gradient(to bottom,#000 50%,transparent 100%);}
    .hero-inner{margin-top:-90px;padding:0 20px 30px;text-align:center;}
    .hero-inner > *{max-width:none;}
    .hero-cta{justify-content:center;}
  }
  .arcade{border:1px solid var(--purple-dim);border-radius:22px;padding:18px;background:radial-gradient(120% 120% at 0% 0%,rgba(220,20,60,.16),transparent 60%),linear-gradient(160deg,var(--card),#0d0818);box-shadow:0 0 34px -12px rgba(220,20,60,.8);}
  .arc-hud{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;}
  .arc-hud b{font-family:'Teko',sans-serif;font-size:24px;color:#ffd400;letter-spacing:.04em;margin-left:6px;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,212,0,.5);}
  .arc-stage{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--card-border);background:#0a0714;touch-action:manipulation;user-select:none;-webkit-user-select:none;}
  .arc-stage canvas{display:block;width:100%;height:auto;}
  .arc-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;background:rgba(10,7,20,.7);}
  @keyframes p02Glow{0%,100%{color:#ff5a6e;text-shadow:0 0 10px rgba(255,90,110,.95),0 0 26px rgba(220,20,60,.9),0 0 44px rgba(220,20,60,.7);}50%{color:#ffb3bd;text-shadow:0 0 12px rgba(255,90,110,1),0 0 30px rgba(255,90,110,.9),0 0 50px rgba(255,90,110,.6);}}
  .arc-ov-title.p02-glow{animation:p02Glow 1.2s ease-in-out infinite;}
  .p02-sub{display:inline-block;animation:p02Glow 1.2s ease-in-out infinite;animation-delay:.6s;}
  .arc-overlay[hidden],.arc-submit[hidden],.arc-toast[hidden]{display:none!important;}
  .arc-toast{position:absolute;left:50%;top:62px;transform:translateX(-50%);z-index:4;font-family:'Teko',sans-serif;font-weight:600;font-size:clamp(22px,4vw,32px);letter-spacing:.06em;text-transform:uppercase;padding:8px 20px 5px;border-radius:999px;background:#ffd400;color:#180a2b;box-shadow:0 0 30px rgba(255,212,0,.9);pointer-events:none;white-space:nowrap;}
  .arc-ov-title{font-family:'Teko',sans-serif;font-weight:600;font-size:clamp(28px,6vw,48px);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#ff5a6e;text-shadow:0 0 22px rgba(220,20,60,.9);}
  .arc-ov-sub{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--ink-dim);max-width:440px;line-height:1.6;}
  .arc-ov-sub b{color:#ffd400;}
  .arc-btn{font-family:'Teko',sans-serif;font-weight:600;font-size:24px;letter-spacing:.08em;text-transform:uppercase;padding:9px 28px 6px;border-radius:12px;border:0;background:#ffd400;color:#180a2b;cursor:pointer;box-shadow:0 0 24px -4px rgba(255,212,0,.9);}
  .arc-btn:focus-visible,.arc-mute:focus-visible,.arc-input:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
  .arc-mute{position:absolute;top:10px;right:10px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border-radius:10px;border:1px solid rgba(244,238,251,.25);background:rgba(10,7,20,.6);color:var(--ink);cursor:pointer;}
  .arc-mute[aria-pressed="true"]{color:var(--ink-faint);}
  .arc-help{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint);text-align:center;margin-top:10px;line-height:1.6;}
  .arc-submit{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;}
  .arc-submit-label{font-family:'Teko',sans-serif;font-weight:600;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:#ffd400;}
  .arc-submit-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
  .arc-input{font-family:'Teko',sans-serif;font-weight:600;font-size:22px;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 5px;border-radius:10px;border:1px solid #ff5a6e;background:rgba(10,7,20,.85);color:var(--ink);width:210px;max-width:60vw;}
  .arc-msg{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--ink-dim);min-height:1em;}
  .lb{margin-top:16px;border:1px solid rgba(255,212,0,.45);border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,rgba(255,212,0,.07),rgba(220,20,60,.08));box-shadow:0 0 24px -10px rgba(255,212,0,.7);}
  .lb-title{font-family:'Teko',sans-serif;font-weight:600;font-size:30px;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#ffd400;text-shadow:0 0 16px rgba(255,212,0,.55);margin:0 0 8px;}
  .lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
  .lb-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(10,7,20,.55);border:1px solid var(--card-border);}
  .lb-medal{font-size:24px;line-height:1;width:30px;text-align:center;}
  .lb-name{flex:1;min-width:0;font-family:'Teko',sans-serif;font-weight:600;font-size:24px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lb-nm{display:block;overflow:hidden;text-overflow:ellipsis;}
  .lb-tag{display:block;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#ffd400;text-shadow:0 0 10px rgba(255,212,0,.6);white-space:normal;line-height:1.3;margin-top:2px;}
  .lb-score{font-family:'Teko',sans-serif;font-weight:600;font-size:24px;color:#ff5a6e;font-variant-numeric:tabular-nums;}
  .lb-row.empty .lb-name{color:var(--ink-faint);}
  .lb-note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-faint);text-align:center;margin-top:8px;}
  @media (max-width:560px){.arcade{padding:12px;}}
  @media (max-width:560px){.arc-overlay{gap:3px;padding:6px 10px;}.arc-ov-title{font-size:22px;}.arc-ov-sub{font-size:9.5px;line-height:1.35;max-width:320px;}.arc-btn{font-size:17px;padding:6px 18px 3px;}.arc-submit-label{font-size:15px;}.arc-input{font-size:16px;padding:5px 8px 3px;width:150px;}.arc-submit{gap:4px;margin-top:0;}.arc-mute{top:auto;bottom:6px;right:6px;padding:4px 7px;font-size:10px;}.arc-ov-title{max-width:300px;}}

@keyframes p01YGlow{0%,100%{text-shadow:0 0 10px rgba(255,212,0,.7),0 0 22px rgba(255,212,0,.45);}50%{text-shadow:0 0 20px rgba(255,212,0,1),0 0 44px rgba(255,212,0,.75);}}
.p01-board-label{color:#ffd400!important;animation:p01YGlow 2.2s ease-in-out infinite!important;}
.p01-way{color:#ffd400!important;border-color:rgba(255,212,0,.6)!important;background:rgba(255,212,0,.07)!important;animation:p01YGlow 2.2s ease-in-out infinite!important;}
.p01-arrow{filter:drop-shadow(0 0 8px rgba(255,212,0,.9))!important;}
@keyframes p01BtnSoft{0%,100%{box-shadow:0 0 6px -4px rgba(255,46,77,.45);}50%{box-shadow:0 0 12px -4px rgba(255,46,77,.65);}}
.p01-cta .btn{animation:p01BtnSoft 3s ease-in-out infinite!important;text-shadow:none!important;}
.p01-rail{background-image:repeating-linear-gradient(90deg,#ffd400 0 32px,#180a2b 32px 64px)!important;animation:p01Rail 1.4s linear infinite!important;opacity:1!important;box-shadow:0 0 12px rgba(255,212,0,.55);}.p01-rail-b{top:auto!important;bottom:0;}.p01{padding-bottom:34px!important;}
@keyframes p01YBorder{0%,100%{box-shadow:0 0 18px 0 rgba(255,212,0,.55),inset 0 0 14px -6px rgba(255,212,0,.5);}50%{box-shadow:0 0 34px 4px rgba(255,212,0,.9),inset 0 0 22px -6px rgba(255,212,0,.8);}}.p01{border:2px solid rgba(255,212,0,.85)!important;animation:p01YBorder 2.6s ease-in-out infinite!important;}
@keyframes arcRedGlow{0%,100%{box-shadow:0 0 18px 0 rgba(220,20,60,.55),inset 0 0 14px -6px rgba(220,20,60,.5);}50%{box-shadow:0 0 36px 4px rgba(220,20,60,.95),inset 0 0 22px -6px rgba(255,46,77,.8);}}
.arcade{border:2px solid rgba(255,46,77,.85)!important;animation:arcRedGlow 2.6s ease-in-out infinite;}
.arc-stage{border:2px solid rgba(255,46,77,.9)!important;box-shadow:0 0 20px rgba(220,20,60,.6);}
@media (max-width:560px){.arcade{border-left:0!important;border-right:0!important;}.arc-stage{border-left:0!important;border-right:0!important;}}
@keyframes gateGlowRed{0%,100%{box-shadow:0 0 22px -4px rgba(220,20,60,.8),0 0 40px -12px rgba(255,46,77,.6);}50%{box-shadow:0 0 40px 4px rgba(220,20,60,1),0 0 70px 0 rgba(255,46,77,.85);}}
.scroll-gate{background:linear-gradient(135deg,#ff2e4d,#b0102f)!important;border-color:rgba(255,120,140,.95)!important;}
.scroll-gate:not(.exploding){animation:gateGlowRed 2s ease-in-out infinite!important;}
.scroll-gate-text{color:#ffffff!important;text-shadow:0 1px 6px rgba(80,0,10,.6);}
/* Platform 02 crash line: red banner box */
.p02-sub{font-family:'Teko',sans-serif!important;font-weight:600;font-size:18px!important;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px 3px;margin-top:4px;border-radius:10px;background:linear-gradient(135deg,#ff2e4d,#b0102f);color:#fff!important;animation:none!important;box-shadow:0 0 18px rgba(255,212,0,.8);border:1px solid #ffd400;}
@media(min-width:561px){.p02-sub{font-size:26px!important;padding:8px 18px 5px;}}
@media(max-width:560px){.arc-overlay:has(.p02-sub){gap:2px;padding:4px 10px;}.arc-overlay:has(.p02-sub) .arc-ov-title{font-size:18px;line-height:1.05;}.p02-sub{font-size:15px!important;line-height:1.05;padding:4px 10px 2px;margin-top:3px;}.arc-overlay:has(.p02-sub) .arc-btn{font-size:15px;padding:4px 16px 2px;}}
/* Index: Platform 01 entry red */
.side-index a[data-target="platform01"] .si-label{color:#ff2e4d!important;text-shadow:0 0 10px rgba(255,46,77,.6);}
.side-index a[data-target="platform01"] .si-dot{background:#ff2e4d!important;box-shadow:0 0 10px 1px rgba(255,46,77,.8);}
.side-index a[data-target="platform01"]:hover .si-label{color:#ff5a6e!important;}