/* ================= CURTAIN BACKGROUND (v24 velvet -> v25 purple DAMASK curtain) =================
   v25: body::before now uses /img/damask-curtain.jpg (1520x1140 seamless tile, both axes) and
   /img/damask-curtain-sm.jpg (760x570, phones), generated by /workspace/tex/make_damask.py.
   To go back to velvet, swap the two url() lines back (see the comments on them); velvet images are kept.
   Load AFTER buttons-block.css on every page.
   - removes the old dartboard / bullseye hero background (rings, spokes, sweep, grain)
   - deep aubergine velvet stage curtain behind EVERY page, on a fixed body::before layer
     (background-attachment:fixed is broken on iOS Safari, a fixed pseudo-element is not)
   - texture: /img/velvet-curtain.jpg (1920x1200, desktop) + /img/velvet-curtain-sm.jpg (960x1400, phones),
     generated by /workspace/tex/make_velvet.py, seamless horizontally; scaled to viewport height, repeat-x
   - soft stage spotlight from top-centre onto the hero
   - formerly solid black / plum panels become dark translucent so the curtain shows through */
html{background:#0b0309}
body,body.sub,body.page-home{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:
  radial-gradient(ellipse 120% 60% at 50% 45%,transparent 55%,rgba(4,1,3,.5) 100%),            /* edge vignette */
  linear-gradient(180deg,rgba(4,1,3,.62) 0,rgba(4,1,3,.18) 16%,transparent 34%,transparent 72%,rgba(4,1,3,.5) 100%), /* dark valance top + floor */
  linear-gradient(rgba(8,2,7,.18),rgba(8,2,7,.18)),                                              /* overall dimmer for text contrast */
  url(/img/damask-curtain.jpg) 50% 0/760px auto repeat,   /* v25 damask (velvet: url(/img/velvet-curtain.jpg) 50% 0/auto 100% repeat-x) */
  #0b0309}
@media(max-width:820px){body::before{background:
  radial-gradient(ellipse 140% 60% at 50% 45%,transparent 55%,rgba(4,1,3,.5) 100%),
  linear-gradient(180deg,rgba(4,1,3,.6) 0,rgba(4,1,3,.15) 14%,transparent 30%,transparent 74%,rgba(4,1,3,.5) 100%),
  linear-gradient(rgba(8,2,7,.2),rgba(8,2,7,.2)),
  url(/img/damask-curtain-sm.jpg) 50% 0/500px auto repeat,   /* v25 damask (velvet: url(/img/velvet-curtain-sm.jpg) 50% 0/auto 100% repeat-x) */
  #0b0309}}

/* ---------- hero: dartboard removed, stage spotlight instead; cover stays still ---------- */
.hero-bg .ring,.hero-bg .spokes,.hero-bg svg,.hero-bg .sweep,.hero-bg .grain{display:none!important}
.hero-bg{background:
  radial-gradient(ellipse 34% 62% at 50% -6%,rgba(255,222,246,.13),rgba(200,120,190,.05) 45%,transparent 72%),
  radial-gradient(ellipse 70% 40% at 50% 0,rgba(160,69,143,.10),transparent 70%)}
.hero-cover{animation:none!important;transform:none}
@media(max-width:820px){.hero-bg{background:
  radial-gradient(ellipse 70% 52% at 50% -4%,rgba(255,222,246,.13),rgba(200,120,190,.05) 45%,transparent 72%)}}

/* ---------- header / quickbar: smoked glass over the curtain ---------- */
.quickbar{background:linear-gradient(rgba(6,1,5,.82),rgba(12,4,12,.55));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.nav.scrolled{background:rgba(10,3,9,.78)}
@media(max-width:820px){.nav.scrolled{background:rgba(10,3,9,.94)}.nav-l{background:rgba(10,3,9,.97)}}

/* ---------- panels & cards: dark translucent, still readable ---------- */
.chooser{background:linear-gradient(135deg,rgba(24,8,23,.78),rgba(8,3,8,.72));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.player-wrap{background:linear-gradient(135deg,rgba(var(--pk),.12),transparent 60%),rgba(8,2,7,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.svc-card{background:linear-gradient(135deg,rgba(var(--pk),.12),rgba(7,3,7,.78))}
.svc-card.ext{background:linear-gradient(160deg,rgba(16,8,18,.9),rgba(6,3,6,.86) 60%)}
.ext-list{background:rgba(8,3,8,.82)}
.ch-btn{background:rgba(14,6,13,.85)}
.marquee{background:rgba(6,1,5,.55)}
.signup{background:radial-gradient(ellipse at 50% 0,rgba(var(--pk),.16),transparent 70%),linear-gradient(rgba(6,1,5,.35),rgba(6,1,5,.55))}
.footer{background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(var(--pk),.08),transparent 70%),linear-gradient(rgba(6,1,5,.45),rgba(4,1,3,.8))}
.tour li:hover{background:linear-gradient(90deg,rgba(var(--pk),.16),rgba(8,2,7,.35))}
.video-list button{background:transparent}
.merch .art{background-color:rgba(11,6,11,.85)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.quickbar{background:linear-gradient(rgba(6,1,5,.9),rgba(12,4,12,.75))}.chooser{background:rgba(14,5,13,.92)}}
/* small accent text sits on plum velvet now: lift it a touch for contrast */
.kicker.gold,.ch-label,.ch-eyebrow{color:#d391c6;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.kicker,.meta,.mute{text-shadow:0 1px 6px rgba(0,0,0,.55)}

/* fix: about bio overflow on phones */
.about>*{min-width:0}.about p{max-width:100%;overflow-wrap:break-word}
@media(min-width:821px){.about p{max-width:52ch}}
.ig-follow .btn{white-space:normal;max-width:100%;text-align:center;line-height:1.35}