/* v1.0 — editorial media collections, targeted after the approved v0.9 styles. */
/* Keep 2-line metallic GOOD DAYS / BAD PLAYS and the previously approved brand palette. */
#live { padding-top: 105px; }
#numbers { border-top: 1px solid var(--border); }
#philosophy { border-top: 1px solid var(--border); }
.intro {padding-top: 90px; border-top:1px solid var(--border);}
#irregulators, #socials, #content { border-top: 1px solid var(--border); }
.community-no-donations { padding:17px 20px; border-left:2px solid var(--accent); background:rgba(149,111,205,.07); }
#content .section-head { margin-bottom:22px; }
#content .data-note {text-align:right;}
.media-stack { display:flex; flex-direction:column; gap:20px; }
.media-collection {border:1px solid var(--border); background:var(--surface); padding:clamp(22px,3vw,38px); overflow:hidden; position:relative; }
.media-collection::before {content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 85% -10%, rgba(151,84,203,.10), transparent 45%); }
.collection-topline {position:relative; z-index:1; display:flex; gap:24px; align-items:flex-end; justify-content:space-between; margin-bottom:23px;}
.collection-heading h3 {font-size:clamp(34px,4.8vw,56px); margin:9px 0 7px;}
.collection-heading p {font-size:14px; line-height:1.6; color:var(--muted); margin:0;}
.collection-tools {display:flex;align-items:center;gap:19px;flex-shrink:0;}
.collection-status {font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted);text-align:right;}
.carousel-controls {display:flex;gap:7px;}
.carousel-control {background:var(--surface2);color:var(--ink);border:1px solid var(--border);border-radius:0;width:42px;height:42px;cursor:pointer;font-size:26px;line-height:1;transition:background .2s,border-color .2s;}
.carousel-control:not(:disabled):hover {border-color:var(--accent);background:rgba(139,92,190,.21);}
.carousel-control:disabled {opacity:.35;cursor:not-allowed;}
.vod-carousel {position:relative; display:flex; gap:14px; overflow-x:auto;scroll-behavior:smooth; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:var(--accent) transparent;padding:0 0 14px; outline-offset:4px;}
.vod-carousel:focus-visible {outline:2px solid var(--accent);}
.vod-card {display:flex;flex:0 0 calc((100% - 28px)/3);min-width:0; flex-direction:column;scroll-snap-align:start;border:1px solid var(--border);background:var(--bg);transition:border-color .2s,transform .2s;}
.vod-card:hover {transform:translateY(-3px);border-color:var(--accent);}
.vod-thumb {position:relative; aspect-ratio:16/9; background:radial-gradient(circle at 50% 55%,#37204d,#0b0d13 70%);overflow:hidden;}
.vod-img {width:100%;height:100%;object-fit:cover;}
.vod-play {position:absolute;left:14px;bottom:13px;display:grid;place-items:center;width:34px;height:34px;background:rgba(13,10,20,.8);border:1px solid rgba(241,236,249,.48);color:#f7efff;font-size:14px;padding-left:2px;transition:background .2s;}
.vod-card:hover .vod-play {background:rgba(143,77,193,.9);}
.vod-length {position:absolute;right:9px;bottom:10px;background:rgba(10,10,13,.88);color:#f8f7fa;padding:4px 8px;font:700 10px/1.3 'DM Sans',sans-serif;letter-spacing:.06em;}
.vod-card-body {display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:18px 18px 19px;}
.vod-date {font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted);}
.vod-name {font:800 23px/1.14 'Barlow Condensed',sans-serif;margin:9px 0 18px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.vod-card-watch {margin-top:auto;font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--accent);}
.vod-placeholder {width:100%;min-height:220px;display:grid;place-items:center;gap:8px;color:var(--muted);text-align:center; padding:25px; font-size:14px;border:1px dashed var(--border);}
.vod-placeholder span {font-size:40px;color:var(--accent);}
.collection-more {font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--accent);display:inline-block;padding:10px 0 1px;border-bottom:1px solid currentColor;white-space:nowrap;}
.media-collection > .collection-more {position:relative;margin-top:10px;}
.tiktok-collection::before {background:radial-gradient(ellipse at 13% 100%,rgba(35,93,138,.18),transparent 56%);}
.tiktok-embed-stage {position:relative;display:flex;align-items:center; flex-direction:column;padding:24px 15px 12px;background:linear-gradient(145deg,rgba(14,14,25,.70),rgba(17,22,36,.84));border:1px solid rgba(104,89,138,.28);min-height:420px;}
.tiktok-embed-inner {display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:780px;min-height:360px;}
.tiktok-embed-inner .tiktok-embed {width:100%;max-width:780px!important; min-width:0!important;margin:0 auto;}
.tiktok-embed-inner .tiktok-embed > section {display:flex;justify-content:center;align-items:center;min-height:300px;}
.tiktok-embed-inner .tiktok-embed > section a {color:#c9a5e7;text-decoration:underline;}
.tiktok-fallback {margin:18px auto 1px;text-align:center;color:#afabba;font-size:11px;line-height:1.5;max-width:660px;}
.tiktok-fallback a {color:#d5b4f4;text-decoration:underline;}
.future-feature {position:relative;display:grid;grid-template-columns:190px 1fr;min-height:195px;border:1px solid var(--border);background:var(--surface);overflow:hidden;}
.future-feature-art {font-size:100px;display:grid;place-items:center;color:rgba(158,118,195,.6);background:radial-gradient(circle,#32233f,#0c101b 78%);border-right:1px solid var(--border);}
.future-feature-copy {padding:29px 34px;}
.future-feature-copy h3 {font-size:36px;margin:9px 0 5px;}
.future-feature-copy p {font-size:14px;color:var(--muted);margin:0;}
.future-soon {display:inline-block;color:var(--accent);margin-top:12px;font-size:10px;font-weight:800;letter-spacing:.16em;}
body.light .tiktok-embed-stage {background:#333341;}
body.light .tiktok-fallback {color:#ddd7e9;}
@media(max-width:1180px){
  .topbar nav {gap:12px;}
  .topbar nav a {font-size:9px;letter-spacing:.04em;}
  .brand-wordmark {width:170px;}
  .community-link {font-size:9px;}
}
@media(max-width:1050px){
  .topbar nav {display:none;position:absolute;top:72px;left:0;right:0;background:var(--surface);padding:25px;flex-direction:column;border-bottom:1px solid var(--border);gap:15px;}
  .topbar nav.open {display:flex;}
  .topbar .menu {display:block;}
  .topbar nav a {font-size:12px;letter-spacing:.1em;}
}
@media(max-width:900px){
  .vod-card{flex-basis:calc((100% - 14px)/2);}
  .collection-tools {flex-direction:column;align-items:flex-end;gap:8px;}
}
@media(max-width:600px){
  .media-collection {padding:20px 15px;}
  .collection-topline {flex-direction:column;align-items:flex-start;gap:14px;}
  .collection-tools {width:100%;flex-direction:row;justify-content:space-between;align-items:center;}
  .collection-status {text-align:left;}
  .vod-card {flex-basis:85%;}
  .vod-card-body {padding:16px;}
  .vod-name {font-size:23px;}
  .tiktok-embed-stage {padding:12px 8px;}
  .future-feature {grid-template-columns:1fr;}
  .future-feature-art {min-height:95px;font-size:70px;border-right:0;border-bottom:1px solid var(--border);}
  .future-feature-copy {padding:22px;}
  .intro {padding-top:75px;}
}
@media (prefers-reduced-motion:reduce) { .vod-carousel {scroll-behavior:auto;} }