:root {
  --ink:#f4edd9;
  --muted:#b9b09f;
  --canvas:#060605;
  --surface:#151310;
  --surface-raised:#1c1915;
  --paper:#eee6cf;
  --paper-ink:#211e19;
  --line:rgba(244,237,217,.16);
  --line-bright:rgba(244,237,217,.30);
  --red:#d74336;
  --red-bright:#ef5a4b;
  --red-dark:#9e2b25;
  --ticket:#df9188;
  --gold:#e6c986;
  --admin-bar:#0c0b0a;
  --paper-body:#3d3830;
  --paper-meta:#5c554a;
  --paper-field:#fbf7ea;
  --dim:#8f8779;
  --pill-off-ink:#8f8779;
  --pill-off-dot:#4a453e;
  --pill-on-ink:#ff9d92;
  --card-offset:8px 9px 0 rgba(158,43,37,.55);
  --group-listen:#e6c986;
  --violet:var(--red);
  --cyan:var(--red-bright);
  --green:#c8b47a;
  --shadow:0 24px 70px rgba(0,0,0,.45);
  --radius:18px;
  color:var(--ink);
  background:var(--canvas);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
/* The browser hides [hidden] with a display rule any author display wins against, so a
   flex or grid component stays on screen while the DOM says it is hidden. Settle it once. */
[hidden]{display:none!important}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;line-height:1.55;background:radial-gradient(circle at 15% 0,rgba(215,67,54,.16),transparent 28rem),linear-gradient(180deg,#0a0908 0,#050504 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{color:var(--red-bright);text-underline-offset:.2em}
a:hover{color:#ff786b}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid rgba(239,90,75,.65);outline-offset:3px}

.site-header{position:sticky;top:0;z-index:20;min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem max(1.25rem,calc((100vw - 1240px)/2));background:rgba(5,5,4,.94);border-bottom:3px solid var(--red);box-shadow:0 10px 35px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:.8rem;color:var(--paper);font-size:1.15rem;font-weight:950;letter-spacing:-.035em;text-decoration:none;text-transform:uppercase}
.brand:hover{color:white}
.brand-icon{width:2.8rem;height:2.8rem;flex:0 0 auto;border:1px solid rgba(238,230,207,.3);border-radius:8px;background:var(--surface);box-shadow:5px 5px 0 var(--red-dark)}
nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}
nav a,.link-button{color:#ddd4c0;border:0;border-radius:4px;padding:.55rem .78rem;background:transparent;font-size:.86rem;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.035em;cursor:pointer}
nav a:hover,.link-button:hover{color:var(--paper);background:rgba(215,67,54,.16)}
.inline{display:inline;margin:0}

.container{position:relative;flex:1;width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.25rem,5vw,4.5rem) 0 6rem}
.site-footer{display:flex;justify-content:center;align-items:center;gap:.75rem 1.5rem;flex-wrap:wrap;padding:2rem 1.5rem;text-align:center;color:#8f8779;border-top:1px solid var(--line);background:#030302;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.footer-links{justify-content:center;gap:.35rem}
.footer-links a{font-size:.72rem}
/* Headings are sized against the box they sit in, not the window. A viewport-sized heading
   has no relationship to a 700px panel, so on a wide screen it outgrew its container and was
   clipped by .panel{overflow:hidden}. Every box that bounds text declares itself a sizing
   context below, and cqi resolves against that box, so one scale is correct everywhere. */
.container,.panel,.contest-card,.hero,.poster-copy,.empty-state,.playlist-player,.playlist-group,.track{container-type:inline-size}

h1,h2,h3{margin-top:0;line-height:.98;letter-spacing:-.055em;overflow-wrap:break-word;text-wrap:balance}
h1{max-width:1000px;margin-bottom:1rem;font-size:clamp(2rem,7cqi,4.6rem);font-weight:950;text-transform:uppercase}
h2{margin-bottom:.65rem;font-size:clamp(1.45rem,4.4cqi,2.8rem);font-weight:950;text-transform:uppercase}
h3{margin-bottom:.3rem;font-size:clamp(1.15rem,3cqi,1.8rem);font-weight:900}
p{margin-top:0}
.eyebrow{margin:0 0 .7rem;color:var(--red-bright);font-size:.7rem;font-weight:950;letter-spacing:.19em;text-transform:uppercase}
.eyebrow a{color:inherit;text-decoration:none}
.public-label{margin-bottom:.8rem;color:var(--ticket);font-size:.9rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.route-label{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.hero{position:relative;max-width:940px;padding:1rem 0 4rem}
.hero.compact{padding-bottom:2.25rem}
.hero h1{color:var(--paper);text-shadow:4px 4px 0 rgba(215,67,54,.28)}
.hero p:not(.eyebrow):not(.public-label){max-width:720px;color:var(--muted);font-size:clamp(1rem,1.9cqi,1.18rem)}

.poster-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-bottom:clamp(4rem,8vw,7rem)}
.poster-art{position:relative;padding:clamp(.55rem,1.5vw,1rem);background:var(--paper);box-shadow:12px 14px 0 var(--red-dark),var(--shadow);transform:rotate(-.45deg)}
.poster-art::before,.poster-art::after{content:"";position:absolute;z-index:2;width:72px;height:22px;background:rgba(223,145,136,.88);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.poster-art::before{top:-9px;left:9%;transform:rotate(-5deg)}
.poster-art::after{right:8%;bottom:-7px;transform:rotate(4deg)}
.poster-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:saturate(.98) contrast(1.04)}
.poster-copy{position:relative;padding:1rem 0}
.poster-copy::before{content:"ADMIT ONE";display:inline-block;margin-bottom:1.35rem;padding:.38rem 1.3rem;color:#64211d;background:var(--ticket);font-size:.68rem;font-weight:950;letter-spacing:.16em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 50%,100% 100%,6px 100%,0 50%)}
.poster-copy h1{font-size:clamp(2.8rem,5vw,5.4rem)}
.poster-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}
.contest-section{scroll-margin-top:110px}
.section-rule{height:3px;flex:1;min-width:80px;background:linear-gradient(90deg,var(--red),transparent)}

.panel,.contest-card,.track,.playlist-group,.empty-state{position:relative;background:linear-gradient(145deg,rgba(29,26,22,.98),rgba(16,15,13,.98));border:1px solid var(--line);box-shadow:var(--shadow)}
.panel,.contest-card,.empty-state{border-radius:var(--radius);padding:clamp(1.25rem,3vw,2.25rem)}
.panel{overflow:hidden}
.panel:hover,.contest-card:hover{border-color:var(--line-bright)}
.narrow{width:min(700px,100%);margin:0 auto}
.legal-page{width:min(820px,100%);margin:0 auto}
.legal-page h1{font-size:clamp(2rem,6.5cqi,4rem)}
.legal-page h2{margin-top:2rem;font-size:clamp(1.25rem,3.8cqi,2rem)}
.legal-page p,.legal-page li{color:var(--muted)}
.legal-page li+li{margin-top:.45rem}
.legal-page strong{color:var(--ink)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.25rem}
.contest-card{min-height:260px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:4px;transition:transform .2s,border-color .2s}
.contest-card::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--red)}
.contest-card::after{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border:18px solid rgba(215,67,54,.08);border-radius:50%}
.contest-card:hover{transform:translateY(-4px)}
.contest-card h3{max-width:85%;color:var(--paper);font-size:clamp(1.5rem,7cqi,2.5rem)}
.card-number{position:absolute;right:1.4rem;top:1rem;color:rgba(238,230,207,.14);font-size:3.4rem;font-weight:950;line-height:1}
.availability-row{position:relative;z-index:1;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;padding-right:3.6rem}.availability-tag{display:inline-flex;padding:.32rem .55rem;border:1px solid rgba(239,90,75,.5);border-radius:2px;color:#ff9d92;background:rgba(215,67,54,.12);font-size:.62rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.availability-tag.listen-tag{border-color:rgba(230,201,134,.46);color:#ead69f;background:rgba(230,201,134,.09)}.availability-tag.quiet-tag{border-color:var(--line-bright);color:var(--muted);background:rgba(238,230,207,.04)}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--red);border-radius:4px;padding:.72rem 1.15rem;color:#fff7e6;background:var(--red);box-shadow:5px 5px 0 var(--red-dark);font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}
.button:hover{color:white;background:var(--red-bright);transform:translate(2px,2px);box-shadow:3px 3px 0 var(--red-dark)}
.button:disabled{opacity:.55;cursor:wait;transform:none}
.button.secondary{color:var(--paper);border-color:var(--line-bright);background:transparent;box-shadow:none}
.button.secondary:hover{background:rgba(238,230,207,.08);transform:none}
.button.warning-button{color:var(--paper-ink);border-color:var(--gold);background:var(--gold);box-shadow:4px 4px 0 #89733e}
.button.danger{background:#9f2924;border-color:#9f2924;box-shadow:4px 4px 0 #591512}
.facebook-button{gap:.7rem;border-color:#1877f2;background:#1877f2;box-shadow:5px 5px 0 #0d4594;text-transform:none}
.facebook-button:hover{background:#2d88ff;box-shadow:3px 3px 0 #0d4594}
.identity-divider{display:flex;align-items:center;gap:.8rem;margin:1.5rem 0;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}
.identity-divider::before,.identity-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.name-change-prompt h2{font-size:1.25rem}.name-choice{display:flex;gap:.75rem;flex-wrap:wrap}.name-choice form{margin:0}.member-identity{margin:1.5rem 0}
.actions,.status-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.split-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin-bottom:1.75rem}
.split-heading h1,.split-heading h2{margin-bottom:.35rem}
.page-heading{padding-bottom:1rem;border-bottom:1px solid var(--line)}
.page-heading h1{font-size:clamp(2.2rem,6.4cqi,4.8rem)}
.section-heading,.group-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.35rem}

.badge,.group-count{display:inline-flex;align-items:center;gap:.34em;border:1px solid var(--line-bright);border-radius:3px;padding:.34rem .7rem;background:rgba(238,230,207,.06);color:#d5ccb9;font-size:.66rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.status-released{border-color:rgba(230,201,134,.42);background:rgba(230,201,134,.12);color:#ead69f}
.status-draft{border-color:rgba(223,145,136,.42);background:rgba(223,145,136,.12);color:#efaaa2}
.status-hidden{color:#aaa193}
.status-unlocked{border-color:rgba(239,90,75,.45);background:rgba(215,67,54,.13);color:#ff8f84}
.status-deleted{border-color:rgba(159,41,36,.5);background:rgba(159,41,36,.18);color:#f49a92}

form{display:grid;gap:1rem;margin:1.25rem 0}
form .button{justify-self:start}
label{display:grid;gap:.4rem;color:#e9e1cf;font-weight:800}
input,select,textarea{width:100%;border:1px solid var(--line-bright);border-radius:4px;padding:.78rem .88rem;background:#090807;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(215,67,54,.22);border-color:var(--red-bright)}
/* The open list of a select is painted by the operating system, which reads the control's own
   background. A select styled to blend into a dark panel therefore drops light text onto a
   white system list. Giving every option an explicit dark background settles it everywhere,
   whatever the control around it looks like. */
select{color-scheme:dark}
select option,select optgroup{color:var(--ink);background-color:var(--surface)}
textarea{min-height:100px;resize:vertical}
.check{display:flex;grid-template-columns:auto 1fr;align-items:center}
.check input{width:auto;accent-color:var(--red)}
.vertical-switch{position:relative;display:inline-grid;justify-items:center;gap:.32rem;min-width:66px;color:var(--muted);font-size:.65rem;font-weight:950;letter-spacing:.06em;text-align:center;text-transform:uppercase;cursor:pointer;user-select:none}
.vertical-switch input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.switch-track{position:relative;width:32px;height:58px;border:1px solid var(--line-bright);border-radius:18px;background:#080706;box-shadow:inset 0 0 0 3px rgba(238,230,207,.035);transition:border-color .16s,background .16s}
.switch-thumb{position:absolute;left:5px;bottom:5px;width:20px;height:20px;border-radius:50%;background:#777064;box-shadow:0 2px 6px rgba(0,0,0,.5);transition:transform .18s,background .18s}
.vertical-switch input:checked+.switch-track{border-color:var(--red-bright);background:rgba(215,67,54,.2)}
.vertical-switch input:checked+.switch-track .switch-thumb{background:var(--red-bright);transform:translateY(-26px)}
.vertical-switch input:focus-visible+.switch-track{outline:3px solid rgba(215,67,54,.3);outline-offset:3px}
.vertical-switch:has(input:checked) .switch-state-on{color:var(--paper)}
.vertical-switch:not(:has(input:checked)) .switch-state:last-child{color:var(--paper)}
.vertical-switch.is-saving{opacity:.58;cursor:progress}.vertical-switch-wide{min-width:82px}.vertical-switch-match{min-width:72px}

/* Monthly theme board */
.theme-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:2.25rem;padding:clamp(1.5rem,5vw,4.5rem) 0 2rem;border-bottom:1px solid var(--line);container-type:inline-size}
.theme-hero h1{max-width:820px;margin-bottom:.8rem;font-size:clamp(3rem,8cqi,6.7rem)}
.theme-hero>div>p:last-child{max-width:720px;color:var(--muted);font-size:1.08rem}
.theme-clock{min-width:245px;padding:1.15rem 1.3rem;border-top:5px solid var(--red);background:var(--paper);color:var(--paper-ink);box-shadow:8px 8px 0 var(--red-dark);transform:rotate(.5deg)}
.theme-clock span,.theme-clock small{display:block;color:var(--paper-meta);font-size:.67rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.theme-clock strong{display:block;margin:.25rem 0;font-size:1.55rem;font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.theme-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,360px);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.theme-main{min-width:0}.theme-ballot{margin-bottom:3.5rem;border-top:5px solid var(--gold);background:linear-gradient(145deg,rgba(230,201,134,.11),rgba(18,16,13,.98) 45%)}
.theme-ballot-heading,.theme-list-heading,.theme-ballot-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.theme-ballot-heading h2,.theme-list-heading h2{margin:0}.theme-explainer{max-width:760px;color:var(--muted)}
.theme-saved-state{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid var(--line-bright);border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.theme-saved-state::before{width:.48rem;height:.48rem;border-radius:50%;background:var(--dim);content:""}.theme-saved-state.has-vote{color:#ead69f;border-color:rgba(230,201,134,.45)}.theme-saved-state.has-vote::before{background:var(--gold);box-shadow:0 0 0 4px rgba(230,201,134,.1)}
.rank-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.rank-choice{gap:.5rem;padding:1rem;border:1px solid var(--line);background:rgba(5,5,4,.38)}.rank-choice>span{display:flex;align-items:center;gap:.55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.rank-choice>span b{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:var(--red);color:white}.rank-choice-2>span b{background:#8f4c42}.rank-choice-3>span b{background:#5d443d}.rank-choice select{min-width:0}.theme-form-feedback{color:var(--muted);font-size:.82rem}.theme-form-feedback.is-error{color:var(--ticket)}
.theme-list-heading{margin-bottom:1rem}.theme-live-meta{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.live-pulse{width:.55rem;height:.55rem;border-radius:50%;background:var(--red-bright);box-shadow:0 0 0 0 rgba(239,90,75,.5);animation:theme-live-pulse 2s infinite}@keyframes theme-live-pulse{70%{box-shadow:0 0 0 8px rgba(239,90,75,0)}100%{box-shadow:0 0 0 0 rgba(239,90,75,0)}}
.theme-idea-list{display:grid;gap:.8rem}.theme-idea{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(210px,.42fr);gap:1.1rem;align-items:center;padding:1.25rem;border:1px solid var(--line);border-left:4px solid var(--red);background:linear-gradient(110deg,rgba(29,26,22,.98),rgba(12,11,9,.98));box-shadow:0 12px 35px rgba(0,0,0,.25);transition:transform .35s,border-color .2s;container-type:inline-size}.theme-idea:hover{border-color:var(--line-bright);transform:translateX(3px)}
.theme-position{align-self:start;color:rgba(238,230,207,.24);font-size:2.5rem;font-weight:950;line-height:1}.theme-idea-copy{min-width:0}.theme-idea-copy h3{margin:.45rem 0;font-size:clamp(1.25rem,4.2cqi,2rem);color:var(--paper)}.theme-idea-copy p{margin:0 0 .45rem;color:var(--muted);font-size:.9rem}.theme-idea-copy small{color:var(--dim)}
.theme-idea-tags{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:var(--dim);font-size:.61rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.theme-genre{display:inline-flex;padding:.24rem .45rem;border:1px solid rgba(230,201,134,.34);border-radius:2px;color:#ead69f;background:rgba(230,201,134,.08)}.theme-own-tag{display:inline-flex;padding:.24rem .45rem;border:1px dashed var(--line-bright);border-radius:2px;color:var(--paper-muted)}
.theme-score{display:grid;justify-items:end}.theme-score>strong{color:var(--paper);font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.theme-score>span:not(.theme-flag-spent){color:var(--dim);font-size:.64rem;font-weight:900;text-transform:uppercase}.theme-score-bar{width:100%;height:5px;margin:.65rem 0;background:rgba(238,230,207,.08);overflow:hidden}.theme-score-bar i{display:block;width:var(--score,0%);height:100%;background:linear-gradient(90deg,var(--red),var(--red-bright));transition:width .5s}.theme-score-bar i[data-score="0"]{width:0}.theme-score-bar i[data-score="1"]{width:1%}
.theme-rank-counts{display:flex;justify-content:flex-end;gap:.65rem;width:100%;color:var(--dim);font-size:.62rem;text-transform:uppercase}.theme-rank-counts b{color:var(--muted);font-variant-numeric:tabular-nums}.theme-flag{margin-top:.75rem;text-align:right}.theme-flag summary{color:#987d76;font-size:.62rem;font-weight:900;text-transform:uppercase;cursor:pointer}.theme-flag form{position:absolute;z-index:3;right:1rem;width:min(300px,calc(100% - 2rem));margin:.5rem 0 0;padding:1rem;border:1px solid rgba(239,90,75,.4);background:#0a0908;box-shadow:var(--shadow);text-align:left}.theme-flag label{font-size:.75rem}.theme-flag .button{width:100%;font-size:.7rem}.theme-flag-spent{margin-top:.75rem;color:var(--dim);font-size:.6rem;font-weight:900;text-transform:uppercase}
.theme-submit{position:sticky;top:105px;border-top:5px solid var(--red)}.theme-submit h2{font-size:clamp(1.7rem,8cqi,2.5rem)}.theme-submit-count{padding-bottom:1rem;border-bottom:1px solid var(--line);color:var(--muted)}.theme-submit-count strong{color:var(--paper)}.theme-final-warning{padding:.75rem;border-left:3px solid var(--gold);color:#ead69f;background:rgba(230,201,134,.07);font-size:.78rem}.theme-cycle-note{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.theme-cycle-note strong{color:var(--paper);text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.theme-cycle-note p{margin:.4rem 0 0;color:var(--muted);font-size:.82rem}.theme-limit-reached{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem;border:1px dashed var(--line-bright)}.theme-limit-reached>span{color:var(--red-bright);font-size:3rem;font-weight:950}.theme-limit-reached p{margin:0;color:var(--muted);font-size:.84rem}
@media (max-width:900px){.site-header{position:static;align-items:stretch;flex-direction:column;gap:.65rem}.site-header nav{gap:.2rem}.theme-layout{grid-template-columns:1fr}.theme-main{display:contents}.theme-ballot{order:1}.theme-submit{position:static;order:2}.theme-list-heading{order:3}.theme-idea-list{order:4}.rank-choice-grid{grid-template-columns:1fr}.theme-idea{grid-template-columns:2.5rem minmax(0,1fr)}.theme-score{grid-column:2;justify-items:start}.theme-rank-counts{justify-content:flex-start}.theme-flag{text-align:left}.admin-theme-grid{grid-template-columns:1fr}}
@media (max-width:640px){.theme-hero{grid-template-columns:1fr}.theme-clock{width:100%;min-width:0}.theme-idea{grid-template-columns:2rem minmax(0,1fr);padding:1rem}.theme-position{font-size:1.8rem}.theme-flag-card{grid-template-columns:1fr}.theme-flag-card form{flex-direction:column}.theme-flag-card .button{width:100%}.theme-visibility-control{align-items:flex-start;flex-direction:column}}
.hint{color:var(--muted);font-size:.84rem;font-weight:450}
.form-warning{margin:0;color:var(--ticket);font-size:.8rem}

.alert{border:1px solid;border-radius:4px;padding:.9rem 1rem;margin:1rem 0}
.alert.error{color:#ffd0ca;background:rgba(159,41,36,.22);border-color:rgba(239,90,75,.4)}
.alert.warning{color:#f3dfaa;background:rgba(130,99,36,.2);border-color:rgba(230,201,134,.38)}
.alert.success{color:#f1dfb5;background:rgba(111,91,45,.22);border-color:rgba(230,201,134,.35)}

.publish-copy p:not(.eyebrow){color:var(--muted)}
.group-preview{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}
.group-preview strong{color:var(--red-bright)}
.empty-inline{color:var(--muted)}

.playlist-groups{display:grid;gap:2rem}
.playlist-actions,.group-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.playlist-actions{margin-top:1.35rem}
.playlist-playback-status{margin:0;color:var(--muted);font-size:.86rem;font-weight:650}
.playlist-playback-status.is-preparing{display:inline-flex;align-items:center;gap:.55rem;color:var(--ticket)}
.playlist-playback-status.is-preparing::before{width:.85rem;height:.85rem;flex:0 0 auto;border:2px solid rgba(238,230,207,.24);border-top-color:var(--red-bright);border-radius:50%;content:"";animation:playlist-spinner .75s linear infinite}
@keyframes playlist-spinner{to{transform:rotate(360deg)}}
.playlist-player{display:grid;gap:1rem;margin:0 0 2rem;padding:clamp(1rem,3cqi,1.6rem);border:1px solid rgba(239,90,75,.55);border-top:5px solid var(--red);border-radius:6px;background:linear-gradient(145deg,rgba(38,25,21,.98),rgba(10,9,8,.99));box-shadow:var(--shadow)}
.playlist-player-options{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:end}
.playlist-source{gap:.3rem;color:var(--ticket);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.playlist-source select{min-height:48px;color:var(--paper);font-size:1rem;font-weight:850;letter-spacing:0;text-transform:none}
.playlist-shuffle{min-height:48px;border:1px solid var(--line-bright);border-radius:4px;padding:.65rem 1rem;color:var(--paper);background:rgba(238,230,207,.05);font-weight:900;cursor:pointer}
.playlist-shuffle[aria-pressed="true"]{border-color:var(--red-bright);color:#fff;background:rgba(215,67,54,.24)}
.playlist-now-playing{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.85rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.playlist-now-playing>div{display:grid;min-width:0}
.playlist-now-label{color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.playlist-now-playing strong{overflow:hidden;color:var(--paper);font-size:clamp(1.15rem,4.5cqi,1.75rem);text-overflow:ellipsis;white-space:nowrap}
.playlist-position{flex:0 0 auto;color:var(--ticket);font-size:.8rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.playlist-transport{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:.75rem}
.playlist-transport button{min-height:56px;border:1px solid var(--line-bright);border-radius:4px;padding:.65rem;color:var(--paper);background:rgba(238,230,207,.055);font-weight:950;text-transform:uppercase;cursor:pointer}
.playlist-transport button:hover{border-color:var(--red-bright);background:rgba(215,67,54,.14)}
.playlist-transport button:disabled{opacity:.4;cursor:not-allowed}
.playlist-transport .playlist-play-toggle{min-height:64px;border-color:var(--red);background:var(--red);box-shadow:5px 5px 0 var(--red-dark);font-size:1.05rem}
.playlist-transport .playlist-play-toggle:hover{background:var(--red-bright)}
.playlist-progress-row{display:grid;grid-template-columns:3.1rem minmax(0,1fr) 3.1rem;gap:.7rem;align-items:center;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}
.playlist-progress-row span:last-child{text-align:right}
.playlist-progress-row input{height:32px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--red-bright);cursor:pointer}
.playlist-progress-row input:disabled{cursor:not-allowed;opacity:.45}
.imported-playlist-player{width:100%;min-width:0}
.imported-playlist-player>*{min-width:0}
.imported-playlist-transport.has-group-jump,.anonymous-playlist-transport.has-group-jump{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,.9fr) minmax(150px,1.1fr)}
.anonymous-player-options{align-items:center}
.playlist-group-jump{display:grid;align-content:center;min-width:0;min-height:64px;border:1px solid var(--line-bright);border-radius:4px;padding:.4rem .65rem;background:rgba(238,230,207,.055);color:var(--muted);font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.playlist-group-jump:focus-within{border-color:var(--red-bright)}
/* This select must keep a real dark background. Windows paints the open list from the
   control's own background, so a transparent one produced a white list under cream text. */
.playlist-group-jump select{width:100%;min-width:0;min-height:32px;border:0;padding:0 1.5rem 0 0;background-color:var(--surface);color:var(--paper);font-size:.86rem;font-weight:900;letter-spacing:0;text-transform:none}
.imported-media-stage{display:grid;place-items:center;width:100%;max-width:100%;min-width:0;min-height:clamp(190px,50vw,360px);overflow:hidden;border:1px solid var(--line);border-radius:4px;background:rgba(5,5,4,.7)}
.imported-media-stage iframe{display:block;width:100%;max-width:100%;min-width:0;min-height:0;aspect-ratio:16/9;border:0}
.imported-media-stage audio{width:calc(100% - 2rem);margin:1rem}
.imported-playlist-player .playlist-transport{width:100%;min-width:0}
.imported-player-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}
.imported-player-footer p{margin:0}
.imported-track .actions{justify-content:flex-end}
.track.is-playing{border-color:var(--red-bright);background:rgba(215,67,54,.12);box-shadow:inset 5px 0 0 var(--red)}
.standalone-player-page{width:min(780px,100%);margin:0 auto}
.standalone-player-heading{margin-bottom:1.5rem;text-align:center}
.standalone-player-heading h1{margin-inline:auto}
.standalone-player-heading>p:not(.eyebrow){color:var(--muted)}
.standalone-player-heading .back-link{margin-bottom:0}
.player-audio-bank{position:fixed;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;pointer-events:none}
.playlist-group{overflow:hidden;border-radius:4px;padding:clamp(1rem,2.5vw,1.6rem);border-top:5px solid var(--red)}
.playlist-group+.playlist-group{margin-top:0}
.group-heading{padding:.35rem .35rem 1rem}
.group-heading h2{margin:0;font-size:2rem}
.vote-help{margin:.35rem 0 0;color:var(--muted);font-size:.78rem}
.song-vote{min-width:3.2rem;height:2.6rem;border:1px solid var(--line-bright);border-radius:4px;padding:.25rem .45rem;color:var(--paper);background:rgba(238,230,207,.05);font-size:.72rem;font-weight:950;text-transform:uppercase;cursor:pointer}
.song-vote:hover{border-color:var(--red-bright)}
.song-vote.is-selected{border-color:#42c778;color:#07180e;background:#42c778;font-size:1.15rem}
.song-vote.is-rejected{border-color:#c85a52;color:#ff9d94;background:rgba(200,90,82,.12);font-size:1.15rem}
.song-vote.is-own{display:inline-flex;align-items:center;justify-content:center;border-style:dashed;color:var(--paper-muted);background:none;cursor:default}
.track.is-vote-winner{border-color:#42c778;background:linear-gradient(90deg,rgba(66,199,120,.16),rgba(66,199,120,.035));box-shadow:inset 4px 0 0 #42c778}
.vote-result-count{display:inline-flex;align-items:baseline;gap:.25rem;white-space:nowrap;color:var(--paper-muted);font-size:.8rem}
.vote-result-count strong{color:var(--paper);font-size:1.05rem}
.vote-winner-badge,.player-vote-result.is-winner{color:#42c778;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.vote-winner-badge{white-space:nowrap;font-size:.72rem}
.player-song-vote{flex:0 0 auto;min-width:4.25rem}
.player-vote-result{padding:.55rem .7rem;border:1px solid var(--line);border-radius:4px;color:var(--paper-muted);white-space:nowrap}
.playlist-player.is-vote-winner{border-color:#42c778;box-shadow:0 0 0 1px rgba(66,199,120,.2),var(--shadow)}
.playlist-round-nav{display:flex;align-items:center;gap:.55rem;overflow-x:auto;margin:0 0 1.25rem;padding:.65rem;border:1px solid var(--line);background:rgba(238,230,207,.035)}
.playlist-round-nav>span{flex:0 0 auto;padding:0 .35rem;color:var(--paper-muted);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.playlist-round-nav a{flex:0 0 auto;padding:.5rem .7rem;border:1px solid var(--line);border-radius:4px;color:var(--paper-muted);font-size:.78rem;font-weight:850;text-decoration:none}
.playlist-round-nav a:hover,.playlist-round-nav a.is-active{border-color:var(--red-bright);color:var(--paper);background:rgba(239,90,75,.12)}
.engagement-admin-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center}
.engagement-admin-panel h2{margin:.1rem 0 .45rem}
.engagement-admin-panel p{margin-bottom:0}
.engagement-admin-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
.voting-round-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.7fr);align-items:center;gap:1.5rem}
.voting-round-panel h2{margin:.1rem 0 .45rem}
.voting-round-panel p{margin-bottom:0}
.voting-rule-form{align-items:end}
.voting-rule-form label{min-width:15rem}
.voting-next-round-form{display:grid;gap:1rem}
.voting-next-round-form .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vote-final-winner{padding:1rem;border:1px solid #42c778;background:rgba(66,199,120,.1)}
.voting-schedule-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);gap:1.5rem;align-items:start}
.voting-schedule-panel h2{margin:.1rem 0 .45rem}
.voting-schedule-form{display:grid;gap:.85rem}
.voting-schedule-form .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.scheduled-vote-status{margin-top:1rem;padding:.7rem;border-left:3px solid var(--red-bright);background:rgba(238,230,207,.04)}
.voting-schedule-clear{grid-column:2}
@media(max-width:720px){.engagement-admin-panel,.voting-round-panel,.voting-schedule-panel{grid-template-columns:1fr}.engagement-admin-actions{justify-content:flex-start}.voting-next-round-form .compact-grid,.voting-schedule-form .compact-grid{grid-template-columns:1fr}.voting-schedule-clear{grid-column:1}}
.playlist{display:grid;gap:.7rem}
.track{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:center;gap:1.5rem;border-radius:3px;padding:1rem 1.1rem;box-shadow:none;background:rgba(238,230,207,.035);transition:background .18s,border-color .18s}
.track:hover{border-color:rgba(239,90,75,.5);background:rgba(215,67,54,.07)}
.track-copy{display:flex;align-items:center;gap:1rem;min-width:0}
.track h3{margin:0}
.track h3 a{color:var(--ink);text-decoration:none}
.track h3 a:hover{color:var(--red-bright)}
.track .badge{margin-top:.45rem}
.track-number{width:2.6rem;height:2.6rem;flex:0 0 auto;display:grid;place-items:center;border-radius:2px;color:var(--paper);background:var(--red);box-shadow:4px 4px 0 var(--red-dark);font-weight:950}
.identity-map{display:block;margin:.3rem 0 0;color:var(--muted);font-size:.9rem}
.identity-map strong{color:var(--paper)}
.unassigned-group{border-style:dashed}
audio{display:block;width:100%;min-height:42px;margin:.5rem 0;accent-color:var(--red)}
.song-player{max-width:900px;border-color:rgba(215,67,54,.34)}
.song-player audio{margin:1rem 0 1.5rem}

.empty-state{max-width:700px;padding:3.5rem 2rem;text-align:center}
.empty-state p{color:var(--muted)}
.empty-icon{display:inline-grid;place-items:center;width:4rem;height:4rem;margin-bottom:1rem;border:2px solid var(--red);border-radius:50%;background:rgba(215,67,54,.12);color:var(--red-bright);font-size:1.5rem}
.upload-progress{width:min(560px,100%);padding:1rem;border:1px solid rgba(215,67,54,.36);border-radius:4px;background:rgba(215,67,54,.08)}
.upload-status{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}
.upload-spinner{width:1.1rem;height:1.1rem;flex:0 0 auto;border:3px solid rgba(215,67,54,.25);border-top-color:var(--red-bright);border-radius:50%;animation:upload-spin .8s linear infinite}
.upload-progress progress{display:block;width:100%;height:.75rem;accent-color:var(--red)}
.upload-progress.is-processing progress{animation:upload-pulse 1.2s ease-in-out infinite}
@keyframes upload-spin{to{transform:rotate(360deg)}}
@keyframes upload-pulse{50%{opacity:.5}}

.code-box{display:flex;gap:1rem;align-items:center;justify-content:space-between;border:1px dashed rgba(223,145,136,.5);border-radius:4px;padding:1rem 1.2rem;background:rgba(215,67,54,.09)}
.code-box code{font-size:clamp(1.2rem,6cqi,2rem);letter-spacing:.12em;word-break:break-all}
.access-item .eyebrow{margin-bottom:.55rem}
.access-link .code-box code{font-size:.9rem;letter-spacing:0;overflow-wrap:anywhere}
.metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}
.metadata div{border-top:1px solid var(--line);padding-top:.7rem}
.metadata dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.metadata dd{margin:.25rem 0 0;word-break:break-word}
.table-wrap{width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:.9rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--ticket);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}
tbody tr{transition:background .15s}
tbody tr:hover{background:rgba(215,67,54,.055)}
.muted{opacity:.55}
section+section{margin-top:2rem}
details{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
summary{cursor:pointer;font-weight:800}
.table-action .button{font-size:.72rem}

.back-link{display:inline-flex;margin-bottom:1.5rem;color:var(--muted);font-size:.82rem;font-weight:850;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}
.back-link:hover{color:var(--red-bright)}
.submission-kicker .public-label{margin:0}
.admin-actions-card .actions form{margin:0}

.fighter-photo{width:54px;height:54px;object-fit:cover;border-radius:50%;background:rgba(223,145,136,.18);border:1px solid rgba(223,145,136,.35)}
.fighter-photo.mystery::after{content:"?";display:grid;place-items:center;width:100%;height:100%;color:var(--ticket);font-weight:950}
.song-modal{width:min(720px,calc(100vw - 2rem));border:1px solid var(--line);border-radius:4px;background:var(--surface-raised);color:var(--paper);padding:1.25rem}
.song-modal::backdrop{background:rgba(0,0,0,.72)}
.song-modal iframe{width:100%;aspect-ratio:16/9;border:0}
.modal-close{float:right}

/* Administrator chrome and backstage layout. */
.site-header.has-subnav{border-bottom:0;box-shadow:none}
.nav-divider{width:1px;height:22px;margin:0 .5rem;background:var(--line)}
.account-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:4px;padding:.49rem .72rem}
.account-avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:var(--red);color:#fff7e6;font-size:.63rem}
.admin-bar{position:sticky;top:82px;z-index:19;display:flex;justify-content:space-between;align-items:stretch;gap:1.5rem;padding:0 max(1.25rem,calc((100vw - 1240px)/2));background:var(--admin-bar);border-top:1px solid rgba(244,237,217,.10);border-bottom:3px solid var(--red);box-shadow:0 10px 35px rgba(0,0,0,.38)}
.admin-bar-nav{display:flex;gap:2px;align-items:stretch}
.admin-bar-nav a{display:inline-flex;align-items:center;padding:.875rem 1rem;color:var(--muted);font-size:.76rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.10em}
.admin-bar-nav a:hover{color:var(--paper);background:rgba(215,67,54,.10)}
.admin-bar-nav a.is-current{color:#fff7e6;background:rgba(215,67,54,.20);box-shadow:inset 0 -3px 0 var(--red-bright)}
.admin-bar-meta{display:flex;align-items:center;gap:.75rem}
.admin-mode-label,.admin-crumbs{color:var(--dim);font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.crumb-sep{color:#4a453e;margin:0 .25rem}
.crumb-current{color:var(--ticket)}
.admin-mode-dot{width:8px;height:8px;border-radius:50%;background:var(--red-bright);box-shadow:0 0 10px rgba(239,90,75,.8)}

.stat-row{display:flex;gap:1.75rem;padding-top:1rem;border-top:1px solid var(--line)}
.stat-row b{display:block;color:var(--paper);font-size:2.125rem;font-weight:900;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.stat-row .is-flagged b{color:var(--red-bright)}
.stat-row span{display:block;color:var(--dim);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

.paper-head .eyebrow{margin:0;color:var(--red-dark);font-size:.7rem;letter-spacing:.18em}
.paper-panel .hint{color:var(--paper-meta);font-size:.78rem}
.paper-panel .button{border-color:var(--red-dark);background:var(--red-dark);box-shadow:none;border-radius:3px}
.paper-panel .actions form{margin:0}
.paper-row .button{min-height:34px;padding:.45rem .7rem;font-size:.67rem}
.paper-invite .code-box{background:var(--paper-field);border-color:rgba(33,30,25,.35)}

.lifecycle-head{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}
.lifecycle-head h2{margin:0;font-size:1.875rem;line-height:1}
.lifecycle-head .rule{height:3px;flex:1}
.lifecycle-count{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 .5rem;border:1px solid;border-radius:3px;font-size:.75rem;font-weight:900;font-variant-numeric:tabular-nums}
.is-intake h2,.is-intake .lifecycle-count{color:var(--pill-on-ink)}
.is-intake .lifecycle-count{border-color:rgba(239,90,75,.40);background:rgba(215,67,54,.16)}
.is-intake .rule{background:linear-gradient(90deg,var(--red),transparent)}
.is-listening h2,.is-listening .lifecycle-count{color:#ead69f}
.is-listening .lifecycle-count{border-color:rgba(230,201,134,.38);background:rgba(230,201,134,.11)}
.is-listening .rule{background:linear-gradient(90deg,var(--group-listen),transparent)}
.lifecycle-head .button{margin-left:auto}

.is-listening .contest-tile{border-top-color:var(--group-listen)}
.tile-meta{margin:0 0 .5rem;color:var(--ticket);font-size:.61rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.tile-pills{display:flex;gap:.375rem;flex-wrap:wrap;padding:0 1.125rem 1rem}
.control-room-hero .tile-pills{padding:0;margin-top:1rem}
.tile-foot .actions{gap:.375rem;flex:0 0 auto}
.open-mini{border:1px solid rgba(244,237,217,.24);border-radius:2px;padding:.31rem .56rem;color:var(--paper);text-decoration:none;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.open-mini:hover{border-color:var(--red-bright);background:rgba(215,67,54,.16)}

.state-pill-form{display:inline;margin:0}
.state-pill{display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--pill-off-dot);border-radius:2px;padding:.375rem .625rem;color:var(--pill-off-ink);background:rgba(238,230,207,.03);font-size:.625rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.state-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pill-off-dot)}
.state-pill.is-on{border-color:rgba(239,90,75,.62);color:var(--pill-on-ink);background:rgba(215,67,54,.16)}
.state-pill.is-on::before{background:var(--red-bright)}
.state-pill:disabled{opacity:.5;cursor:not-allowed}
.state-pill.is-saving{opacity:.58;cursor:progress}

.rollup-title .eyebrow{margin:0 0 .3rem}

.archived-link .badge{background:rgba(238,230,207,.10)}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}

.control-room-actions a,.control-room-actions .link-button{padding:.35rem 0;color:var(--ticket);font-size:.72rem;font-weight:900;text-transform:uppercase;text-decoration:none}
.access-panel .code-box{background:rgba(215,67,54,.09);border-color:rgba(223,145,136,.5)}
.access-panel .code-box a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.roster-panel>.section-heading{align-items:end}
.roster-head .lifecycle-head{margin-bottom:0}
.column-filter{min-width:170px;margin:0;border:0;padding:0}
.column-filter>summary{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:max-content;color:var(--ticket);list-style:none;cursor:pointer}
.column-filter>summary::-webkit-details-marker{display:none}
.column-filter>summary:hover,.column-filter[open]>summary{color:var(--paper)}
.column-filter[open] .filter-chevron{transform:translateY(2px) rotate(225deg)}
.column-filter.has-active-filter>summary{color:var(--red-bright)}
.sort-control{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.sort-control select{min-height:38px;padding:.4rem .6rem;color:var(--ink);font-size:.76rem;letter-spacing:normal;text-transform:none}

/* Scorecard, award cards, and the bars they share */
.metric-bar{overflow:hidden;width:100%;height:9px;border:1px solid var(--line);background:rgba(244,237,217,.05)}
.metric-bar.is-slim{height:5px;margin-top:.3rem}
.metric-bar>i{display:block;width:var(--value,0%);height:100%;background:linear-gradient(90deg,var(--red),var(--gold))}
.award-card{display:flex;flex-direction:column;gap:.7rem;padding:1.4rem;border:1px solid var(--line-bright);background:var(--surface-raised);box-shadow:var(--card-offset)}
.award-card.is-positive{border-color:rgba(230,201,134,.5)}
.award-card.is-negative{border-color:rgba(239,90,75,.5)}
.award-card.is-positive .award-score{color:var(--gold)}
.award-card.is-negative .award-score{color:var(--red-bright)}
.award-card h2{margin:0;font-size:clamp(1.4rem,4cqi,2rem)}
.award-card .button{align-self:flex-start;margin-top:.2rem}
.participation-table .identity-map,.report-method code{font-size:.7rem}
.align-right{text-align:right}
.member-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.member-dashboard-hero h1{margin-bottom:.5rem;color:var(--paper);font-size:4.75rem;text-shadow:5px 5px 0 rgba(215,67,54,.30)}
.member-dashboard-hero>div:first-child>p:last-child{max-width:650px;margin-bottom:0;color:var(--muted)}
.member-dashboard-hero .stat-row{min-width:440px}
.member-dashboard-section{margin-bottom:2.5rem}
.member-dashboard-section>.lifecycle-head .rule{background:linear-gradient(90deg,var(--ticket),transparent)}
.member-contest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.125rem}
.member-contest-card{display:flex;min-height:230px;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.25rem;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px;background:linear-gradient(160deg,rgba(36,30,26,.98),rgba(12,11,10,.99));box-shadow:var(--card-offset)}
.is-listening .member-contest-card{border-top-color:var(--group-listen)}
.member-contest-card h3{color:var(--paper);font-size:1.65rem;text-transform:uppercase}
.member-contest-card p:not(.tile-meta){color:var(--muted);font-size:.88rem}
.member-contest-card .button{align-self:flex-start}
.member-uploads-panel{border-radius:2px}

@media(max-width:980px){.poster-hero,.admin-hero,.settings-layout,.submission-controls-layout,.member-dashboard-hero{grid-template-columns:1fr}.poster-copy{max-width:760px}.review-layout{grid-template-columns:1fr}.settings-next{position:relative;top:auto}.member-dashboard-hero .stat-row{min-width:0}}
@media(max-width:820px){.track,.publish-panel,.access-grid,.bracket-live-controls{grid-template-columns:1fr}.admin-bar-meta{display:none}}
@media(max-width:720px){.site-header,.split-heading{align-items:stretch}.site-header{position:static;flex-direction:column;gap:.65rem}.site-header nav{gap:.2rem}.admin-bar{position:static;flex-direction:column;align-items:stretch;gap:0;padding:0 1rem}.admin-bar-nav{overflow-x:auto}.admin-bar-nav a{padding:.75rem}.stat-row{flex-wrap:wrap;gap:1.25rem}.choice-grid{grid-template-columns:1fr}.admin-hero h1,.settings-layout>div>h1,.submission-hero h1,.member-dashboard-hero h1{font-size:2.75rem}.container{padding-top:2.25rem}.split-heading{flex-direction:column}.section-heading,.group-heading{align-items:flex-start}.group-heading{flex-direction:column}.poster-art{box-shadow:7px 8px 0 var(--red-dark),var(--shadow)}h1{font-size:2.75rem}.rollup-meta{display:none}.playlist-player{gap:.75rem;margin-inline:-.45rem;padding:.85rem}.playlist-player-options{grid-template-columns:minmax(0,1fr) auto}.playlist-shuffle{padding-inline:.75rem}.playlist-now-playing{padding:.55rem 0}.playlist-transport{gap:.5rem}.playlist-transport button{min-height:52px;padding:.5rem;font-size:.76rem}.playlist-transport .playlist-play-toggle{min-height:58px;font-size:.95rem}.imported-playlist-transport.has-group-jump,.anonymous-playlist-transport.has-group-jump{grid-template-columns:repeat(3,minmax(0,1fr))}.playlist-group-jump{grid-column:1/-1;min-height:56px}.playlist-progress-row{gap:.45rem}.playlist-playback-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}