/* css/core.css - v1.0.0 - 2026-11-01 - Shared layouts and print effects for the Songhub pages. */
:root {
  color-scheme: dark;
  --black:#000;
  --white:#fff;
  --purple:#4b0082;
  --blue:#0c0f3a;
  --green:#39ff14;
  --turquoise:#07ffe8;
  --pink:#ff007f;
  --muted:rgba(255,255,255,.7);
  --line:rgba(255,255,255,.18);
}
* {
  box-sizing:border-box;
}
.kicker { background:var(--blue); border-bottom:1px solid var(--turquoise); }
.kicker-inner { display:flex; align-items:center; gap:12px; padding:10px 20px; }
.kicker-window { flex:1; min-width:0; overflow:hidden; }
.kicker-track { display:flex; width:max-content; }
.kicker-links { display:flex; align-items:center; gap:42px; padding-right:42px; flex-shrink:0; }
.kicker-item { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.kicker-label { color:var(--pink); font-size:.62rem; text-transform:uppercase; font-weight:750; }
.kicker-item a { font-size:.8rem; font-weight:650; }
.kicker-domain { color:var(--turquoise); font-size:.7rem; font-weight:400; margin-left:12px; }
.kicker-controls { flex-shrink:0; }
.kicker-controls button { min-height:34px; min-width:56px; padding:5px 10px; background:transparent; border:1px solid var(--line); color:var(--white); cursor:pointer; }
.kicker-controls button:hover { border-color:var(--turquoise); }
.kicker-controls button:focus-visible { outline:3px solid var(--turquoise); outline-offset:3px; }
.kicker [hidden] { display:none; }
.kicker-copy { display:none; }
.kicker.is-running .kicker-copy { display:flex; }
.kicker.is-running .kicker-track { animation:kicker-scroll 42s linear infinite; }
.kicker:hover .kicker-track,.kicker.is-paused .kicker-track { animation-play-state:paused; }
@keyframes kicker-scroll { to { transform:translateX(-50%); } }
/* Keyboard, reduced-motion and no-script views expose each real link once. */
.kicker:not(.is-running) .kicker-track,.kicker.is-static .kicker-track,.kicker:has(a:focus-visible) .kicker-track { animation:none; transform:none; width:auto; }
.kicker:not(.is-running) .kicker-links,.kicker.is-static .kicker-links,.kicker:has(a:focus-visible) .kicker-links { flex-wrap:wrap; gap:12px 30px; padding:4px; flex-shrink:1; }
.kicker.is-static .kicker-copy,.kicker:has(a:focus-visible) .kicker-copy { display:none; }
.kicker:not(.is-running) .kicker-item,.kicker.is-static .kicker-item,.kicker:has(a:focus-visible) .kicker-item { white-space:normal; flex-wrap:wrap; }
@media(prefers-reduced-motion:reduce) { .kicker.is-running .kicker-track { animation:none; } }
html {
  scroll-behavior:auto;
  scroll-padding-top:24px;
}
body {
  margin:0;
  background:var(--black);
  color:var(--white);
  font-family:"Segoe UI",Arial,sans-serif;
  line-height:1.65;
}
a {
  color:inherit;
  text-underline-offset:5px;
}
a:hover {
  color:var(--turquoise);
}
a:focus-visible {
  outline:3px solid var(--turquoise);
  outline-offset:6px;
}
.shell {
  width:min(1320px,100%);
  padding:0 42px;
  margin:auto;
}
.skip-link {
  position:absolute;
  top:-100px;
  left:16px;
  z-index:5;
  background:var(--black);
  padding:12px;
}
.skip-link:focus {
  top:10px;
}
.move-strip {
  background:var(--green);
  color:var(--black);
  text-align:center;
  padding:8px 16px;
  font-size:.72rem;
  font-weight:650;
}
.move-strip p {
  margin:0;
}
.move-strip a:hover {
  color:var(--purple);
}
.site-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:100px;
  gap:22px;
  border-bottom:1px solid var(--line);
}
.brand {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:1.04rem;
  font-weight:800;
  letter-spacing:.14em;
  text-decoration:none;
}
.brand img {
  width:60px;
  height:60px;
  object-fit:contain;
}
.brand-note {
  display:block;
  color:var(--muted);
  font-size:.65rem;
  font-weight:400;
  letter-spacing:.02em;
}
.main-nav {
  display:flex;
  align-items:center;
  gap:28px;
  font-size:.78rem;
}
.main-nav a {
  text-decoration:none;
}
.main-nav .nav-feature {
  border:1px solid var(--green);
  padding:10px 16px;
  color:var(--green);
}
.eyebrow {
  margin:0 0 20px;
  font-size:.66rem;
  font-weight:750;
  letter-spacing:.19em;
  color:var(--turquoise);
}
.launch {
  padding-top:40px;
}
.launch-heading {
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:44px;
  align-items:end;
  margin-bottom:34px;
}
h1,h2 {
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.005em;
}
h1 {
  font-size:clamp(3rem,6.2vw,6.1rem);
  line-height:.98;
  margin:0;
}
h1 span {
  display:block;
  font-size:1.23em;
  color:var(--green);
}
.launch-pitch {
  padding-bottom:4px;
}
.launch-pitch > p:not(.pitch-lead) {
  color:var(--muted);
  font-size:.9rem;
}
.launch-pitch strong {
  color:var(--white);
  font-weight:600;
}
.pitch-lead {
  font-size:1.15rem;
  line-height:1.4;
  font-weight:700;
  margin:0 0 14px;
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:50px;
  padding:13px 21px;
  background:var(--green);
  color:var(--black);
  font-size:.83rem;
  font-weight:800;
  text-decoration:none;
  border:1px solid var(--green);
}
.button:hover {
  color:var(--black);
  background:var(--turquoise);
  border-color:var(--turquoise);
}
.launch-pitch .small-note {
  font-size:.67rem;
  margin:10px 0 0;
}
.campaign-art {
  display:block;
  border:1px solid var(--line);
}
.campaign-art img {
  display:block;
  width:100%;
  height:auto;
}
.campaign-art:hover {
  border-color:var(--pink);
}
.campaign-caption {
  display:flex;
  justify-content:space-between;
  gap:22px;
  border-bottom:1px solid var(--line);
  padding:15px 0;
  font-size:.66rem;
  letter-spacing:.1em;
}
.campaign-caption p {
  margin:0;
}
.campaign-caption span {
  color:var(--pink);
  padding-inline:10px;
}
.campaign-caption a {
  color:var(--muted);
  letter-spacing:0;
}
h2 {
  font-size:clamp(2rem,4.1vw,3.8rem);
  line-height:1.08;
  margin:0 0 25px;
}
h2 span {
  color:var(--green);
}
.text-link {
  display:inline-block;
  color:var(--turquoise);
  font-size:.84rem;
  font-weight:700;
  margin-top:10px;
}
.advertising-invite {
  padding:26px;
  border:1px solid var(--purple);
  background:var(--blue);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.advertising-invite p {
  margin:0;
  font-size:.84rem;
  font-weight:650;
}
.advertising-invite a {
  color:var(--turquoise);
  font-size:.76rem;
}
.site-footer {
  display:flex;
  flex-wrap:wrap;
  gap:25px;
  align-items:center;
  padding:28px 0;
  font-size:.68rem;
  color:var(--muted);
}
.site-footer p {
  margin:0 auto 0 0;
}
.site-footer a {
  text-decoration:none;
}
.ad-page {
  padding:42px 0 5px;
}
.ad-page > h1 {
  font-size:clamp(3rem,6vw,5.6rem);
  max-width:14ch;
}
.ad-intro {
  color:var(--muted);
  max-width:68ch;
  margin-bottom:35px;
}
.ad-page h2 {
  font-size:2.3rem;
}
.ite-ad-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.ite-ad-card {
  min-width:0;
  border:1px solid var(--line);
  padding:25px;
  background:var(--blue);
  overflow-wrap:anywhere;
}
.ite-ad-card h3 {
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-size:1.8rem;
  font-weight:400;
  line-height:1.2;
  text-transform:uppercase;
  color:var(--green);
  margin:20px 0 12px;
}
.ite-ad-link {
  text-decoration:none;
}
.ite-ad-label {
  color:var(--turquoise);
  font-size:.68rem;
  margin:0 0 18px;
}
.ite-ad-image {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  background:var(--black);
}
.ite-ad-card > p:last-child {
  color:var(--muted);
  font-size:.85rem;
}
.ad-info {
  margin:45px 0;
  padding:15px 28px;
  border-left:3px solid var(--pink);
}
.ad-info > p {
  max-width:75ch;
  font-size:.9rem;
}
.site-info-nav {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:45px 0 25px;
  padding:18px 0;
  border-block:1px solid var(--line);
  font-size:.85rem;
}
.ad-info h3 { margin-top:28px; }
.ad-info[id] { scroll-margin-top:25px; }
.ad-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:24px;
  margin:25px 0;
}
.ad-actions > a:last-child {
  font-size:.8rem;
}
.small-note {
  font-size:.75rem;
  color:var(--muted);
}
@media(max-width:950px) {
  .shell {
    padding:0 28px;
  }
  .main-nav {
    gap:16px;
  }
  .launch-heading {
    grid-template-columns:1.4fr 1fr;
    gap:25px;
  }
  h1 {
    font-size:clamp(3rem,6.9vw,5.5rem);
  }
}
@media(max-width:650px) {
  .shell {
    padding:0 18px;
  }
  .move-strip {
    font-size:.64rem;
  }
  .site-header {
    min-height:86px;
  }
  .brand {
    font-size:.84rem;
    gap:4px;
  }
  .brand img {
    width:45px;
    height:45px;
  }
  .brand-note {
    font-size:.58rem;
  }
  .main-nav > a:not(.nav-feature) {
    display:none;
  }
  .main-nav .nav-feature {
    padding:8px 10px;
    font-size:.67rem;
  }
  .launch {
    padding-top:28px;
  }
  .launch-heading {
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:24px;
  }
  h1 {
    font-size:clamp(2.6rem,11vw,4.7rem);
  }
  .eyebrow {
    font-size:.58rem;
    margin-bottom:17px;
  }
  .pitch-lead {
    font-size:1.1rem;
  }
  .launch-pitch > p:not(.pitch-lead) {
    font-size:.87rem;
  }
  .campaign-caption {
    flex-direction:column;
    gap:10px;
    font-size:.57rem;
    letter-spacing:.04em;
  }
  .campaign-caption span {
    padding-inline:3px;
  }
  h2 {
    font-size:2.6rem;
  }
  .advertising-invite {
    flex-direction:column;
    align-items:flex-start;
    padding:20px;
  }
  .ite-ad-grid {
    grid-template-columns:1fr;
  }
  .ite-ad-card {
    padding:20px;
  }
  .ad-info {
    padding:12px 18px;
  }
  .ad-actions {
    align-items:flex-start;
    flex-direction:column;
  }
  .ad-actions > a:last-child {
    overflow-wrap:anywhere;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}
/* Music discovery directory; supplied artwork retains its original composition. */
.hub-art {
  border:1px solid var(--line);
}
.hub-art img {
  display:block;
  width:100%;
  height:auto;
}
.directory-section {
  padding:66px 0;
  border-bottom:1px solid var(--line);
}
.section-heading {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  align-items:end;
  gap:50px;
  margin-bottom:34px;
}
.section-heading h2 {
  margin-bottom:0;
}
.section-heading > p {
  color:var(--muted);
  font-size:.91rem;
  max-width:55ch;
}
.directory-group-title {
  margin:36px 0 18px;
  font-size:1.1rem;
  font-weight:650;
}
.shop-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.shop-grid-two {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.shop-card {
  padding:25px;
  min-width:0;
  border:1px solid var(--line);
  background:var(--blue);
  display:flex;
  flex-direction:column;
}
.shop-kind {
  color:var(--turquoise);
  margin:0 0 16px;
  font-size:.65rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.shop-card h3 {
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  text-transform:uppercase;
  font-weight:400;
  font-size:2.05rem;
  line-height:1.15;
  margin:0 0 16px;
  overflow-wrap:anywhere;
}
.shop-card h3 a {
  text-decoration:none;
}
.shop-intro {
  margin:0 0 12px;
  font-size:.9rem;
}
.shop-detail {
  color:var(--muted);
  font-size:.83rem;
  margin:0 0 20px;
}
.shop-fit {
  color:var(--muted);
  font-size:.77rem;
  margin-top:auto;
}
.shop-fit strong {
  color:var(--white);
  font-weight:650;
}
.shop-formats {
  color:var(--turquoise);
  font-size:.65rem;
  padding-top:13px;
  border-top:1px solid var(--line);
}
.shop-card .text-link {
  font-size:.78rem;
}
.directory-note {
  font-size:.71rem;
  color:var(--muted);
  max-width:100ch;
  margin-top:25px;
}
.featured-project {
  padding:65px 0;
  border-bottom:1px solid var(--line);
}
.feature-routes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin-top:30px;
}
.feature-routes article {
  padding-top:20px;
  border-top:2px solid var(--pink);
}
.feature-routes h3 {
  font-size:1.2rem;
  margin:0 0 12px;
}
.feature-routes p:not(.shop-kind) {
  color:var(--muted);
  font-size:.85rem;
}
.feature-routes .text-link {
  font-size:.77rem;
}
.hub-purpose {
  padding:46px 0;
  max-width:83ch;
}
.hub-purpose h2 {
  font-size:2.4rem;
  margin-bottom:18px;
}
.hub-purpose > p:last-child {
  color:var(--muted);
  font-size:.89rem;
}
@media(max-width:1000px) {
  .shop-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px) {
  .directory-section,.featured-project {
    padding:42px 0;
  }
  .section-heading {
    grid-template-columns:1fr;
    gap:15px;
    margin-bottom:24px;
  }
  .shop-grid,.shop-grid-two,.feature-routes {
    grid-template-columns:1fr;
  }
  .shop-card {
    padding:23px;
  }
  .shop-card h3 {
    font-size:2rem;
  }
  .directory-group-title {
    margin-top:27px;
  }
  .hub-purpose {
    padding:35px 0;
  }
  .hub-purpose h2 {
    font-size:2.25rem;
  }
}
/* Clear discovery actions and a music-specific ITE advertising invitation. */
.ite-ad-card {
  display:flex;
  flex-direction:column;
}
.ite-ad-card > p {
  color:var(--muted);
  font-size:.85rem;
}
.ad-cta {
  align-self:flex-start;
  margin-top:auto;
  padding-top:15px;
  font-size:.81rem;
  font-weight:700;
  color:var(--turquoise);
}
.ite-ad-card .ite-ad-label {
  color:var(--turquoise);
  font-size:.68rem;
}
.ad-page .ite-ad-card { border:2px solid var(--purple); border-top:8px solid var(--turquoise); box-shadow:6px 6px 0 var(--purple); }
.ad-page .ite-ad-card:nth-child(even) { border-top-color:var(--pink); }
.ad-page .ite-ad-card h3 { font-size:clamp(1.8rem,3vw,2.8rem); }
.ad-page .ad-cta { padding:12px 16px; margin-top:auto; background:var(--turquoise); color:var(--black); text-decoration:none; }
.ad-page .ite-ad-card:nth-child(even) .ad-cta { background:var(--green); }
.ad-opening {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  align-items:end;
  gap:60px;
  padding-bottom:36px;
  border-bottom:1px solid var(--line);
  margin-bottom:40px;
}
.ad-opening h1 {
  font-size:clamp(3.2rem,6.3vw,5.6rem);
}
.ad-opening .ad-intro {
  margin-bottom:15px;
}
.ad-opening .text-link {
  margin-bottom:8px;
}
.advertiser-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin:30px 0;
}
.advertiser-steps h3 {
  font-size:1rem;
  color:var(--turquoise);
}
.advertiser-steps p {
  font-size:.82rem;
  color:var(--muted);
}
@media(max-width:800px) {
  .ad-opening {
    grid-template-columns:1fr;
    gap:22px;
  }
}
@media(max-width:650px) {
  .advertiser-steps {
    grid-template-columns:1fr;
    gap:10px;
  }
  .ad-opening {
    padding-bottom:25px;
  }
}

/* Comparable criteria remain labelled when rows stack on a phone. */
.weekblad { margin-top:48px; padding:32px; border:1px solid var(--purple); border-top:5px solid var(--pink); background:var(--blue); }
.weekblad-masthead { border-bottom:1px solid var(--turquoise); padding-bottom:22px; }
.weekblad-masthead h2 { font-size:clamp(2.8rem,5.5vw,5rem); margin-bottom:12px; }
.weekblad-date { color:var(--turquoise); font-size:.76rem; margin:0; }
.weekblad-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px; padding-top:26px; }
.weekblad-language { color:var(--pink); font-size:.66rem; font-weight:800; letter-spacing:.14em; }
.weekblad-columns h3 { font-family:Impact,"Arial Narrow",Arial,sans-serif; font-weight:400; text-transform:uppercase; font-size:2.4rem; line-height:1.1; margin:14px 0 24px; }
.weekblad-columns p:not(.weekblad-language) { font-size:.86rem; color:var(--muted); }
.weekblad-columns strong { color:var(--white); }
.weekblad-columns a { color:var(--turquoise); }
.weekblad-columns .weekblad-trail { border-top:1px solid var(--line); padding-top:18px; font-size:.75rem; }
.weekblad-signoff { border-top:1px solid var(--line); padding-top:18px; margin-bottom:0; color:var(--muted); font-size:.72rem; }
.weekblad-signoff span { display:block; }
@media(max-width:700px) {
  .weekblad { padding:24px 19px; }
  .weekblad-columns { grid-template-columns:1fr; gap:24px; }
  .weekblad-columns article + article { border-top:1px solid var(--line); padding-top:20px; }
}
.comparison { margin:32px 0 45px; }
.comparison > h3 { font-size:1.4rem; margin-bottom:10px; }
.comparison-intro { color:var(--muted); max-width:80ch; font-size:.88rem; }
.comparison-row { display:grid; grid-template-columns:1fr 3fr; gap:24px; padding:22px 0; border-bottom:1px solid var(--line); }
.comparison-row h4 { margin:0; font-size:1rem; overflow-wrap:anywhere; }
.comparison-row h4 a { color:var(--turquoise); }
.comparison-row dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; }
.comparison-row dt { font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); margin-bottom:8px; }
.comparison-row dd { font-size:.82rem; margin:0; }
.comparison-label { display:block; margin-top:8px; font-size:.65rem; font-weight:400; color:var(--green); }
@media(max-width:800px) {
  .comparison-row { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:500px) {
  .comparison-row dl { grid-template-columns:1fr; gap:14px; }
  .comparison-row dt { margin-bottom:3px; }
}

.footer-identity { flex-basis:100%; font-size:.75rem; overflow-wrap:anywhere; }

/* Discovery hierarchy: compact feature, useful comparison, weekly editorial. */
.weekblad-teaser { display:flex; align-items:center; gap:24px; padding:20px 0; border-bottom:1px solid var(--pink); font-size:.8rem; }
.weekblad-teaser > span { color:var(--turquoise); font-weight:800; letter-spacing:.05em; }
.weekblad-teaser strong { color:var(--pink); margin-left:12px; }
.weekblad-teaser p { flex:1; color:var(--muted); margin:0; }
.weekblad-teaser a { color:var(--green); font-weight:700; }
.featured-project { display:grid; grid-template-columns:1fr 1fr; gap:28px 40px; align-items:center; }
.featured-project .section-heading { display:block; margin:0; }
.featured-project .section-heading > p { margin-bottom:0; }
.featured-project .campaign-art { grid-column:2; grid-row:1; }
.featured-project .feature-routes { grid-column:1 / -1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; }
.featured-project .feature-routes article { padding-top:12px; }
.featured-project .feature-routes .shop-kind { display:none; }
.featured-project .feature-routes h3 { margin-bottom:4px; }
.featured-project .feature-routes p { margin:4px 0; }
.featured-project .feature-routes .text-link { margin-top:4px; }
.source-filters { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 12px; }
.source-filters[hidden],.source-count[hidden],.comparison-row[hidden] { display:none; }
.source-filters button { font:inherit; font-size:.83rem; padding:10px 16px; border:1px solid var(--purple); background:var(--blue); color:var(--white); cursor:pointer; }
.source-filters button[aria-pressed="true"] { background:var(--green); color:var(--black); border-color:var(--green); }
.source-filters button:focus-visible, .directory-details summary:focus-visible { outline:3px solid var(--turquoise); outline-offset:4px; }
.source-count { font-size:.72rem; color:var(--muted); }
.comparison-row { padding:22px; border:1px solid var(--line); margin-top:10px; background:var(--blue); border-left:3px solid var(--purple); }
.comparison-row:has(.comparison-label) { border-left-color:var(--pink); }
.directory-details { border-top:1px solid var(--turquoise); padding-top:18px; }
.directory-details summary { cursor:pointer; color:var(--turquoise); font-weight:700; padding:10px 0; }
@media(max-width:800px) {
  .weekblad-teaser { flex-wrap:wrap; gap:10px 20px; }
  .weekblad-teaser p { flex-basis:100%; }
  .featured-project { grid-template-columns:1fr; }
  .featured-project .campaign-art { grid-column:1; grid-row:auto; }
  .featured-project .feature-routes { grid-row:auto; }
}
@media(max-width:650px) {
  .site-header { flex-wrap:wrap; padding:18px 0; gap:14px; }
  .main-nav { flex-wrap:wrap; gap:10px 18px; width:100%; }
  .main-nav > a:not(.nav-feature) { display:inline-block; }
  .main-nav a { padding:6px 0; }
  .comparison-row { padding:18px; }
}

.hub-purpose { max-width:none; display:grid; grid-template-columns:220px 1fr; gap:30px; align-items:center; }
.hub-purpose > img { width:100%; height:auto; border:1px solid var(--purple); }
.hub-purpose .eyebrow { margin-bottom:12px; }
.hub-purpose .purpose-copy > p:last-child { color:var(--muted); max-width:70ch; }
@media(max-width:800px) { .featured-project .feature-routes { grid-template-columns:1fr; } }
@media(max-width:650px) { .hub-purpose { grid-template-columns:1fr; } .hub-purpose > img { max-width:220px; } }

/* Restored Songhub20 art, presented intact rather than rewritten or cropped. */
.gabber-fair { margin:60px 0 24px; border:2px solid var(--pink); padding:32px; background:var(--blue); border-top:14px solid var(--green); }
.fair-head { display:grid; grid-template-columns:1fr 260px; gap:36px; align-items:center; margin-bottom:32px; }
.fair-head h2 { font-family:Impact,"Arial Narrow",Arial,sans-serif; text-transform:uppercase; font-weight:400; font-size:clamp(3rem,6vw,6rem); line-height:1; margin:16px 0; }
.fair-head h2 span { color:var(--pink); }
.fair-head > div > p:not(.eyebrow) { max-width:60ch; }
.fair-head img { width:100%; height:auto; border:3px solid var(--turquoise); transform:rotate(3deg); }
.fair-ticket { display:inline-block; padding:10px 15px; background:var(--green); color:var(--black); font-weight:800; font-size:.73rem; letter-spacing:.08em; }
.fair-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.fair-booth { --booth:var(--turquoise); border:1px solid var(--booth); border-top:7px solid var(--booth); background:var(--black); padding:22px; min-width:0; }
.fair-booth:nth-child(3n+2) { --booth:var(--pink); }
.fair-booth:nth-child(3n) { --booth:var(--green); }
.fair-tag { color:var(--booth); font-size:.65rem; font-weight:800; letter-spacing:.12em; }
.fair-booth h3 { font-family:Impact,"Arial Narrow",Arial,sans-serif; font-size:2rem; line-height:1.08; text-transform:uppercase; font-weight:400; margin:14px 0; }
.fair-intro { font-size:.8rem; color:var(--muted); min-height:3.5em; }
.fair-links a { display:block; border-top:1px solid var(--purple); padding:15px 0; text-decoration:none; }
.fair-links strong { color:var(--booth); font-size:.95rem; display:flex; justify-content:space-between; gap:12px; }
.fair-links a > span { display:block; font-size:.76rem; color:var(--muted); line-height:1.5; margin-top:5px; }
.fair-links a:hover strong { color:var(--white); text-decoration:underline; }
.fair-links a:focus-visible { outline:2px solid var(--booth); outline-offset:4px; }
.fair-footnote { font-size:.7rem; color:var(--muted); margin:24px 0 0; }
@media(max-width:950px) { .fair-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .fair-head { grid-template-columns:1fr 200px; } }
@media(max-width:600px) { .gabber-fair { padding:20px 16px; } .fair-grid,.fair-head { grid-template-columns:1fr; } .fair-head img { max-width:210px; justify-self:center; } .fair-intro { min-height:0; } }
.section-art { display:block; width:100%; height:auto; margin:0 0 30px; border:1px solid var(--purple); }
.waveform-art { margin:20px 0; border:0; }
.weekblad-masthead { display:flow-root; }
.weekblad-art { float:right; width:190px; height:auto; margin:0 0 12px 28px; border:1px solid var(--pink); }
@media(max-width:700px) { .weekblad-art { float:none; display:block; width:100%; max-width:260px; margin:0 auto 26px; } }

/* A neon flyer wall for the gabber startpagina. */
.gabber-fair { padding:0 32px 30px; background:var(--black); border:2px solid var(--purple); overflow:hidden; }
.fair-tape { margin:0 -32px 38px; padding:14px 20px; background:var(--pink); color:var(--black); font-weight:900; font-size:clamp(.7rem,1.6vw,1.3rem); letter-spacing:.08em; text-align:center; }
.fair-head { grid-template-columns:1.1fr 1fr; gap:45px; padding:10px 12px 25px; }
.fair-head h2 { font-size:clamp(3.8rem,7.4vw,7.8rem); letter-spacing:-.035em; }
.fair-head h2 span { color:var(--green); text-shadow:4px 4px 0 var(--purple); }
.fair-head .eyebrow { color:var(--pink); }
.fair-poster { position:relative; margin:12px 15px; transform:rotate(4deg); }
.fair-head .fair-poster img { transform:none; display:block; width:100%; max-width:none; box-shadow:12px 12px 0 var(--purple); }
.fair-sticker { position:absolute; top:-18px; right:-14px; width:118px; height:118px; border-radius:50%; background:var(--pink); color:var(--black); display:grid; place-content:center; text-align:center; font-weight:900; line-height:1.05; transform:rotate(12deg); border:5px solid var(--black); }
.fair-poster-label { display:block; padding:12px; background:var(--turquoise); color:var(--black); text-align:center; font-size:.7rem; font-weight:900; }
.fair-lucky { margin-top:20px; }.fair-lucky[hidden] { display:none; }
.fair-draw { background:var(--pink); color:var(--black); padding:14px 18px; border:2px solid var(--pink); font:inherit; font-weight:800; cursor:pointer; box-shadow:5px 5px 0 var(--purple); }
.fair-draw:hover { background:var(--turquoise); border-color:var(--turquoise); }
.fair-draw:focus-visible { outline:3px solid var(--green); outline-offset:5px; }
.fair-pick { font-size:.8rem; min-height:2.8em; }.fair-pick a { color:var(--turquoise); font-weight:800; }
.fair-map { display:flex; flex-wrap:wrap; gap:9px; padding:18px 0 30px; }
.fair-map a { background:var(--purple); color:var(--white); padding:10px 15px; font-size:.8rem; font-weight:800; text-decoration:none; }
.fair-map a:nth-child(even) { background:var(--turquoise); color:var(--black); }
.fair-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }
.fair-booth { border:2px solid var(--booth); border-top:9px solid var(--booth); box-shadow:6px 6px 0 var(--purple); position:relative; scroll-margin-top:25px; }
.fair-booth:nth-child(2) { margin-top:55px; background:var(--pink); --booth:var(--black); }
.fair-booth:nth-child(2) .fair-intro,.fair-booth:nth-child(2) .fair-links a > span,.fair-booth:nth-child(2) h3 { color:var(--black); }
.fair-booth:nth-child(3) { margin-top:15px; background:var(--blue); }
.fair-booth:nth-child(4) { grid-column:span 2; background:var(--blue); }
.fair-booth:nth-child(5) { background:var(--green); --booth:var(--black); }
.fair-booth:nth-child(5) .fair-intro,.fair-booth:nth-child(5) .fair-links a > span,.fair-booth:nth-child(5) h3 { color:var(--black); }
.fair-booth:nth-child(6) { grid-column:1 / -1; background:var(--purple); }
.fair-booth:nth-child(6) .fair-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.fair-booth h3 { font-size:clamp(2rem,3vw,3rem); }
.booth-art { display:block; width:100%; height:auto; margin-bottom:22px; }
.phantom-strip { display:block; width:100%; height:auto; margin-bottom:22px; }
.fair-vinyl { width:155px; height:155px; margin:0 auto 24px; border-radius:50%; background:repeating-radial-gradient(circle,var(--black) 0 3px,#242424 4px 5px); display:grid; place-content:center; border:3px solid var(--pink); transform:rotate(-15deg); }
.fair-vinyl span { display:grid; place-content:center; background:var(--green); color:var(--black); width:72px; height:72px; border-radius:50%; text-align:center; font-size:.7rem; font-weight:900; line-height:1.1; }
.fair-links a { transition:padding .15s ease; }.fair-links a:hover { padding-left:8px; }
.fair-booth:nth-child(2) .fair-links a:hover strong,
.fair-booth:nth-child(5) .fair-links a:hover strong { color:var(--black); }
.fair-map a:focus-visible { outline:3px solid var(--pink); outline-offset:4px; }
@media(max-width:950px) { .fair-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .fair-booth:nth-child(3) { margin-top:0; } .fair-booth:nth-child(4) { grid-column:auto; } .fair-head { gap:20px; } }
@media(max-width:600px) { .gabber-fair { padding:0 18px 24px; }.fair-tape { margin:0 -18px 24px; }.fair-head { grid-template-columns:1fr; padding:0; }.fair-head h2 { font-size:3.7rem; }.fair-poster { width:85%; justify-self:center; margin:10px 0 25px; }.fair-grid { grid-template-columns:1fr; }.fair-booth:nth-child(2),.fair-booth:nth-child(3) { margin-top:0; }.fair-booth:nth-child(6) .fair-links { grid-template-columns:1fr; gap:0; }.fair-sticker { width:94px; height:94px; font-size:.8rem; } }
@media(prefers-reduced-motion:reduce) { .fair-links a { transition:none; } }
/* Bilingual controls and an opt-in moving, non-flashing visual instrument. */
.experience-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 25px; background:var(--black); padding:12px 20px; border-bottom:2px solid var(--pink); font-size:.78rem; }
.experience-bar nav { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; min-width:0; max-width:100%; }.experience-bar a { color:var(--turquoise); }.experience-bar [aria-current] { color:var(--green); font-weight:900; text-decoration-thickness:3px; }
.experience-bar button,.lab-controls button,.passport-actions button { padding:10px 14px; border:2px solid var(--turquoise); background:var(--black); color:var(--turquoise); font:inherit; font-weight:800; cursor:pointer; }
.experience-bar [hidden],.lab-controls[hidden],.passport-actions[hidden] { display:none; }
[data-theme="distorted"] .launch h1,[data-theme="distorted"] .play-intro h2,[data-theme="distorted"] .ad-opening h1 { text-shadow:-3px 1px 0 var(--pink),3px -1px 0 var(--turquoise); letter-spacing:-.035em; }
[data-theme="distorted"] .move-strip { transform:skewY(-1deg); background:var(--purple); }
[data-theme="distorted"] .section-heading h2 { text-shadow:3px 3px 0 var(--purple); }
[data-theme="distorted"] .fair-tape { transform:rotate(-1deg) scale(1.04); }
[data-theme="distorted"] .ite-ad-card:nth-child(odd) { transform:rotate(-.6deg); }
[data-theme="distorted"] .ite-ad-card:nth-child(even) { transform:rotate(.6deg); }
.playground { margin:70px 0; padding:36px; border:2px solid var(--turquoise); background:var(--blue); box-shadow:8px 8px 0 var(--purple); }
.play-intro h2 { font-family:Impact,'Arial Narrow',Arial,sans-serif; text-transform:uppercase; font-weight:400; font-size:clamp(2.8rem,6vw,5.8rem); line-height:1; margin:14px 0 22px; }.play-intro h2 span { color:var(--green); }.play-intro > p:last-child { max-width:65ch; }
.play-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:30px; margin-top:30px; }.play-grid > div { min-width:0; }
#neon-canvas { display:block; width:100%; height:auto; aspect-ratio:9/7; border:1px solid var(--pink); background:#050415; touch-action:none; cursor:crosshair; }
#neon-canvas:focus-visible { outline:3px solid var(--green); outline-offset:6px; }
.lab-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:18px; font-size:.78rem; }.lab-controls label { color:var(--turquoise); }.lab-controls input { width:140px; accent-color:var(--pink); }
.passport-machine { padding:25px; background:var(--black); border-top:8px solid var(--pink); }.passport-machine h3 { font-family:Impact,'Arial Narrow',Arial,sans-serif; text-transform:uppercase; font-weight:400; font-size:2.6rem; line-height:1.05; margin:16px 0; }.passport-machine > p { font-size:.85rem; }
.passport-ticket { display:flex; flex-direction:column; gap:18px; padding:26px 20px; margin:24px 0; border:2px dashed var(--black); outline:5px solid var(--green); background:var(--green); color:var(--black); transform:rotate(-2deg); }
.passport-ticket > span:first-child { font-size:1.9rem; font-family:Impact,'Arial Narrow',Arial,sans-serif; text-transform:uppercase; }.passport-ticket strong { font-size:.95rem; }.passport-stamp { font-size:.6rem; font-weight:900; letter-spacing:.06em; }
.passport-actions { display:flex; flex-wrap:wrap; gap:10px; font-size:.78rem; }.passport-actions button:first-child { color:var(--black); background:var(--pink); border-color:var(--pink); }
.share-fallback { display:block; overflow-wrap:anywhere; font-size:.72rem; color:var(--turquoise); }.share-status { color:var(--green); min-height:1.5em; }
.experience-bar button:focus-visible,.playground button:focus-visible,.playground input:focus-visible { outline:3px solid var(--green); outline-offset:4px; }
[data-theme="clean"] .fair-poster,[data-theme="clean"] .passport-ticket { transform:none; }
@media(max-width:800px) { .play-grid { grid-template-columns:1fr; }.playground { padding:24px 18px; }.passport-machine { padding:22px 18px; } }
@media(prefers-reduced-motion:reduce) { [data-theme="distorted"] .ite-ad-card { transform:none; } }
/* Kick-dimension edition: original artwork, tactile poster layers and four visual worlds. */
.hub-art { position:relative; overflow:visible; }
.hero-backstage { position:absolute; right:3%; bottom:-18px; display:grid; gap:8px; padding:22px; max-width:280px; background:var(--pink); color:var(--black); border:3px solid var(--black); box-shadow:8px 8px 0 var(--turquoise); text-decoration:none; transform:rotate(4deg); }
.hero-backstage span { font-size:.65rem; letter-spacing:.08em; font-weight:900; }
.hero-backstage strong { font-family:Impact,'Arial Narrow',sans-serif; font-weight:400; font-size:2.5rem; line-height:1; text-transform:uppercase; }
.hero-backstage:hover,.hero-backstage:focus-visible { background:var(--green); outline:3px solid var(--turquoise); }
.campaign-caption { padding-top:32px; }
.playground { position:relative; isolation:isolate; background:radial-gradient(ellipse at 95% 0%,#4b0082 0,transparent 50%),var(--blue); border:2px solid var(--pink); padding:40px; box-shadow:10px 10px 0 var(--purple),-7px -7px 0 var(--turquoise); }
.play-intro { position:relative; padding-right:15%; }
.play-intro::after { content:'SH / 004'; position:absolute; right:0; top:0; border:2px solid var(--green); color:var(--green); padding:12px; font:900 .8rem monospace; transform:rotate(8deg); }
.frequency-deck { margin:30px 0; padding:22px; background:#000; border:1px solid var(--turquoise); }
.frequency-deck[hidden] { display:none; }
.frequency-buttons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.frequency-buttons button { display:flex; align-items:center; gap:12px; text-align:left; padding:15px 12px; border:1px solid var(--purple); background:var(--blue); color:white; font:800 .85rem Arial,sans-serif; cursor:pointer; }
.frequency-buttons button span { color:var(--pink); font:1.8rem Impact,sans-serif; }
.frequency-buttons button[aria-pressed=true] { background:var(--green); color:black; border-color:var(--green); box-shadow:3px 3px 0 var(--pink); }
.frequency-buttons button[aria-pressed=true] span { color:black; }
.frequency-readout { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:22px; font-size:.85rem; }
.frequency-readout span { max-width:48ch; }.frequency-readout a { color:var(--turquoise); font-weight:800; }
.portal-stage { position:relative; padding:48px 14px; background:linear-gradient(#0003,#0007),url('../images/artwork/right-banner-music.webp') center/cover; border:2px solid var(--green); overflow:hidden; box-shadow:inset 0 0 60px #000; }
.portal-stage[data-world-stage='1'] { background-image:linear-gradient(#0003,#0007),url('../images/artwork/side-banner-index.webp'); }
.portal-stage[data-world-stage='2'] { background-image:linear-gradient(#0003,#0007),url('../images/artwork/top-banner-music.webp'); }
.portal-stage[data-world-stage='3'] { background-image:linear-gradient(#0003,#0007),url('../images/artwork/left-banner-music.webp'); }
.portal-stage #neon-canvas { width:90%; margin:0 auto; border:2px solid var(--turquoise); border-radius:50%; aspect-ratio:1; object-fit:cover; box-shadow:0 0 0 8px #0009,0 0 0 10px var(--pink),0 0 35px #07ffe855; opacity:.93; }
.portal-coordinate,.portal-label { position:absolute; left:14px; right:14px; color:var(--green); font:900 .65rem monospace; letter-spacing:.13em; text-align:center; background:#000d; padding:8px; }
.portal-coordinate { top:8px; }.portal-label { bottom:8px; color:var(--turquoise); }
.passport-machine { background:linear-gradient(145deg,#000 70%,#4b0082); border:2px solid var(--pink); border-top:9px solid var(--pink); position:relative; }
.passport-ticket { padding:35px 22px; margin:32px 0; box-shadow:8px 8px 0 var(--purple); background:radial-gradient(circle at 0 50%,#000 0 9px,transparent 10px),radial-gradient(circle at 100% 50%,#000 0 9px,transparent 10px),var(--green); }
[data-theme='distorted'] .fair-map a:nth-child(odd) { transform:rotate(-2deg); }
[data-theme='distorted'] .fair-map a:nth-child(even) { transform:rotate(2deg); }
[data-theme='distorted'] .fair-booth:nth-child(2) { transform:rotate(1deg); }
[data-theme='distorted'] .fair-booth:nth-child(5) { transform:rotate(-1deg); }
[data-theme='clean'] .hero-backstage,[data-theme='clean'] .play-intro::after { transform:none; }
@media(max-width:800px) { .frequency-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }.play-intro { padding-right:0; }.play-intro::after { position:static; display:inline-block; margin:5px 0 15px; }.playground { padding:24px 18px; }.hero-backstage { max-width:210px; padding:14px; }.hero-backstage strong { font-size:1.8rem; } }
@media(max-width:500px) { .hero-backstage { position:relative; right:auto; bottom:auto; margin:-12px 15px 22px auto; width:75%; }.frequency-deck { padding:16px; }.frequency-buttons button { font-size:.75rem; gap:7px; padding:12px 8px; }.frequency-buttons button span { font-size:1.35rem; }.portal-stage { padding:42px 10px; }.playground { box-shadow:5px 5px 0 var(--purple),-3px -3px 0 var(--turquoise); }.campaign-caption { padding-top:8px; } }
@media(prefers-reduced-motion:reduce) { [data-theme='distorted'] .fair-booth { transform:none; } }
.frequency-buttons button { min-width:0; overflow-wrap:anywhere; }
.frequency-buttons button span { flex-shrink:0; }
@media(max-width:500px) { .frequency-buttons button { flex-direction:column; align-items:flex-start; gap:6px; overflow-wrap:normal; }.frequency-buttons button span { font-size:1.6rem; } }

/* Restored original artwork introduces the playground without cropping it. */
.play-panorama { display:block; width:100%; height:auto; margin:0 0 32px; border:1px solid var(--turquoise); }
/* Original Songhub artwork: illustrated navigation, editorial collage and scene landmarks. */
.art-routes { display:grid; grid-template-columns:1.05fr .9fr 1.05fr; gap:24px; margin:56px 8px 80px; align-items:start; }
.art-route { position:relative; display:block; min-width:0; color:var(--white); background:var(--blue); border:2px solid var(--turquoise); text-decoration:none; box-shadow:7px 7px 0 var(--purple); isolation:isolate; }
.art-route img { display:block; width:100%; height:210px; object-fit:cover; background:#000; border-bottom:2px solid var(--turquoise); transition:filter .2s ease; }
.art-route .route-number { position:absolute; top:-22px; left:16px; background:var(--green); color:#000; padding:7px 14px; font:2rem Impact,'Arial Narrow',sans-serif; transform:rotate(-8deg); border:2px solid #000; }
.route-caption { display:grid; gap:12px; padding:24px 20px; }.route-caption small { color:var(--turquoise); letter-spacing:.13em; font-size:.63rem; font-weight:900; }.route-caption strong { font:clamp(2rem,3.2vw,3.3rem)/.96 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }.route-caption > span { font-size:.8rem; font-weight:800; color:var(--green); }
.route-read { margin-top:36px; background:var(--pink); border-color:var(--pink); color:#000; }.route-read .route-caption small,.route-read .route-caption > span { color:#000; }.route-read img { border-color:#000; }
.route-roam { margin-top:10px; }.route-roam img { object-position:center; }.route-roam .route-number { background:var(--turquoise); }
[data-theme='distorted'] .route-dig { transform:rotate(-2deg); }[data-theme='distorted'] .route-read { transform:rotate(2deg); }[data-theme='distorted'] .route-roam { transform:rotate(-1deg); }
.art-route:hover img,.art-route:focus-visible img { filter:saturate(1.25) contrast(1.05); }.art-route:focus-visible { outline:4px solid var(--green); outline-offset:7px; }
.art-directory > .section-heading { position:relative; padding:32px 0; border-bottom:6px solid var(--pink); }.art-directory .source-filters { padding:20px; border:1px solid var(--purple); background:linear-gradient(90deg,#000e,#0c0f3ae8),url('../images/artwork/bottom-banner-bundles.webp') center/cover; }
.weekblad-masthead { padding:24px 0 30px; }.weekblad-art { width:34%; max-width:360px; border:5px solid var(--white); box-shadow:8px 8px 0 var(--pink); transform:rotate(4deg); margin:0 12px 26px 35px; }.weekblad-masthead h2 { max-width:13ch; }
.play-art-header { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:35px; }.play-art-header .play-intro { grid-column:1; grid-row:1; padding:0; }.play-art-header .play-panorama { grid-column:2; grid-row:1; width:100%; margin:0; border:3px solid var(--turquoise); box-shadow:9px 9px 0 var(--pink); transform:rotate(3deg); }.play-art-header h2 { font-size:clamp(2.8rem,4.8vw,4.8rem); }.play-art-header .play-intro::after { position:static; display:inline-block; }
.passport-wings { display:block; width:calc(100% + 50px); max-width:none; height:auto; margin:-25px -25px 25px; border-bottom:3px solid var(--pink); }.passport-machine { overflow:hidden; }
.fair-crown { display:block; width:calc(100% + 36px); max-width:none; height:auto; margin:0 -18px 30px; }.fair-booth:nth-child(2) .booth-art { background:#000; border:2px solid #000; }.fair-booth:nth-child(5) .booth-art { border:2px solid #000; }.fair-booth:nth-child(6) { background:linear-gradient(#4b0082ef,#0c0f3af2),url('../images/artwork/bottom-banner-bundles.webp') center/cover; }
.machinery-seam { display:block; width:100%; height:auto; margin:0; border-top:2px solid var(--pink); }.waveform-art { margin-bottom:0; }.advertising-invite { margin-top:0; border-top:0; }
.ad-crown { display:block; width:100%; height:auto; max-height:300px; object-fit:cover; object-position:center; margin:25px 0 0; border-bottom:4px solid var(--pink); }.ad-opening { background:linear-gradient(135deg,#0c0f3a,#000 65%); padding:35px 24px; border-bottom:2px solid var(--turquoise); }
@media(max-width:800px) { .art-routes { gap:15px; margin-inline:4px; }.art-route img { height:150px; }.route-caption { padding:18px 12px; }.route-caption strong { font-size:2rem; }.play-art-header { grid-template-columns:1fr; }.play-art-header .play-panorama { grid-row:2; grid-column:1; max-width:85%; justify-self:center; margin:8px 0 20px; }.play-art-header .play-intro { grid-row:1; }.passport-wings { width:calc(100% + 36px); margin:-22px -18px 24px; } }
@media(max-width:580px) { .art-routes { grid-template-columns:1fr; gap:28px; margin:40px 6px 55px; }.art-route { display:grid; grid-template-columns:42% 1fr; }.art-route img { height:100%; min-height:180px; border-bottom:0; border-right:2px solid var(--turquoise); }.route-caption { padding:24px 14px; }.route-caption strong { font-size:2rem; }.route-read,.route-roam { margin-top:0; }.art-route .route-number { font-size:1.5rem; left:8px; top:-16px; }.weekblad-art { float:none; width:85%; max-width:300px; margin:0 auto 32px; }.weekblad-masthead h2 { max-width:none; }.ad-opening { padding:25px 16px; }.ad-crown { min-height:150px; } }
[data-theme='clean'] .weekblad-art,[data-theme='clean'] .play-art-header .play-panorama { transform:none; }
@media(prefers-reduced-motion:reduce) { .art-route img { transition:none; } }

/* Underground signal rack, pirate house promotions and the ITE flyer wall. */
.scene-bunker { margin:70px 0; padding:0 32px 35px; border:2px solid var(--turquoise); background:radial-gradient(ellipse at 100% 0,#4b008288,transparent 55%),#070817; box-shadow:8px 8px 0 var(--purple); }
.bunker-tape { margin:0 -32px 30px; padding:12px; background:var(--green); color:#000; font:900 .85rem monospace; letter-spacing:.17em; overflow:hidden; white-space:nowrap; }
.bunker-head { display:grid; grid-template-columns:1fr 270px; gap:35px; align-items:center; padding:15px 12px 30px; }
.bunker-head h2,.flyer-wall h2 { font:clamp(3.6rem,7vw,7rem)/.9 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; margin:18px 0 25px; }.bunker-head h2 span { color:var(--turquoise); }.bunker-head p { max-width:65ch; }
.bunker-stamp { aspect-ratio:1; border-radius:50%; border:5px double #000; outline:9px solid var(--pink); background:var(--pink); color:#000; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; transform:rotate(12deg); box-shadow:17px 9px 0 var(--purple); }.bunker-stamp strong { font:3.5rem/.85 Impact,'Arial Narrow',sans-serif; text-align:center; }.bunker-stamp span { font:900 .7rem monospace; }
.bunker-console { border:1px solid var(--turquoise); background:#000; padding:22px; margin:20px 0 42px; box-shadow:inset 0 0 30px #07ffe814; }.bunker-console[hidden],.flyer-draw[hidden] { display:none; }.console-label { font:900 .7rem monospace; color:var(--turquoise); letter-spacing:.1em; margin:0 0 15px; }.bunker-switches { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }.bunker-switches button { min-width:0; text-align:left; padding:12px; background:var(--blue); border:1px solid var(--purple); color:#fff; cursor:pointer; }.bunker-switches b { display:block; font:2rem Impact,sans-serif; color:var(--pink); margin-bottom:8px; }.bunker-switches span { font-size:.7rem; line-height:1.35; }.bunker-switches button[aria-pressed='true'] { background:var(--green); color:#000; border-color:var(--green); }.bunker-switches button[aria-pressed='true'] b { color:#000; }.bunker-readout { min-height:1.6em; margin:18px 0 0; font:.8rem monospace; }.bunker-readout a { color:var(--green); }
.scene-rooms { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 22px; align-items:start; }.scene-room { min-width:0; border:2px solid var(--purple); background:#000; box-shadow:5px 5px 0 #4b008255; scroll-margin-top:30px; transition:border-color .2s,box-shadow .2s; }.scene-room.is-tuned { border-color:var(--green); box-shadow:0 0 0 5px #39ff1444,9px 9px 0 var(--purple); }.room-art { position:relative; height:200px; overflow:hidden; }.room-art img { width:100%; height:100%; object-fit:cover; }.room-number { position:absolute; top:12px; left:12px; font:2.3rem Impact,sans-serif; background:#000; color:var(--green); padding:2px 12px; }.room-stamp { position:absolute; bottom:15px; right:-7px; transform:rotate(-7deg); padding:7px 14px; background:var(--turquoise); color:#000; font:900 .65rem monospace; }.room-copy { padding:20px; }.room-genre { color:var(--pink); font:900 .7rem monospace; text-transform:uppercase; }.room-copy h3 { font:2.2rem/1 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; margin:12px 0 18px; }.room-copy > p:not(.room-genre) { font-size:.86rem; line-height:1.65; color:var(--muted); }.room-links { display:grid; gap:10px; padding-top:12px; }.room-links a { border-top:1px dashed #07ffe855; padding-top:10px; font-size:.82rem; font-weight:750; }
.cloakroom { display:grid; grid-template-columns:160px 1fr; gap:30px; align-items:center; margin:42px 0 25px; border:2px dashed var(--pink); padding:25px; background:#000; }.cloakroom-ticket { display:grid; place-content:center; aspect-ratio:.75; background:var(--pink); color:#000; font:1.7rem/1.1 Impact,sans-serif; text-align:center; transform:rotate(-6deg); box-shadow:7px 7px 0 var(--purple); }.cloakroom h3,.producer-bench h3 { font:2.5rem/1 Impact,sans-serif; text-transform:uppercase; margin:12px 0; }.cloakroom p { font-size:.85rem; }.cloakroom a { color:var(--green); font-weight:800; }.cloakroom a span { font-size:.75rem; font-weight:400; margin-left:15px; }
.scene-notes,.family-archive { border-top:1px solid var(--turquoise); margin-top:30px; padding:20px 0; font-size:.85rem; }.scene-notes summary,.family-archive summary { cursor:pointer; font-weight:800; color:var(--turquoise); padding:8px 0; }.scene-notes p,.family-archive p { max-width:90ch; }
.pirate-break { display:grid; grid-template-columns:170px 1fr .65fr; gap:0; border:2px solid var(--turquoise); margin:60px 5px; box-shadow:8px 8px 0 var(--purple); background:#000; }.pirate-frequency { display:flex; flex-direction:column; gap:15px; padding:25px 18px; color:#000; background:var(--turquoise); justify-content:space-between; }.pirate-frequency span,.pirate-frequency small { font:900 .65rem monospace; }.pirate-frequency strong { font:2.6rem/.95 Impact,sans-serif; }.pirate-message { display:block; padding:28px; text-decoration:none; }.pirate-message > span { display:block; color:var(--pink); font:900 .7rem monospace; letter-spacing:.15em; margin-bottom:12px; }.pirate-message > strong { display:block; color:white; font:2.4rem/1 Impact,sans-serif; text-transform:uppercase; }.pirate-message p { font-size:.85rem; color:var(--muted); }.pirate-message b { font-size:.8rem; color:var(--green); }.pirate-tear { display:flex; flex-direction:column; justify-content:center; gap:16px; background:var(--pink); color:#000; text-decoration:none; padding:25px; border-left:3px dashed #000; }.pirate-tear small { font:900 .7rem monospace; }.pirate-tear strong { font:2rem/1 Impact,sans-serif; text-transform:uppercase; }.pirate-tear > span { font-size:.8rem; font-weight:800; }.pirate-media .pirate-frequency { background:var(--green); }.pirate-media .pirate-tear { background:var(--turquoise); }
.flyer-wall { margin:75px 0 0; padding:40px 28px; background:linear-gradient(#0c0f3ae8,#000e),url('../images/artwork/bottom-banner-bundles.webp') center/600px; border:2px solid var(--pink); }.flyer-wall > header { display:grid; grid-template-columns:1fr 1fr; gap:8px 35px; align-items:center; padding:0 10px 40px; }.flyer-wall header .eyebrow { grid-column:1/-1; }.flyer-wall h2 { grid-row:2/5; font-size:clamp(3.5rem,6vw,5.5rem); }.flyer-wall h2 span { color:var(--pink); }.flyer-wall header > p:not(.eyebrow) { font-size:.95rem; max-width:55ch; }.flyer-draw { justify-self:start; background:var(--green); color:#000; border:2px solid #000; padding:16px 22px; font-weight:900; cursor:pointer; box-shadow:5px 5px 0 var(--purple); }.flyer-result { min-height:2em; }.flyer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 22px; padding:10px 5px; align-items:start; }.brand-flyer { display:flex; flex-direction:column; min-width:0; color:#000; background:var(--turquoise); text-decoration:none; border:2px solid #000; box-shadow:7px 7px 0 #000; position:relative; }.brand-flyer::before { content:''; position:absolute; z-index:1; top:-10px; left:35%; width:30%; height:20px; background:#ffffffbb; transform:rotate(-6deg); }.flyer-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:6px; padding:18px 12px 12px; }.flyer-top b { font-size:1rem; }.flyer-top small { font:700 .6rem monospace; }.brand-flyer img { width:100%; height:155px; object-fit:cover; background:#000; }.flyer-copy { display:grid; gap:14px; padding:20px 16px; }.flyer-copy strong { font:2rem/1 Impact,sans-serif; }.flyer-copy > span { font-size:.8rem; line-height:1.5; }.flyer-tabs { display:flex; margin-top:auto; border-top:2px dashed #000; }.flyer-tabs span { padding:14px 8px; font:800 .7rem monospace; border-right:2px dashed #000; }.flyer-tabs span:first-child { flex:1; overflow-wrap:anywhere; }.brand-flyer:nth-child(3n+2) { background:var(--green); }.brand-flyer:nth-child(3n) { background:var(--pink); }.brand-flyer.is-picked { outline:5px solid white; outline-offset:6px; }.flyer-disclosure { font-size:.75rem; color:var(--muted); }
[data-theme='distorted'] .brand-flyer:nth-child(odd) { transform:rotate(-2deg); }[data-theme='distorted'] .brand-flyer:nth-child(even) { transform:rotate(2deg); }[data-theme='distorted'] .pirate-tools { transform:rotate(-.7deg); }[data-theme='distorted'] .pirate-media { transform:rotate(.6deg); }[data-theme='distorted'] .scene-room:nth-child(3n+2) { margin-top:22px; }
.brand-flyer:hover,.pirate-message:hover,.pirate-tear:hover { outline:3px solid var(--white); outline-offset:3px; }.scene-bunker :focus-visible,.flyer-wall :focus-visible,.pirate-break :focus-visible { outline:3px solid white; outline-offset:5px; }.producer-bench { margin-top:28px; padding:28px; background:var(--blue); border-left:7px solid var(--green); }.producer-bench p { font-size:.87rem; }.producer-bench .room-links { grid-template-columns:1fr 1fr; }
[data-theme='clean'] .bunker-stamp,[data-theme='clean'] .cloakroom-ticket { transform:none; }
@media(max-width:1000px) { .scene-rooms { grid-template-columns:repeat(2,minmax(0,1fr)); }.flyer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bunker-switches { grid-template-columns:repeat(3,minmax(0,1fr)); }.bunker-head { grid-template-columns:1fr 200px; }.bunker-stamp strong { font-size:2.7rem; }.pirate-break { grid-template-columns:130px 1fr; }.pirate-tear { grid-column:1/-1; border-left:0; border-top:3px dashed #000; flex-direction:row; align-items:center; }.pirate-tear strong { flex:1; }.flyer-wall h2 { font-size:4rem; } }
@media(max-width:600px) { .scene-bunker { padding:0 16px 20px; box-shadow:4px 4px 0 var(--purple); }.bunker-tape { margin-inline:-16px; }.bunker-head { grid-template-columns:1fr; padding-inline:4px; gap:10px; }.bunker-head h2 { font-size:4.1rem; }.bunker-stamp { width:145px; justify-self:end; gap:8px; margin:5px 14px 15px; }.bunker-stamp strong { font-size:2rem; }.bunker-stamp span { font-size:.45rem; }.bunker-console { padding:12px; }.bunker-switches { grid-template-columns:repeat(2,minmax(0,1fr)); }.scene-rooms { grid-template-columns:1fr; }.scene-room { margin-top:0!important; }.room-art { height:185px; }.cloakroom { grid-template-columns:1fr; padding:20px; gap:10px; }.cloakroom-ticket { width:100px; aspect-ratio:1; font-size:1.15rem; }.cloakroom h3 { font-size:2.1rem; }.cloakroom a span { display:block; margin:4px 0; }.pirate-break { grid-template-columns:1fr; margin:45px 2px; }.pirate-frequency { flex-direction:row; align-items:center; gap:15px; padding:15px; }.pirate-frequency strong { font-size:1.7rem; }.pirate-frequency small { max-width:70px; }.pirate-message { padding:24px 18px; }.pirate-message > strong { font-size:2.1rem; }.pirate-tear { padding:20px 18px; flex-direction:column; align-items:flex-start; gap:12px; }.flyer-wall { padding:28px 18px; }.flyer-wall > header { display:block; padding:0 0 30px; }.flyer-wall h2 { font-size:3.8rem; }.flyer-grid { grid-template-columns:1fr; gap:35px; }.brand-flyer img { height:190px; }.flyer-copy strong { font-size:2.3rem; }.producer-bench { padding:20px; }.producer-bench .room-links { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .scene-room { transition:none; } }

/* Magazine memory groove: scene references etched into the existing artwork. */
.back-issue { margin:55px 0; padding:28px 0; border-block:1px dashed var(--purple); color:var(--white); }
.memory-groove { display:grid; grid-template-columns:1fr 1.15fr; gap:30px; align-items:center; }
.memory-copy h2 { font:clamp(2.5rem,4vw,4rem)/1 Impact,sans-serif; text-transform:uppercase; margin:14px 0 20px; }.memory-copy h2 span { color:var(--turquoise); }.memory-copy p:not(.eyebrow) { font-size:.9rem; max-width:55ch; }.memory-copy > a { font-size:.8rem; color:var(--green); }
.memory-desk { position:relative; padding:20px 0; }.memory-desk img { display:block; width:100%; height:auto; border-bottom:1px solid var(--purple); }.channel-etchings { display:flex; flex-wrap:wrap; justify-content:space-around; gap:8px; background:#0c0f3a; border-bottom:3px solid #4b0082; padding:10px 8px; }.channel-etchings a { font:700 .65rem monospace; color:var(--turquoise); text-decoration:none; }.channel-etchings a:hover { color:var(--green); text-decoration:underline; }.memory-date { position:absolute; top:5px; right:15px; background:var(--pink); color:#000; padding:7px 12px; font:900 .6rem monospace; transform:rotate(4deg); }
.archive-footnotes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:25px 0 15px; }.archive-footnotes details { border-top:1px solid var(--line); font-size:.8rem; padding-top:15px; }.archive-footnotes summary { cursor:pointer; font:700 .7rem monospace; color:var(--muted); }.archive-footnotes a { display:block; margin-top:12px; }.archive-disclosure { font-size:.65rem; color:var(--muted); max-width:110ch; }.back-issue :focus-visible { outline:3px solid var(--turquoise); outline-offset:4px; }
@media(max-width:700px) { .memory-groove { grid-template-columns:1fr; gap:10px; }.archive-footnotes { grid-template-columns:1fr; }.memory-copy h2 { font-size:2.8rem; } }
.issue-index { display:flex; flex-wrap:wrap; gap:12px 25px; margin:22px 0 30px; padding:18px 0; border-bottom:1px dashed var(--pink); font:800 .72rem monospace; }.issue-index > span { color:var(--pink); }.issue-index a { color:var(--turquoise); }.archive-mini { display:block; max-width:180px; width:100%; height:auto; margin:20px 0; }

/* A continuous magazine collage, with connections across genres. */
/* Scene introductions use the complete artwork beside readable copy. */
.scene-rooms {grid-template-columns:minmax(0,1fr);gap:64px;}
.scene-room {display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:28px 36px;align-items:start;padding:24px;border:2px solid var(--purple);background:#000;box-shadow:5px 5px 0 #4b008255;scroll-margin-top:110px;}
.scene-room:nth-child(n) {grid-column:1/-1;}
.scene-room:nth-child(n) .room-art {height:auto;overflow:visible;clip-path:none;}
.scene-room .room-art>img {display:block;width:100%;height:auto;object-fit:contain;}
.room-copy {min-width:0;padding:0;}
.room-copy h3 {font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;}
.room-story {max-width:65ch;line-height:1.8;}
.room-story summary {padding:12px 0;}
.room-links {display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:16px;}
.room-links a {border:0;padding:0;font-size:.86rem;line-height:1.7;}
.room-stamp {font-size:.58rem;}
.scene-room>.lost-found,.scene-room>.people-scene-flow {grid-column:1/-1;}
.bunker-console {padding:16px 0;margin-bottom:32px;border:0;border-block:1px dashed var(--turquoise);background:none;box-shadow:none;}
.bunker-switches button {border:0;background:transparent;padding:8px;}
.bunker-switches b {font-size:1.2rem;}.bunker-switches span {font-size:.7rem;}
.scene-room.is-tuned {border-bottom-color:var(--green);box-shadow:none;}
@media(max-width:700px){.scene-room{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:18px;}.scene-room>.room-art{max-width:400px;width:100%;}.room-copy h3{font-size:2.2rem;}}


/* Front-page rave poster: the music routes and a real ITE house promotion. */
.rave-front { padding-top:22px; }
.rave-masthead { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-top:1px solid var(--turquoise); color:var(--turquoise); font:800 .65rem/1.5 monospace; letter-spacing:.1em; }
.rave-poster { position:relative; isolation:isolate; min-height:600px; overflow:hidden; border:1px solid var(--line); background:var(--black); }
.rave-poster-art { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:64% center; }
.rave-poster::before { content:''; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,#000 0%,#000e 27%,#0006 58%,#0000 85%),linear-gradient(0deg,#0009,transparent 45%); }
.rave-poster::after { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px); }
.rave-poster-copy { position:relative; padding:38px 35px 45px; width:65%; }
.rave-poster-copy .eyebrow { font:.7rem/1.5 monospace; letter-spacing:.16em; margin:0 0 20px; color:var(--turquoise); }
.rave-poster h1 { font-size:clamp(4rem,8vw,7.8rem); line-height:.83; letter-spacing:-.035em; text-shadow:3px 3px 0 #000; }
.rave-poster h1 span { font-size:1em; color:var(--green); margin-top:10px; text-shadow:4px 4px 0 var(--purple); }
.rave-manifesto { font-size:.96rem; line-height:1.6; margin:26px 0 23px; max-width:32ch; }
.rave-poster .button { background:var(--green); border:2px solid var(--black); box-shadow:5px 5px 0 var(--purple); font:900 .85rem/1.5 monospace; }
.rave-poster .button:hover { background:var(--turquoise); }
.rave-house-flyer { position:absolute; right:6%; bottom:53px; display:grid; gap:14px; width:245px; padding:24px 22px 18px; background:var(--pink); color:var(--black); border:3px solid var(--black); box-shadow:8px 8px 0 var(--black); transform:rotate(5deg); text-decoration:none; }
.rave-house-flyer::before { content:''; position:absolute; top:-14px; left:30%; width:38%; height:25px; background:#ffffffaa; transform:rotate(-12deg); }
.rave-house-flyer small { font:800 .6rem/1.5 monospace; }
.rave-house-flyer strong { font:3.3rem/.9 Impact,'Arial Narrow',sans-serif; letter-spacing:-.025em; }
.rave-house-flyer > span { font-size:.78rem; line-height:1.5; }
.rave-house-flyer b { padding-top:12px; border-top:2px dashed var(--black); font:900 .8rem/1.4 monospace; }
.rave-house-flyer:hover { background:var(--turquoise); color:var(--black); }
.rave-margin { position:absolute; right:14px; top:26px; writing-mode:vertical-rl; color:var(--white); font:800 .6rem monospace; letter-spacing:.16em; text-shadow:1px 1px 2px #000; }
.rave-floorstrip { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; background:var(--green); color:var(--black); padding:17px 22px; font:900 .75rem/1.6 monospace; }
.rave-floorstrip a { color:var(--black); text-underline-offset:4px; }
.rave-entry-routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-top:0; }
.rave-entry-routes a { display:grid; align-content:start; gap:14px; padding:25px 22px; color:var(--white); text-decoration:none; border-right:1px solid var(--line); background:var(--blue); }
.rave-entry-routes a:last-child { border-right:0; }
.rave-entry-routes a > span { color:var(--turquoise); font:800 .65rem/1.5 monospace; }
.rave-entry-routes strong { font:1.65rem/1.05 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }
.rave-entry-routes small { color:var(--muted); font-size:.75rem; line-height:1.55; }
.rave-entry-routes a:hover { background:var(--purple); }
.rave-front :focus-visible { outline:3px solid var(--white); outline-offset:4px; }
[data-theme='clean'] .rave-house-flyer { transform:none; }
[data-theme='clean'] .rave-poster::after { display:none; }
@media(max-width:800px) { .rave-poster-copy { width:70%; padding:32px 25px; }.rave-poster h1 { font-size:clamp(3.8rem,9.5vw,6rem); }.rave-house-flyer { width:200px; right:5%; bottom:40px; padding:20px 17px; }.rave-house-flyer strong { font-size:2.6rem; }.rave-entry-routes a { padding:22px 15px; }.rave-entry-routes strong { font-size:1.4rem; } }
@media(max-width:550px) { .rave-masthead { font-size:.55rem; letter-spacing:.02em; }.rave-masthead span:last-child { white-space:nowrap; }.rave-poster { min-height:0; padding-bottom:25px; }.rave-poster-art { height:430px; object-position:57% center; }.rave-poster::before { background:linear-gradient(90deg,#000d,#0004),linear-gradient(0deg,#000 0%,#000 25%,#0000 65%); }.rave-poster-copy { width:100%; padding:28px 20px 30px; }.rave-poster h1 { font-size:clamp(3.6rem,16vw,5.4rem); }.rave-poster-copy .eyebrow { font-size:.58rem; letter-spacing:.08em; }.rave-manifesto { font-size:.85rem; margin:22px 0; }.rave-house-flyer { position:relative; right:auto; bottom:auto; margin:0 25px 10px auto; width:215px; gap:12px; transform:rotate(3deg); }.rave-house-flyer strong { font-size:2.7rem; }.rave-house-flyer strong br { display:none; }.rave-house-flyer strong { max-width:6ch; }.rave-margin { display:none; }.rave-floorstrip { padding:15px 18px; font-size:.65rem; }.rave-entry-routes { grid-template-columns:1fr; }.rave-entry-routes a { padding:20px; border-right:0; border-bottom:1px solid var(--line); gap:9px; }.rave-entry-routes a:last-child { border-bottom:0; }.rave-entry-routes strong { font-size:1.7rem; } }

/* Listening-route builder: a visitor-curated bag of existing scene destinations. */
.dig-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dig-heading .console-label { margin-bottom:12px; }
.dig-heading h3 { margin:0; font:clamp(1.6rem,3vw,2.4rem)/1.1 Impact,sans-serif; text-transform:uppercase; }
.dig-counter { padding:12px; border:1px dashed var(--pink); font:900 1rem monospace; color:var(--green); white-space:nowrap; }
.dig-explainer { max-width:80ch; color:var(--muted); font-size:.8rem; line-height:1.65; margin:18px 0 22px; }
.dig-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.dig-actions button,.dig-route-card button { padding:12px 15px; background:var(--black); border:1px solid var(--turquoise); color:var(--turquoise); font:800 .7rem/1.5 monospace; cursor:pointer; }
.dig-actions button:first-child { background:var(--pink); border-color:var(--pink); color:var(--black); }
.dig-actions button:disabled { opacity:.45; cursor:default; }
.dig-itinerary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 36px; }
.dig-itinerary:not(:empty) { margin-top:22px; }
.dig-route-card { min-width:0; padding:20px 0; background:none; border-top:1px solid var(--green); }
.dig-route-card h4 { margin:0 0 16px; font:900 .8rem/1.5 monospace; }
.dig-route-card h4 a { color:var(--green); }
.dig-route-links { display:flex; flex-wrap:wrap; gap:10px 18px; }
.dig-route-links a { color:var(--white); font-size:.8rem; line-height:1.6; text-underline-offset:4px; }
.dig-route-card button { margin-top:20px; padding:7px 0; border:0; border-bottom:1px dashed var(--pink); color:var(--pink); background:transparent; }
.dig-share-link { display:block; margin-top:20px; overflow-wrap:anywhere; color:var(--turquoise); font:.75rem/1.6 monospace; }
.dig-share-link[hidden] { display:none; }
.dig-actions button:not(:disabled):hover,.dig-route-card button:hover { background:var(--turquoise); color:var(--black); }
@media(max-width:600px) { .dig-itinerary { grid-template-columns:1fr; }.dig-heading { align-items:start; }.dig-heading h3 { font-size:1.75rem; }.dig-counter { font-size:.8rem; padding:9px; }.dig-actions { display:grid; grid-template-columns:1fr 1fr; }.dig-actions button:first-child { grid-column:1/-1; }.dig-route-card { padding:18px; } }

/* TPOTHE: record-object artwork, sleeve reverses and traces between the pages. */
.featured-project .phantom-object { grid-column:2; grid-row:1; min-width:0; padding:12px 15px 0; }
.phantom-sleeve { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; gap:22px; min-height:490px; padding:25px; background:var(--blue); border:2px solid var(--turquoise); box-shadow:10px 10px 0 var(--purple); color:var(--white); text-decoration:none; transform:rotate(2deg); }
.phantom-sleeve::before { content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,#0002,#000a),url('../images/artwork/bottom-banner-music.webp') center/cover; }
.sleeve-topline { font:800 .55rem/1.5 monospace; letter-spacing:.05em; }
.phantom-sleeve .sleeve-wordmark { width:100%; height:auto; padding:7px; background:var(--black); position:relative; z-index:1; }
.sleeve-title { position:relative; z-index:1; font:clamp(3.6rem,6vw,6.2rem)/.87 Impact,sans-serif; letter-spacing:-.025em; color:var(--green); text-shadow:4px 4px 0 var(--purple); }
.phantom-record { position:absolute; width:300px; height:300px; right:-90px; bottom:32px; border-radius:50%; background:repeating-radial-gradient(circle,#080808 0 2px,#222 3px,#080808 4px 6px); border:3px solid #000; display:grid; place-items:center; z-index:0; box-shadow:-8px 5px 20px #0009; }
.phantom-record > span { display:grid; align-content:center; width:105px; height:105px; border-radius:50%; background:var(--pink); color:var(--black); text-align:center; font:900 .7rem/1.5 monospace; border:3px solid var(--black); }
.sleeve-bottom { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; margin-top:auto; padding-top:16px; border-top:2px dashed var(--turquoise); font:800 .7rem monospace; }
.phantom-sleeve:hover { color:var(--white); border-color:var(--pink); }
.sleeve-flip { position:relative; margin:25px 0 0; background:var(--black); border-bottom:1px dashed var(--pink); }
.sleeve-flip summary { cursor:pointer; padding:14px 0; color:var(--turquoise); font:900 .8rem monospace; }
.sleeve-flip > div { padding:10px 0 20px; font-size:.85rem; }
.sleeve-flip > div a { display:block; margin-top:14px; color:var(--green); }
.phantom-trace { display:grid; grid-template-columns:100px 1fr auto; gap:30px; align-items:center; padding:24px 18px; margin:15px 0 60px; border-block:1px dashed var(--purple); }
.trace-seal { width:95px; height:95px; display:grid; place-content:center; gap:5px; border:2px solid var(--pink); border-radius:50%; text-align:center; transform:rotate(-12deg); color:var(--pink); text-decoration:none; }
.trace-seal span { font:900 .45rem monospace; }.trace-seal strong { font:2rem/.9 Impact,sans-serif; }
.phantom-trace summary { cursor:pointer; color:var(--turquoise); font:900 .85rem/1.5 monospace; text-underline-offset:5px; }
.phantom-trace details p { max-width:65ch; color:var(--muted); font-size:.85rem; }.phantom-trace details a { color:var(--green); font-weight:800; font-size:.8rem; }
.phantom-trace > small { max-width:100px; color:var(--muted); font:700 .55rem/1.6 monospace; }
.trace-theory { border-color:var(--turquoise); }.trace-theory .trace-seal { border-color:var(--green); color:var(--green); border-radius:0; transform:rotate(5deg); }
.phantom-spine { display:grid; gap:20px; padding:25px 20px; margin-bottom:25px; background:var(--black); color:var(--green); border-left:10px solid var(--pink); text-decoration:none; }
.phantom-spine > span { font:800 .65rem monospace; }.phantom-spine strong { font:3.2rem/.88 Impact,sans-serif; }.phantom-spine:hover { color:var(--turquoise); }
[data-theme='distorted'] [data-room='early'] .room-art img { filter:grayscale(1) contrast(1.4); }
[data-theme='distorted'] [data-room='early'] .room-stamp { background:var(--white); }
[data-theme='distorted'] [data-room='early'] .room-copy { border-top:3px dashed var(--white); }
[data-theme='distorted'] [data-room='psycore'] .room-copy { background:repeating-radial-gradient(ellipse at 100% 0%,transparent 0 18px,#07ffe814 19px 20px); padding:20px 14px; }
[data-theme='distorted'] [data-room='frenchcore'] .room-copy { background:radial-gradient(#ff007f55 .8px,transparent 1px) 0 0/7px 7px; padding:20px 14px; }
[data-theme='distorted'] [data-room='frenchcore'] .room-stamp { background:var(--pink); transform:rotate(5deg); }
[data-theme='distorted'] [data-room='industrial'] .room-copy { background:linear-gradient(#07ffe80e 1px,transparent 1px),linear-gradient(90deg,#07ffe80e 1px,transparent 1px); background-size:20px 20px; padding:20px 14px; }
[data-theme='distorted'] [data-room='industrial'] .room-stamp { transform:none; border:1px solid var(--turquoise); background:var(--black); color:var(--turquoise); }
[data-theme='distorted'] [data-room='terror'] .room-art { border-bottom:8px solid var(--pink); clip-path:polygon(0 0,100% 0,100% 96%,87% 100%,75% 96%,62% 100%,50% 96%,37% 100%,25% 96%,12% 100%,0 96%); }
[data-theme='distorted'] [data-room='millennium'] .room-stamp { border-radius:50%; aspect-ratio:1; width:95px; display:grid; place-content:center; text-align:center; white-space:normal; font-size:.5rem; background:var(--green); }
[data-theme='clean'] .phantom-sleeve,[data-theme='clean'] .trace-seal { transform:none; }
.phantom-object :focus-visible,.phantom-trace :focus-visible,.phantom-spine:focus-visible { outline:3px solid var(--white); outline-offset:5px; }
@media(max-width:950px) { .featured-project .phantom-object { grid-column:1; grid-row:auto; max-width:600px; width:100%; justify-self:center; }.phantom-trace { grid-template-columns:90px 1fr; gap:22px; }.phantom-trace > small { grid-column:2; max-width:none; }.sleeve-title { font-size:5.2rem; } }
@media(max-width:550px) { .featured-project .phantom-object { padding:8px 6px 0; }.phantom-sleeve { min-height:440px; padding:20px 17px; gap:24px; box-shadow:6px 6px 0 var(--purple); }.sleeve-title { font-size:clamp(3rem,15vw,4.7rem); }.sleeve-topline { font-size:.48rem; }.phantom-record { width:245px; height:245px; right:-105px; bottom:45px; }.phantom-record > span { width:85px; height:85px; font-size:.55rem; }.sleeve-bottom { font-size:.6rem; }.phantom-trace { padding:20px 4px; grid-template-columns:75px 1fr; gap:18px; }.trace-seal { width:75px; height:75px; }.trace-seal strong { font-size:1.6rem; }.trace-seal span { font-size:.37rem; }.phantom-trace summary { font-size:.75rem; }.phantom-spine strong { font-size:2.7rem; } }

.lyric-scrap { position:relative; width:85%; margin:15px auto 65px; padding:25px 35px 28px; background:var(--green); color:var(--black); border:2px solid var(--black); box-shadow:9px 9px 0 var(--purple); transform:rotate(-1deg); }
.lyric-scrap::before { content:''; position:absolute; width:90px; height:25px; background:#ffffffaa; top:-11px; right:40px; transform:rotate(8deg); }
.lyric-hole { display:block; position:absolute; top:20px; left:13px; width:8px; height:8px; border-radius:50%; background:var(--black); box-shadow:0 20px 0 var(--black),0 40px 0 var(--black); }
.lyric-scrap > p { font:900 .65rem monospace; letter-spacing:.08em; }
.lyric-scrap blockquote { margin:25px 0; font:clamp(2.1rem,5vw,4.3rem)/1 Impact,sans-serif; text-transform:uppercase; overflow-wrap:anywhere; min-height:2em; }
.lyric-scrap > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; align-items:center; }
.lyric-scrap button { padding:11px 15px; background:var(--black); color:var(--green); border:2px solid var(--black); font:900 .75rem monospace; cursor:pointer; }
.lyric-scrap button[hidden] { display:none; }.lyric-scrap a { color:var(--black); font:900 .75rem monospace; }.lyric-scrap :focus-visible { outline:3px solid var(--black); outline-offset:5px; }
[data-theme='clean'] .lyric-scrap { transform:none; }
@media(max-width:550px) { .lyric-scrap { width:95%; padding:22px 25px 25px; }.lyric-scrap blockquote { font-size:2.4rem; }.lyric-scrap > div { align-items:start; flex-direction:column; } }

/* Show the selected Weekblad language as one readable column. */
.weekblad-columns { grid-template-columns:minmax(0,1fr); }
.weekblad-columns > article { max-width:75ch; }

/* Flyposted editorial wall: decorative wear never covers links or focus outlines. */
.wall-schematic { display:none; }
[data-theme='distorted'] .art-routes { position:relative; isolation:isolate; padding:55px 35px 60px; margin:65px 0 85px; gap:22px; background:repeating-linear-gradient(0deg,transparent 0 74px,#ffffff0a 75px 77px),linear-gradient(120deg,#0c0f3a,#000 65%); border-block:1px solid var(--purple); }
[data-theme='distorted'] .art-routes::before { content:''; position:absolute; z-index:-1; top:20px; left:5%; width:61%; height:85%; background:repeating-linear-gradient(12deg,#ffffff09 0 1px,transparent 1px 6px); border:1px solid #ffffff22; transform:rotate(4deg); pointer-events:none; }
[data-theme='distorted'] .art-routes::after { content:''; position:absolute; z-index:-1; right:9%; bottom:15px; width:49%; height:85%; background:var(--purple); border:5px double var(--pink); transform:rotate(-4deg); opacity:.35; pointer-events:none; }
[data-theme='distorted'] .art-route { --poster-paper:var(--white); background:var(--poster-paper); color:var(--black); border:0; box-shadow:2px 4px 3px #0008,9px 12px 0 #0005; }
[data-theme='distorted'] .art-route::before { content:''; position:absolute; z-index:3; top:-14px; left:33%; width:36%; height:30px; background:repeating-linear-gradient(93deg,#ffffff99 0 2px,#ffffffbb 2px 4px); border-inline:1px dashed #0005; transform:rotate(7deg); box-shadow:0 1px 1px #0004; pointer-events:none; }
[data-theme='distorted'] .art-route::after { content:''; position:absolute; z-index:-1; bottom:-12px; left:0; right:0; height:15px; background:var(--poster-paper); clip-path:polygon(0 0,100% 0,100% 65%,95% 55%,90% 90%,85% 65%,79% 85%,73% 60%,67% 90%,60% 60%,53% 100%,47% 60%,40% 85%,32% 55%,24% 90%,17% 60%,9% 95%,0 65%); pointer-events:none; }
[data-theme='distorted'] .art-route img { border:7px solid var(--poster-paper); border-bottom:0; }
[data-theme='distorted'] .art-route .route-caption { padding:22px 22px 28px; background:var(--poster-paper); color:var(--black); }
[data-theme='distorted'] .art-route .route-caption small { color:var(--purple); font-family:monospace; }
[data-theme='distorted'] .art-route .route-caption > span { color:var(--black); text-decoration:underline; text-underline-offset:4px; }
[data-theme='distorted'] .route-read { --poster-paper:var(--pink); margin-top:40px; transform:rotate(4deg); }
[data-theme='distorted'] .route-read::before { transform:rotate(-10deg); left:40%; }
[data-theme='distorted'] .route-dig { transform:rotate(-4deg); }
[data-theme='distorted'] .route-dig img { filter:grayscale(1) contrast(1.3); }
[data-theme='distorted'] .route-roam { --poster-paper:var(--turquoise); transform:rotate(-2deg); margin-top:12px; }
[data-theme='distorted'] .route-roam .route-number { background:var(--pink); }
[data-theme='distorted'] .art-route .route-number { z-index:4; top:-20px; left:6px; border:2px solid var(--black); box-shadow:3px 3px 0 var(--black); }
[data-theme='distorted'] .art-route:hover,[data-theme='distorted'] .art-route:focus-visible { z-index:5; }
[data-theme='distorted'] .wall-schematic { position:absolute; z-index:-1; display:grid; justify-items:center; gap:9px; right:2%; top:7px; width:140px; padding:14px 20px; border:1px solid #07ffe866; color:var(--turquoise); transform:rotate(9deg); opacity:.65; }
.wall-schematic > span { font:700 .6rem monospace; }.schematic-driver { position:relative; width:75px; height:75px; border-radius:50%; border:1px solid var(--turquoise); background:repeating-radial-gradient(circle,transparent 0 8px,#07ffe855 9px 10px); }.schematic-driver::after { content:''; position:absolute; inset:27px; border:1px solid var(--turquoise); border-radius:50%; background:var(--blue); }
[data-theme='distorted'] .flyer-wall { position:relative; isolation:isolate; background:repeating-linear-gradient(0deg,transparent 0 79px,#ffffff0a 80px 82px),repeating-linear-gradient(90deg,transparent 0 159px,#ffffff06 160px 162px),var(--blue); }
[data-theme='distorted'] .flyer-wall > header { position:relative; z-index:1; }
[data-theme='distorted'] .flyer-grid { gap:40px 23px; padding:20px 8px 30px; }
[data-theme='distorted'] .brand-flyer { border:0; box-shadow:3px 4px 4px #0009,7px 9px 0 #0005; }
[data-theme='distorted'] .brand-flyer:nth-child(4n+2) { margin-top:24px; transform:rotate(3deg); }
[data-theme='distorted'] .brand-flyer:nth-child(4n+3) { transform:rotate(-3deg); }
[data-theme='distorted'] .brand-flyer::before { top:-13px; height:27px; background:repeating-linear-gradient(90deg,#ffffff99 0 1px,#ffffffbb 1px 4px); border-inline:1px dashed #0005; pointer-events:none; }
[data-theme='distorted'] .brand-flyer::after { content:''; position:absolute; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px #0007,inset 4px 0 0 #ffffff22,inset -3px 0 0 #0002; }
[data-theme='distorted'] .brand-flyer .flyer-tabs { border-bottom:8px solid #000; clip-path:polygon(0 0,100% 0,100% 91%,92% 100%,83% 93%,75% 100%,66% 91%,58% 100%,49% 92%,41% 100%,33% 92%,25% 100%,16% 93%,8% 100%,0 92%); }
[data-theme='distorted'] .phantom-sleeve { box-shadow:1px 2px 3px #0008,10px 10px 0 var(--purple),inset 0 0 0 5px #ffffff44; }
[data-theme='distorted'] .phantom-sleeve::after { content:''; position:absolute; inset:8px; border:1px solid #ffffff44; background:linear-gradient(135deg,#ffffff55,transparent 5%,transparent 94%,#ffffff44); pointer-events:none; z-index:2; }
[data-theme='distorted'] .pirate-break::after { content:''; position:absolute; top:-12px; right:22%; width:90px; height:25px; transform:rotate(8deg); background:#ffffff99; border-inline:1px dashed #0005; pointer-events:none; }
@media(max-width:800px) { [data-theme='distorted'] .art-routes { padding:40px 20px 45px; gap:17px; }[data-theme='distorted'] .art-route .route-caption { padding:20px 14px 24px; } }
@media(max-width:580px) { [data-theme='distorted'] .art-routes { gap:35px; padding:35px 14px 40px; margin-block:45px 60px; }[data-theme='distorted'] .art-route { transform:rotate(-1.5deg); }[data-theme='distorted'] .route-read { margin-top:0; transform:rotate(1.5deg); }[data-theme='distorted'] .route-roam { margin-top:0; transform:rotate(-1deg); }[data-theme='distorted'] .art-route img { border:5px solid var(--poster-paper); border-right:0; }[data-theme='distorted'] .art-route .route-caption { padding:20px 12px 24px; }[data-theme='distorted'] .art-route .route-caption strong { font-size:1.8rem; }[data-theme='distorted'] .art-route::before { left:23%; width:23%; height:22px; }[data-theme='distorted'] .wall-schematic { right:0; top:10px; width:95px; padding:8px; }[data-theme='distorted'] .flyer-grid { gap:35px; padding-inline:4px; }[data-theme='distorted'] .brand-flyer:nth-child(n) { margin-top:0; transform:rotate(-1deg); }[data-theme='distorted'] .brand-flyer:nth-child(even) { transform:rotate(1deg); } }
[data-theme='distorted'] .pirate-break { position:relative; }

/* Night line 909: fictional illustration carrying a documented archive. */
.nightline-heading { display:grid; grid-template-columns:1.15fr 1fr; column-gap:35px; align-items:end; margin-bottom:28px; }
.nightline-heading > .eyebrow { grid-column:1/-1; }
.nightline-heading h2 { font:clamp(2.5rem,4.7vw,4.9rem)/.95 Impact,sans-serif; margin:10px 0; }
.nightline-heading h2 span { color:var(--turquoise); }.nightline-heading > p:not(.eyebrow) { font-size:.85rem; color:var(--muted); max-width:45ch; }
.nightline-stage { position:relative; isolation:isolate; background:var(--blue); border:1px solid var(--purple); }
.nightline-art { display:block; width:100%; height:auto; }
.memory-ticket-rack { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:0 5% 28px; margin-top:-7%; }
.memory-ticket { display:grid; grid-template-columns:75px 1fr; align-items:center; gap:16px; padding:16px; background:var(--white); color:var(--black); text-decoration:none; border:2px solid var(--black); box-shadow:6px 6px 0 #0008; }
.memory-ticket:nth-child(2) { background:var(--pink); }.memory-ticket:nth-child(3) { background:var(--green); }
.memory-ticket > img { display:block; width:75px; height:106px; object-fit:contain; background:var(--black); }
.memory-ticket > span:not(.memory-ticket-stamp) { display:grid; gap:10px; min-width:0; }
.memory-ticket small { font:800 .55rem/1.5 monospace; }.memory-ticket strong { font:1.6rem/.95 Impact,sans-serif; text-transform:uppercase; }.memory-ticket b { font:800 .65rem/1.5 monospace; text-decoration:underline; text-underline-offset:3px; }
.memory-ticket-stamp { display:grid; place-content:center; width:75px; height:106px; background:var(--black); color:var(--green); font:2rem/.95 Impact,sans-serif; text-align:center; border:1px dashed var(--green); }
.memory-ticket:hover { color:var(--black); outline:3px solid var(--turquoise); outline-offset:3px; }.memory-ticket:focus-visible { outline:4px solid var(--turquoise); outline-offset:4px; z-index:2; }
[data-theme='distorted'] .memory-ticket:nth-child(1) { transform:rotate(-3deg); }[data-theme='distorted'] .memory-ticket:nth-child(2) { transform:rotate(2deg); }[data-theme='distorted'] .memory-ticket:nth-child(3) { transform:rotate(-1deg); }
.nightline-caption { font:.7rem/1.6 monospace; color:var(--muted); padding:14px 0; }
.weekly-find { display:grid; grid-template-columns:110px 1fr; gap:28px; padding:24px; margin:35px 0; background:var(--blue); border-left:5px solid var(--pink); }
.weekly-find-art { display:grid; place-items:center; }.weekly-find-art img { display:block; width:100px; height:142px; object-fit:contain; background:var(--black); }.weekly-find-art > span { color:var(--green); font:3.5rem/.85 Impact,sans-serif; }
.weekly-find h3 { font:1.9rem/1.1 Impact,sans-serif; margin:10px 0; text-transform:uppercase; }.weekly-find p:not(.eyebrow) { max-width:65ch; font-size:.85rem; color:var(--muted); }.weekly-find a { color:var(--turquoise); font-weight:800; font-size:.8rem; }.weekly-find small { display:block; margin-top:15px; color:var(--muted); font-size:.65rem; }
.weekly-find-art{overflow-anchor:none;}
.weekly-find-notes{max-width:70ch;margin-top:16px;border-top:1px dashed var(--turquoise);border-bottom:1px dashed var(--turquoise);}
.weekly-find-notes>summary{padding:14px 0;color:var(--turquoise);font-size:.85rem;font-weight:800;cursor:pointer;}
.weekly-find-notes>summary::before{content:'+ ';font-family:monospace;}
.weekly-find-notes[open]>summary::before{content:'− ';}
.weekly-find-notes>div{padding:0 0 10px;}
.weekly-find-notes>div>p{max-width:none;}
@media(max-width:600px){.weekly-find-local{position:relative;display:block;}.weekly-find-local>.weekly-find-art{position:absolute;top:22px;right:14px;}.weekly-find-local .weekly-find-art>span{font-size:1.8rem;}.weekly-find-local .eyebrow{padding-right:60px;}}
.ad-pass { display:flex; flex-direction:column; min-width:0; padding:0 10px 10px; background:var(--turquoise); border:1px solid var(--turquoise); box-shadow:6px 6px 0 var(--purple); }
.ad-pass-stub { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; color:var(--black); min-height:55px; padding:12px 5px; border-bottom:2px dashed var(--black); font:900 .6rem/1.5 monospace; }
.ad-pass-stub b { flex:1; }.pass-perforation { letter-spacing:.15em; }
.ad-pass .ite-ad-card { flex:1; margin:10px 0 0; box-shadow:none; width:100%; }
.pass-ticket { background:var(--green); border-color:var(--green); }.pass-ticket .ad-pass-stub::before,.pass-ticket .ad-pass-stub::after { content:''; position:absolute; bottom:-7px; width:12px; height:12px; border-radius:50%; background:var(--black); pointer-events:none; }.pass-ticket .ad-pass-stub::before { left:-16px; }.pass-ticket .ad-pass-stub::after { right:-16px; }
@media(max-width:950px) { .memory-ticket-rack { gap:12px; padding-inline:3%; }.memory-ticket { grid-template-columns:55px 1fr; gap:12px; padding:12px; }.memory-ticket > img,.memory-ticket-stamp { width:55px; height:78px; }.memory-ticket strong { font-size:1.3rem; }.memory-ticket-stamp { font-size:1.5rem; } }
@media(max-width:600px) { .nightline-heading { grid-template-columns:1fr; gap:8px; }.nightline-heading h2 { font-size:2.7rem; }.nightline-heading > p:not(.eyebrow) { font-size:.8rem; }.memory-ticket-rack { grid-template-columns:1fr; gap:17px; padding:0 18px 25px; margin-top:0; }.memory-ticket { grid-template-columns:65px 1fr; padding:13px; gap:18px; }.memory-ticket > img,.memory-ticket-stamp { width:65px; height:92px; }.memory-ticket strong { font-size:1.6rem; }.memory-ticket small { font-size:.6rem; }.memory-ticket b { font-size:.7rem; }.nightline-caption { padding-inline:8px; }.weekly-find { grid-template-columns:70px 1fr; gap:18px; padding:20px 14px; }.weekly-find-art img { width:65px; height:92px; }.weekly-find h3 { font-size:1.5rem; }.weekly-find .eyebrow { font-size:.55rem; letter-spacing:.04em; }.ad-pass-stub { gap:8px; }.pass-perforation { display:none; } }

/* Three editorial project sleeves; normal advertising inventory is independent. */
.brand-flyer.project-sleeve { --sleeve-accent:var(--green); background:var(--black); color:var(--white); border:1px solid var(--sleeve-accent); }
.project-sleeve[data-flyer='1'] { --sleeve-accent:var(--pink); }.project-sleeve[data-flyer='2'] { --sleeve-accent:var(--turquoise); }
.project-sleeve .flyer-top { padding:18px 14px 14px; border-bottom:1px solid var(--sleeve-accent); background:var(--black); color:var(--white); }
.project-sleeve .flyer-top b { font:1.6rem/1 Impact,sans-serif; }.project-sleeve .flyer-top small { color:var(--sleeve-accent); }
.brand-flyer.project-sleeve img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.sleeve-edition { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:7px; padding:11px 12px; background:var(--sleeve-accent); color:var(--black); font:900 .52rem/1.5 monospace; }
.project-sleeve .flyer-copy { background:var(--black); color:var(--white); padding:22px 15px; gap:14px; }.project-sleeve .flyer-copy strong { color:var(--sleeve-accent); font-size:1.9rem; }.project-sleeve .flyer-copy > span { color:var(--white); }
.project-sleeve .flyer-tabs { color:var(--sleeve-accent); background:var(--black); border-top-color:var(--sleeve-accent); }.project-sleeve .flyer-tabs span { border-right-color:var(--sleeve-accent); }
[data-theme='distorted'] .project-sleeve::before { background:#ffffff99; }
[data-theme='distorted'] .brand-flyer.project-sleeve .flyer-tabs { border-bottom-color:var(--sleeve-accent); }
@media(max-width:600px) { .project-sleeve .flyer-top b { font-size:2rem; }.project-sleeve .flyer-copy { padding:23px 18px; }.project-sleeve .flyer-copy strong { font-size:2.2rem; }.sleeve-edition { font-size:.6rem; } }

/* Magazine entrance: ink, a vinyl creature and a persistent chapter map. */
.songhub-magazine .experience-bar { min-height:44px; padding:6px 20px; gap:10px 24px; font-size:.72rem; }
.songhub-magazine .experience-bar button { padding:5px 10px; }
.songhub-magazine .move-strip { transform:none; background:var(--green); color:var(--black); padding:4px 16px; font:800 .65rem/1.6 monospace; letter-spacing:.13em; }
.songhub-magazine .site-header { min-height:88px; gap:18px; }
.songhub-magazine .main-nav { gap:18px; }
.cover-issue { padding-top:14px; }
.cover-issue .rave-masthead { padding:10px 0; font-size:.59rem; }
.cover-issue .rave-poster { min-height:605px; border:0; border-top:1px solid #ffffff35; overflow:hidden; background:var(--black); }
.cover-issue .rave-poster-art { width:86%; height:100%; left:auto; right:-3%; object-fit:cover; object-position:center; }
.cover-issue .rave-poster::before { background:linear-gradient(90deg,#000 0%,#000f 19%,#000b 35%,#0001 56%,transparent 75%); }
.cover-issue .rave-poster::after { inset:auto 0 0; height:65px; background:linear-gradient(transparent,#000); }
.cover-issue .rave-poster-copy { width:61%; padding:38px 0 34px; }
.cover-issue .rave-poster-copy .eyebrow { margin-bottom:24px; color:var(--turquoise); font-size:.65rem; }
.cover-issue h1 { font-size:clamp(4.2rem,8.8vw,7.7rem); line-height:.86; letter-spacing:-.035em; }
.cover-issue h1 span { margin-top:10px; color:var(--green); text-shadow:4px 4px 0 var(--purple); }
.cover-issue .rave-manifesto { font-size:.88rem; line-height:1.7; margin:25px 0 22px; color:#fff; }
.cover-actions { display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.cover-detours { display:flex; flex-wrap:wrap; gap:12px 24px; }
.cover-issue .button { padding:15px 20px; font-size:.76rem; box-shadow:5px 5px 0 var(--purple); }
.cover-source-link { font-size:.75rem; color:var(--turquoise); text-decoration-color:#07ffe866; }
.cover-issue .rave-margin { right:0; top:10px; padding:10px 5px; background:#000b; font-size:.55rem; }
.cover-pass { position:absolute; right:5%; bottom:23px; display:grid; gap:9px; width:205px; padding:17px 18px 12px; border:2px solid #000; background:var(--pink); color:var(--black); box-shadow:6px 6px 0 #000; transform:rotate(7deg); text-decoration:none; }
.cover-pass::before { content:''; position:absolute; width:75px; height:21px; top:-12px; left:65px; background:#ffffffe0; transform:rotate(-14deg); }
.cover-pass small { font:800 .53rem/1.6 monospace; }
.cover-pass strong { font:2.5rem/.91 Impact,'Arial Narrow',sans-serif; letter-spacing:-.025em; }
.cover-pass > span { font:800 .65rem/1.5 monospace; }
.cover-pass .pass-perforation { border-top:1px dashed currentColor; padding-top:8px; font-size:.5rem; letter-spacing:.17em; }
.cover-pass:hover { color:var(--black); background:var(--turquoise); }
.cover-issue .rave-floorstrip { padding:12px 18px; font-size:.64rem; background:var(--green); }
.cover-issue .rave-entry-routes { grid-template-columns:repeat(3,minmax(0,1fr)); border:0; margin-top:10px; gap:2px; background:var(--line); }
.cover-issue .rave-entry-routes a { position:relative; min-height:125px; padding:20px; gap:10px; border:0; background:var(--black); transition:background .16s; }
.cover-issue .rave-entry-routes a::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--route-ink,var(--green)); }
.cover-issue .rave-entry-routes a:nth-child(2),.cover-issue .rave-entry-routes a:nth-child(5) { --route-ink:var(--pink); }
.cover-issue .rave-entry-routes a:nth-child(3),.cover-issue .rave-entry-routes a:nth-child(4) { --route-ink:var(--turquoise); }
.cover-issue .rave-entry-routes a > span { color:var(--route-ink,var(--green)); font:.59rem/1.5 monospace; }
.cover-issue .rave-entry-routes strong { font-size:1.45rem; line-height:1.08; }
.cover-issue .rave-entry-routes small { font-size:.72rem; }
.cover-issue .rave-entry-routes a:hover { background:var(--blue); }
.cover-issue .rave-entry-routes a:focus-visible { z-index:1; outline-offset:-4px; }
.issue-rail { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:20px; min-height:63px; margin:26px 0 0; border:1px solid #07ffe84d; background:#000; box-shadow:0 8px 22px #0009; }
.issue-home { display:flex; align-items:center; gap:4px; align-self:stretch; justify-content:center; min-width:65px; font:1.9rem/1 Impact,'Arial Narrow',sans-serif; color:var(--green); background:var(--blue); text-decoration:none; }
.issue-home span { font-size:1.1rem; }
.issue-position { display:grid; gap:3px; flex:1; min-width:0; }
.issue-position small { font:.5rem/1.2 monospace; color:var(--turquoise); letter-spacing:.14em; }
.issue-position strong { font:700 .7rem/1.3 monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.issue-shortcut { font:.65rem/1.5 monospace; color:var(--green); }
.issue-map { position:relative; align-self:stretch; display:flex; }
.issue-map > summary { display:flex; align-items:center; gap:20px; padding:18px 20px; cursor:pointer; font:800 .7rem/1.5 monospace; border-left:1px solid var(--line); list-style:none; }
.issue-map > summary::-webkit-details-marker { display:none; }
.issue-map > summary span { color:var(--pink); font-size:1.1rem; }
.issue-map[open] > summary { background:var(--blue); color:var(--turquoise); }
.issue-map[open] > summary span { transform:rotate(45deg); }
.issue-map-links { position:absolute; top:calc(100% + 1px); right:-1px; display:grid; width:390px; max-height:calc(100dvh - 90px); overflow-y:auto; padding:12px; background:var(--black); border:1px solid var(--turquoise); box-shadow:8px 8px 0 #4b0082b3; }
.issue-map:not([open]) .issue-map-links { display:none; }
.issue-map-links a { display:flex; gap:16px; align-items:center; padding:12px; min-height:45px; border-bottom:1px solid var(--line); text-decoration:none; font:700 .72rem/1.5 monospace; }
.issue-map-links a b { color:var(--pink); font-weight:400; }
.issue-map-links a > span:first-of-type { flex:1; }
.issue-map-links a:hover,.issue-map-links a[aria-current='location'] { background:var(--blue); color:var(--green); }
.issue-map-links .issue-advertise { color:var(--turquoise); font-size:.65rem; margin-top:8px; border-bottom:0; }
.issue-rail :focus-visible { outline:2px solid var(--green); outline-offset:-3px; }
.issue-progress { position:absolute; left:0; bottom:-2px; display:block; width:100%; height:2px; border:0; appearance:none; background:transparent; color:var(--green); pointer-events:none; }
.issue-progress::-webkit-progress-bar { background:transparent; }
.issue-progress::-webkit-progress-value { background:var(--green); }
.issue-progress::-moz-progress-bar { background:var(--green); }
html:has(.songhub-magazine) { scroll-padding-top:90px; }
[data-theme='clean'] .cover-pass { transform:none; box-shadow:none; }
[data-theme='clean'] .cover-pass::before { display:none; }
@media(min-width:1450px) { .cover-issue .rave-poster { min-height:650px; } .cover-issue h1 { font-size:8.2rem; } }
@media(max-width:1050px) {
  .songhub-magazine .site-header { flex-wrap:wrap; padding:18px 0; gap:16px; }
  .songhub-magazine .main-nav { flex-wrap:wrap; gap:13px 20px; font-size:.7rem; }
  .cover-issue .rave-poster { min-height:550px; }
  .cover-issue .rave-poster-art { width:100%; right:-12%; }
  .cover-issue .rave-poster-copy { width:70%; }
  .cover-issue h1 { font-size:clamp(4.2rem,9.5vw,6.7rem); }
  .cover-pass { right:3%; width:175px; bottom:30px; }
  .cover-pass strong { font-size:2.15rem; }
  .cover-issue .rave-entry-routes strong { font-size:1.25rem; }
}
@media(max-width:700px) {
  .songhub-magazine .shell { padding:0 18px; }
  .songhub-magazine .experience-bar { gap:8px 15px; font-size:.65rem; }
  .songhub-magazine .experience-bar > a { display:none; }
  .songhub-magazine .site-header { padding:14px 0; }
  .songhub-magazine .brand img { width:40px; height:40px; }
  .songhub-magazine .main-nav { gap:12px 17px; }
  .songhub-magazine .main-nav .nav-feature { padding:5px 9px; }
  .cover-issue .rave-poster { display:flex; flex-direction:column; min-height:0; padding-bottom:0; }
  .cover-issue .rave-poster-art { position:relative; order:3; inset:auto; z-index:0; width:100%; height:auto; object-fit:contain; opacity:1; margin:-10px 0 5px; }
  .cover-issue .rave-poster::before,.cover-issue .rave-poster::after { display:none; }
  .cover-issue .rave-poster-copy { display:contents; }
  .cover-issue h1 { order:2; font-size:clamp(3.25rem,17.3vw,6rem); }
  .cover-issue .rave-poster-copy .eyebrow { order:1; margin:24px 0 20px; font-size:.54rem; letter-spacing:.08em; }
  .cover-issue .rave-manifesto { order:4; margin:0 0 20px; font-size:.81rem; }
  .cover-issue .cover-actions { order:5; }
  .cover-issue .rave-margin { display:none; }
  .cover-pass { position:relative; order:6; bottom:auto; right:auto; grid-template-columns:1fr 1fr; align-items:center; margin:30px 5px 26px; width:calc(100% - 10px); transform:rotate(2deg); }
  .cover-pass small { grid-column:1/-1; }
  .cover-pass strong { font-size:2rem; }
  .cover-pass .pass-perforation { display:none; }
  .cover-issue .rave-entry-routes { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cover-issue .rave-entry-routes a { min-height:145px; padding:17px 13px; gap:9px; }
  .cover-issue .rave-entry-routes a > span { font-size:.52rem; }
  .cover-issue .rave-entry-routes strong { font-size:1.25rem; }
  .cover-issue .rave-entry-routes small { font-size:.66rem; }
  .cover-issue .rave-floorstrip { gap:5px; padding:11px 13px; font-size:.57rem; }
  .issue-rail { gap:12px; min-height:58px; }
  .issue-home { min-width:45px; font-size:1.5rem; }
  .issue-shortcut { display:none; }
  .issue-position strong { font-size:.61rem; }
  .issue-map { position:static; }
  .issue-map > summary { padding:16px 12px; gap:7px; font-size:.61rem; }
  .issue-map-links { left:-1px; right:-1px; width:auto; max-height:calc(100dvh - 100px); box-shadow:4px 4px 0 var(--purple); }
}
@media(prefers-reduced-motion:reduce) { .cover-issue .rave-entry-routes a { transition:none; } }
.closing-transmission { display:block; margin:45px 0 10px; text-align:center; text-decoration:none; }
.closing-transmission img { display:block; width:100%; height:auto; max-height:280px; object-fit:contain; }
.closing-transmission span { display:block; padding:15px 10px; font:800 .6rem/1.6 monospace; letter-spacing:.07em; color:var(--turquoise); }
.closing-transmission:hover span { color:var(--green); }
/* Keep the existing editorial spreads within narrow phone viewports. */
@media(max-width:600px) {
  .songhub-magazine .bunker-head,.songhub-magazine .fair-head,.songhub-magazine .pirate-break { grid-template-columns:minmax(0,1fr); }
  .songhub-magazine .bunker-head > *,.songhub-magazine .fair-head > *,.songhub-magazine .pirate-break > * { min-width:0; }
  .songhub-magazine .bunker-head h2 { font-size:clamp(2.9rem,14vw,4.1rem); }
  .songhub-magazine .fair-head h2 { font-size:clamp(2.6rem,12.5vw,3.7rem); }
  .songhub-magazine .pirate-frequency { flex-wrap:wrap; }
  .songhub-magazine .pirate-message > strong { font-size:clamp(1.65rem,8vw,2.1rem); overflow-wrap:anywhere; }
  .songhub-magazine .fair-draw { max-width:100%; white-space:normal; }
}
@media(max-width:380px) {
  .songhub-magazine .art-route { grid-template-columns:38% minmax(0,1fr); }
  .songhub-magazine .art-route .route-caption { min-width:0; overflow-wrap:anywhere; }
  .songhub-magazine .art-route .route-caption strong { font-size:1.45rem; }
}

/* PNG invitation: truthful public-wall copy and three visitor-selected artworks. */
.png-campaign { display:grid; grid-template-columns:.9fr 1.1fr; gap:35px; padding:35px; margin:40px 0 60px; background:var(--blue); border:1px solid var(--turquoise); box-shadow:8px 8px 0 var(--purple); align-items:center; }
.png-campaign h2 { font:clamp(2.7rem,4.5vw,4.8rem)/.95 Impact,sans-serif; margin:22px 0; }.png-campaign h2 span { color:var(--green); }.png-campaign-copy > p:not(.eyebrow) { max-width:42ch; font-size:.9rem; line-height:1.65; color:var(--muted); }
.png-campaign .button { margin:10px 0; background:var(--green); color:var(--black); }.png-destination { display:block; font:800 .75rem monospace; color:var(--turquoise); margin-top:7px; }.png-campaign-copy > .png-public-note { font-size:.7rem; margin-top:22px; }
.png-campaign-art { min-width:0; }.png-campaign-art > a { display:block; }.png-campaign-art img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border:1px solid var(--purple); }
.png-art-choices { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }.png-art-choices[hidden],.png-art-status[hidden] { display:none; }.png-art-choices button { flex:1 1 120px; padding:12px 8px; font:800 .65rem/1.5 monospace; background:var(--black); color:var(--turquoise); border:1px solid var(--turquoise); cursor:pointer; }.png-art-choices button[aria-pressed='true'] { background:var(--turquoise); color:var(--black); }.png-art-status { min-height:1.5em; font:.7rem/1.5 monospace; color:var(--muted); margin:12px 0 0; }
.png-campaign :focus-visible { outline:3px solid var(--white); outline-offset:4px; }.brand-flyer.png-project-card img { height:auto; aspect-ratio:1; object-fit:contain; }
@media(max-width:800px) { .png-campaign { grid-template-columns:1fr; padding:25px; gap:25px; }.png-campaign-copy > p:not(.eyebrow) { max-width:60ch; }.png-campaign-art { max-width:550px; width:100%; justify-self:center; } }
@media(max-width:550px) { .png-campaign { padding:24px 16px; margin-inline:0; box-shadow:5px 5px 0 var(--purple); }.png-campaign h2 { font-size:2.9rem; }.png-campaign .eyebrow { font-size:.6rem; letter-spacing:.06em; }.png-art-choices button { flex-basis:100%; } }
.png-campaign { scroll-margin-top:95px; }

/* Shareable Songhub propaganda, with real downloads and the blue-dragon identity. */
.songhub-share-pack { margin:65px 0; padding:40px 30px; border:2px solid var(--green); background:var(--blue); scroll-margin-top:95px; box-shadow:8px 8px 0 var(--purple); }
.songhub-share-pack > header { display:grid; grid-template-columns:1.2fr 1fr; gap:35px; align-items:end; margin-bottom:35px; }.songhub-share-pack h2 { font:clamp(2.7rem,4.7vw,4.8rem)/.95 Impact,sans-serif; margin:15px 0; }.songhub-share-pack h2 span { color:var(--green); }.songhub-share-pack > header > p { color:var(--muted); font-size:.9rem; line-height:1.65; max-width:42ch; }
.share-poster-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }.share-poster { min-width:0; background:var(--black); border:1px solid var(--purple); padding:18px; }.share-poster h3 { margin:2px 0 18px; color:var(--turquoise); font:1.7rem/1.1 Impact,sans-serif; text-transform:uppercase; }.share-poster-preview { display:block; }.share-poster-preview img { display:block; width:100%; height:auto; aspect-ratio:1122/1402; object-fit:contain; }
.share-poster-preview span { display:block; padding:8px 0 0; color:var(--turquoise); font:800 .75rem/1.5 monospace; }
.poster-downloads { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin:20px 0; }.poster-downloads > a:not(.button) { color:var(--turquoise); font-size:.75rem; }.share-poster label { display:block; font:800 .7rem/1.5 monospace; color:var(--muted); margin-bottom:8px; }.share-poster textarea { display:block; width:100%; min-height:100px; resize:vertical; padding:12px; color:var(--white); background:var(--blue); border:1px solid var(--purple); font:.8rem/1.6 monospace; }
.poster-share-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:13px; }.poster-share-actions[hidden] { display:none; }.poster-share-actions button { padding:12px; border:1px solid var(--turquoise); color:var(--turquoise); background:var(--black); font:800 .7rem/1.5 monospace; cursor:pointer; }.poster-share-status { color:var(--green); font:.75rem/1.5 monospace; min-height:3em; }
.share-pack-download { display:grid; grid-template-columns:150px 1fr; gap:30px; align-items:center; margin-top:35px; padding:25px; border:1px dashed var(--turquoise); background:var(--black); }.share-pack-download > img { display:block; width:150px; height:150px; object-fit:contain; }.share-pack-download h3 { margin:0 0 10px; font:2rem/1 Impact,sans-serif; text-transform:uppercase; }.share-pack-download p { color:var(--muted); font-size:.85rem; }.share-logo-download { display:block; margin-top:17px; font-size:.8rem; color:var(--turquoise); }.songhub-share-pack :focus-visible { outline:3px solid var(--white); outline-offset:5px; }
@media(max-width:700px) { .songhub-share-pack { padding:28px 16px; margin-block:45px; }.songhub-share-pack > header { grid-template-columns:1fr; gap:10px; }.share-poster-grid { grid-template-columns:1fr; gap:22px; }.share-poster { padding:14px; }.share-pack-download { grid-template-columns:1fr; padding:20px; gap:12px; }.share-pack-download > img { width:100px; height:100px; }.songhub-share-pack h2 { font-size:2.8rem; }.poster-downloads .button { width:100%; }.poster-share-actions button { flex:1 1 100%; } }

/* The Ministry of Unsolicited Noise: existing Songhub wiring and useless paperwork. */
.opinion-office { position:relative; isolation:isolate; margin:75px 0; padding:46px 36px 40px; background:var(--blue); border:2px solid var(--green); box-shadow:9px 9px 0 var(--purple); }
.opinion-wiring { position:absolute; top:0; left:0; z-index:-1; width:100%; height:160px; object-fit:cover; opacity:.19; pointer-events:none; mask-image:linear-gradient(#000,transparent); }
.opinion-heading { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:40px; align-items:center; }
.opinion-heading .eyebrow { font:800 .62rem/1.6 monospace; letter-spacing:.09em; color:var(--turquoise); }
.opinion-heading h2 { margin:16px 0 22px; font:clamp(3.4rem,6vw,6.2rem)/.9 Impact,'Arial Narrow',sans-serif; letter-spacing:-.025em; }
.opinion-heading h2 span { color:var(--green); }
.opinion-heading p:not(.eyebrow) { max-width:62ch; font-size:.9rem; line-height:1.65; }
.opinion-seal { display:grid; place-content:center; gap:10px; width:205px; height:205px; padding:12px; border:3px solid var(--pink); outline:1px solid var(--pink); outline-offset:-10px; border-radius:50%; color:var(--pink); text-align:center; transform:rotate(12deg); background:#000a; }
.opinion-seal strong { font:2.6rem/.95 Impact,'Arial Narrow',sans-serif; }
.opinion-seal span { font:800 .57rem/1.3 monospace; }
.opinion-privacy { padding:12px 0; margin:16px 0 25px; border-block:1px dashed #ffffff45; color:var(--muted); font:.72rem/1.7 monospace; }
.opinion-console { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:35px; align-items:start; }
.opinion-console[hidden],.opinion-followup[hidden],.opinion-skip[hidden] { display:none; }
.opinion-ballot { min-width:0; background:var(--black); border:1px solid var(--turquoise); padding:0 24px 25px; box-shadow:5px 5px 0 #000; }
.opinion-machine-label { display:flex; gap:15px; justify-content:space-between; padding:13px 0; margin-bottom:25px; border-bottom:1px solid var(--line); color:var(--turquoise); font:700 .57rem/1.5 monospace; }
.opinion-machine-label > span:last-child { color:var(--pink); white-space:nowrap; letter-spacing:.2em; }
.opinion-file { font:.56rem/1.6 monospace; letter-spacing:.08em; color:var(--muted); }
.opinion-ballot h3 { font:clamp(2rem,3.2vw,3.2rem)/1.05 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; margin:18px 0 25px; color:var(--white); overflow-wrap:anywhere; }
.opinion-ballot h3:focus { outline:2px dashed var(--turquoise); outline-offset:6px; }
.opinion-answers { display:grid; gap:12px; }
.opinion-answers button { display:flex; gap:15px; align-items:center; width:100%; min-height:78px; padding:15px; text-align:left; border:1px solid #ffffff55; background:var(--blue); color:var(--white); cursor:pointer; font:800 .88rem/1.45 'Segoe UI',Arial,sans-serif; }
.opinion-answers button > b { display:grid; place-content:center; width:32px; height:32px; flex-shrink:0; border:1px solid var(--pink); color:var(--pink); font:1.25rem/1 Impact,sans-serif; }
.opinion-answers button > span:first-of-type { flex:1; }
.opinion-choice-mark { font:1.4rem/1 monospace; color:var(--turquoise); }
.opinion-answers button:hover:not(:disabled) { color:var(--black); background:var(--turquoise); border-color:var(--turquoise); }
.opinion-answers button:hover:not(:disabled) > b,.opinion-answers button:hover:not(:disabled) .opinion-choice-mark { color:var(--black); border-color:var(--black); }
.opinion-answers button[aria-pressed='true'] { color:var(--black); background:var(--green); border-color:var(--green); opacity:1; }
.opinion-answers button[aria-pressed='true'] > b,.opinion-answers button[aria-pressed='true'] .opinion-choice-mark { color:var(--black); border-color:var(--black); }
.opinion-answers button:disabled:not([aria-pressed='true']) { opacity:.4; cursor:default; }
.opinion-answers button:disabled { cursor:default; }
.opinion-skip { margin:24px 0 0; border:0; padding:8px 0; background:none; color:var(--turquoise); text-decoration:underline; text-underline-offset:5px; font:.73rem/1.5 monospace; cursor:pointer; }
.opinion-output { min-width:0; padding:8px 12px 0; }
.opinion-slot { height:15px; border:2px solid #ffffff35; background:#000; box-shadow:0 3px 0 #000; }
.opinion-receipt { position:relative; margin:-3px 12px 0; padding:20px 22px 35px; color:var(--black); background:var(--white); clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%); }
.receipt-head { margin:0; padding-bottom:12px; border-bottom:1px dashed #000; font:800 .57rem/1.6 monospace; letter-spacing:.08em; }
.opinion-receipt::before { content:'?'; position:absolute; top:45px; right:24px; font:5rem/1 Impact,sans-serif; color:#0002; }
.opinion-stamp { position:absolute; right:20px; top:55px; display:none; padding:7px 13px; border:3px solid var(--pink); color:var(--pink); font:1.6rem/.95 Impact,sans-serif; text-align:center; transform:rotate(-10deg); }
.has-verdict .opinion-stamp { display:block; animation:opinion-stamp .25s ease-out both; }
.has-verdict .opinion-receipt::before { display:none; }
@keyframes opinion-stamp { from { opacity:0; transform:scale(1.25) rotate(-17deg); } to { opacity:1; transform:scale(1) rotate(-10deg); } }
.opinion-picked { margin:100px 0 18px; font:800 .66rem/1.55 monospace; }
.opinion-verdict p { font:.87rem/1.65 'Segoe UI',Arial,sans-serif; }
.opinion-verdict strong { display:block; margin-top:20px; font:1.7rem/1.1 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }
.opinion-verdict strong:empty { display:none; }
.opinion-totals { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:18px 0; margin-top:25px; border-block:1px dashed #000; }
.opinion-totals span { font:.53rem/1.6 monospace; }
.opinion-totals b { display:block; font:2rem/1.15 monospace; }
.opinion-rank { font:.65rem/1.6 monospace; }
.receipt-barcode { display:block; height:23px; max-width:180px; margin:20px auto 0; background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px,#000 4px 5px,transparent 5px 8px,#000 8px 12px,transparent 12px 15px); }
.opinion-followup { padding:14px 0 0; }
.opinion-followup > p:first-child { font:.8rem/1.6 monospace; color:var(--green); }
.opinion-next { display:block; width:100%; padding:15px; border:2px solid var(--green); background:var(--green); color:var(--black); font:900 .76rem/1.5 monospace; cursor:pointer; }
.opinion-next:hover { background:var(--turquoise); border-color:var(--turquoise); }
.opinion-appeal { padding:13px 2px; margin-top:7px; border:0; background:none; color:var(--turquoise); text-decoration:underline; text-underline-offset:5px; font:.72rem/1.6 monospace; cursor:pointer; }
.opinion-appeal-result { font:.76rem/1.6 monospace; color:var(--white); margin:4px 0 0; }
.opinion-office button:focus-visible { outline:3px solid var(--pink); outline-offset:4px; }
.opinion-receipt { scroll-margin-top:10px; }
[data-opinion-question] { scroll-margin-block:10px 25px; }
.opinion-invite { display:flex; align-items:center; gap:22px; padding:20px 22px; margin:14px 0 28px; border:1px dashed var(--pink); background:var(--blue); text-decoration:none; }
.opinion-invite > span:first-child { color:var(--pink); font:800 .64rem/1.5 monospace; white-space:nowrap; }
.opinion-invite strong { flex:1; font:1.35rem/1.2 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }
.opinion-invite > span:last-child { color:var(--turquoise); font:.67rem/1.6 monospace; }
.opinion-invite:hover { border-color:var(--green); }
.opinion-invite:focus-visible { outline:3px solid var(--green); outline-offset:4px; }
@media(max-width:700px) { .opinion-invite { align-items:start; flex-direction:column; gap:10px; padding:18px; } }
[data-theme='clean'] .opinion-seal { transform:none; }
[data-theme='clean'] .has-verdict .opinion-stamp { animation:none; transform:none; }
@media(max-width:900px) { .opinion-office { padding:32px 24px; }.opinion-heading { grid-template-columns:minmax(0,1fr) 155px; gap:22px; }.opinion-seal { width:150px; height:150px; }.opinion-seal strong { font-size:2rem; }.opinion-seal span { font-size:.43rem; }.opinion-console { gap:18px; }.opinion-ballot { padding-inline:18px; }.opinion-output { padding-inline:0; }.opinion-receipt { padding-inline:18px; margin-inline:8px; } }
@media(max-width:700px) { .opinion-console { grid-template-columns:minmax(0,1fr); gap:28px; }.opinion-heading { grid-template-columns:minmax(0,1fr); position:relative; padding-right:0; }.opinion-heading h2 { font-size:clamp(2.8rem,9.4vw,4.3rem); }.opinion-heading .eyebrow { max-width:32ch; font-size:.53rem; }.opinion-heading > div:first-child { position:relative; z-index:1; }.opinion-seal { position:absolute; right:-8px; top:40px; opacity:.13; width:150px; height:150px; }.opinion-heading p:not(.eyebrow) { font-size:.83rem; }.opinion-office { padding:26px 16px; margin:55px 0; box-shadow:5px 5px 0 var(--purple); }.opinion-privacy { font-size:.66rem; }.opinion-ballot h3 { font-size:2rem; }.opinion-answers button { font-size:.83rem; padding:12px; gap:12px; }.opinion-receipt { max-width:410px; margin-inline:auto; width:calc(100% - 22px); }.opinion-slot { max-width:440px; margin:auto; }.opinion-output { padding-top:0; } }
@media(prefers-reduced-motion:reduce) { .has-verdict .opinion-stamp { animation:none; } }
/* Songhub's blue dragon takes a feathered editorial detour. */
.scene-cartoon-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}
.scene-cartoon-pair .peacock-detour{margin:1rem 0;min-width:0;}
.scene-cartoon-pair .peacock-detour-link{display:flex;flex-direction:column;}
.scene-cartoon-pair .peacock-detour-link img{height:auto;object-fit:contain;}
.scene-cartoon-pair .peacock-detour-copy{flex:1;}
@media(max-width:750px){.scene-cartoon-pair{grid-template-columns:minmax(0,1fr);}}
.peacock-detour{margin:2rem 0;max-width:100%;}
.peacock-detour-link{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);background:#0c0f3a;border:2px solid #07ffe8;color:#fff;text-decoration:none;box-shadow:7px 7px 0 #ff007f;overflow:hidden;}
.peacock-detour-link img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;}
.peacock-detour-copy{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;padding:clamp(1rem,3vw,2rem);min-width:0;}
.peacock-detour-copy small{color:#07ffe8;font-weight:800;letter-spacing:.08em;}
.peacock-detour-copy strong{font-size:clamp(1.7rem,3vw,3rem);line-height:1.05;overflow-wrap:anywhere;}
.peacock-detour-copy>span{color:#39ff14;font-weight:800;}
.peacock-detour-copy b{display:block;margin-top:.5rem;color:#fff;font-size:.78rem;font-weight:400;}
.peacock-detour-link:hover .peacock-detour-copy>span{text-decoration:underline;}
.peacock-detour-link:focus-visible{outline:4px solid #39ff14;outline-offset:5px;}
.peacock-detour>p{margin:1rem 0 0;font-size:.85rem;}
@media(max-width:650px){.peacock-detour-link{grid-template-columns:minmax(0,1fr);}.peacock-detour-copy{gap:.8rem;}}

/* A record crate made from type, grooves and the original Songhub palette. */
.song-crate { margin:70px 0; padding:42px 30px; border-top:6px solid var(--pink); background:var(--blue); }
.song-crate-heading { display:grid; grid-template-columns:1.15fr 1fr; align-items:end; gap:35px; margin-bottom:30px; }
.song-crate-heading h2 { margin:12px 0 0; font:clamp(2.9rem,5vw,4.9rem)/.96 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }
.song-crate-heading h2 span { color:var(--green); }
.song-crate-heading > p { margin:0; max-width:54ch; font:.88rem/1.7 'Segoe UI',Arial,sans-serif; color:var(--muted); }
.song-crate-tools { display:flex; align-items:center; gap:18px; border-block:1px solid #ffffff45; padding:15px 0; margin-bottom:24px; }
.song-crate-tools > button,.song-bag > button { padding:13px 16px; border:1px solid var(--green); background:var(--green); color:var(--black); font:800 .75rem/1.5 monospace; cursor:pointer; }
.song-crate-tools > button:hover,.song-bag > button:hover:not(:disabled) { background:var(--turquoise); border-color:var(--turquoise); }
.song-crate-tools > span { flex:1; min-width:0; font:.62rem/1.5 monospace; color:var(--turquoise); }
.song-index { position:relative; margin-left:auto; }
.song-index > summary { cursor:pointer; padding:12px 0 12px 14px; font:.7rem/1.5 monospace; }
.song-index > div { position:absolute; z-index:8; right:0; top:100%; width:320px; max-height:420px; overflow:auto; padding:10px; background:var(--black); border:1px solid var(--turquoise); box-shadow:5px 5px 0 var(--purple); }
.song-index a { display:grid; gap:4px; padding:12px; text-decoration:none; border-bottom:1px solid var(--line); }
.song-index a strong { font:.9rem/1.3 'Segoe UI',Arial,sans-serif; }
.song-index a span { font:.63rem/1.4 monospace; color:var(--muted); }
.song-index a:hover,.song-index a[aria-current] { background:var(--blue); color:var(--green); }
.has-song-controls .song-crate-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:25px; align-items:start; }
.song-cards { min-width:0; }
.song-card { display:grid; grid-template-columns:minmax(200px,.85fr) minmax(0,1.15fr); background:var(--black); border:1px solid #07ffe86b; margin-bottom:25px; scroll-margin-top:10px; }
.song-card[hidden],.song-crate [hidden] { display:none; }
.song-card:last-child { margin-bottom:0; }
.song-sleeve { min-width:0; padding:25px 23px; border-right:1px dashed #ffffff45; background:linear-gradient(135deg,#4b008233,transparent 65%); }
.song-disc { display:grid; place-items:center; width:180px; max-width:100%; aspect-ratio:1; margin:0 auto 25px; border-radius:50%; border:2px solid #ffffff26; background:repeating-radial-gradient(circle,#111 0 2px,#292929 3px,#111 4px); box-shadow:7px 8px 0 #4b008280; transform:rotate(-10deg); }
.song-disc > span { position:relative; display:grid; align-content:center; gap:9px; width:53%; aspect-ratio:1; text-align:center; border-radius:50%; color:var(--black); background:var(--pink); font:.43rem/1.4 monospace; }
.song-disc b { font:1.25rem/.9 Impact,'Arial Narrow',sans-serif; }
.song-card:nth-child(3n+1) .song-disc > span { background:var(--green); }
.song-card:nth-child(3n+2) .song-disc > span { background:var(--turquoise); }
.song-artist { color:var(--turquoise); margin:0 0 10px; font:800 .74rem/1.6 monospace; }
.song-sleeve h3 { font:2.45rem/1 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; overflow-wrap:anywhere; margin:0 0 15px; }
.song-sleeve h3:focus { outline:2px dashed var(--turquoise); outline-offset:6px; }
.song-tag { font:.57rem/1.5 monospace; letter-spacing:.07em; color:var(--muted); }
.song-card-actions { display:grid; gap:10px; margin-top:25px; }
.song-listen { display:block; padding:14px 10px; text-align:center; background:var(--green); color:var(--black); text-decoration:none; font:900 .79rem/1.5 monospace; }
.song-listen:hover { background:var(--turquoise); }
.song-card-actions button { padding:11px; background:none; color:var(--turquoise); border:1px solid var(--turquoise); font:700 .72rem/1.5 monospace; cursor:pointer; }
.song-card-actions button.is-added { color:var(--green); border-color:var(--green); }
.snack-break { margin-top:24px; padding:16px 20px; border-left:3px solid #07ffe8; background:#000; color:#fff; }
.snack-break p { margin:0; font:.88rem/1.6 'Segoe UI',Arial,sans-serif; }
.snack-break summary { padding:8px 0; color:#07ffe8; cursor:pointer; font:800 .8rem/1.5 monospace; }
.snack-break summary:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.song-edition { font:.64rem/1.6 monospace; color:var(--muted); margin-bottom:0; }
.song-liner { min-width:0; padding:27px 25px; }
.song-fact-label { font:800 .61rem/1.5 monospace; letter-spacing:.12em; color:var(--green); margin:0 0 17px; }
.song-liner h4 { margin:0 0 20px; font:2.15rem/1.08 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }
.song-fact { font:.88rem/1.8 'Segoe UI',Arial,sans-serif; }
.song-source { margin-top:20px; font:.67rem/1.6 monospace; }
.song-source summary { color:var(--turquoise); cursor:pointer; }
.song-source a { display:block; padding:9px 0; overflow-wrap:anywhere; }
.song-wisecrack { padding:20px; margin:28px -6px 0; border:1px solid var(--pink); box-shadow:4px 4px 0 var(--purple); transform:rotate(1.5deg); }
.song-wisecrack > span { color:var(--pink); font:800 .52rem/1.5 monospace; letter-spacing:.08em; }
.song-wisecrack p { margin:12px 0 0; font:800 .92rem/1.55 'Segoe UI',Arial,sans-serif; }
.song-bag { position:relative; min-width:0; padding:25px 20px; border:1px dashed var(--turquoise); background:#0008; }
.song-bag-mark { display:block; color:var(--pink); font:4rem/.8 monospace; margin-bottom:20px; }
.song-bag .eyebrow { font-size:.52rem; line-height:1.6; }
.song-bag h3 { margin:15px 0 24px; font:2.05rem/1.05 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }
.song-bag > p { font:.76rem/1.7 'Segoe UI',Arial,sans-serif; }
.song-bag > button { width:100%; margin-top:12px; font-size:.64rem; }
.song-bag > button:disabled { background:transparent; color:var(--muted); border-color:#ffffff38; cursor:default; }
.song-bag > button[data-bag-download]:not(:disabled) { color:var(--turquoise); background:none; border-color:var(--turquoise); }
.song-bag > small { display:block; margin-top:20px; color:var(--muted); font:.6rem/1.7 monospace; }
[data-bag-items] > div { display:flex; align-items:start; gap:10px; padding:14px 0; border-top:1px dashed #ffffff45; }
[data-bag-items] a { flex:1; min-width:0; display:grid; gap:6px; text-decoration:none; }
[data-bag-items] strong { font:.8rem/1.4 'Segoe UI',Arial,sans-serif; overflow-wrap:anywhere; }
[data-bag-items] span { color:var(--turquoise); font:.6rem/1.5 monospace; }
[data-bag-items] button { background:none; border:1px solid #ffffff55; color:var(--pink); font:1.2rem/1 monospace; min-width:32px; min-height:36px; cursor:pointer; }
[data-bag-status] { color:var(--green); }
[data-bag-fallback] { width:100%; min-height:190px; margin-top:15px; background:var(--black); color:var(--white); font:.7rem/1.6 monospace; padding:12px; border:1px solid var(--turquoise); }
.song-crate-footnote { margin:25px 0 0; max-width:100ch; color:var(--muted); font:.63rem/1.7 monospace; }
.song-crate :is(a,button,summary):focus-visible { outline:3px solid var(--pink); outline-offset:3px; }
[data-theme='clean'] :is(.song-disc,.song-wisecrack) { transform:none; box-shadow:none; }
@media(max-width:1100px) { .has-song-controls .song-crate-layout { grid-template-columns:minmax(0,1fr); }.song-bag { padding:22px; }.song-bag-mark { display:none; }[data-bag-items] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.song-bag > button { width:auto; margin-right:12px; }.song-bag h3 br { display:none; }.song-bag h3 { margin-bottom:14px; }.song-bag > small { max-width:80ch; } }
@media(max-width:700px) { .song-crate { padding:28px 16px; margin:50px 0; }.song-crate-heading { grid-template-columns:minmax(0,1fr); gap:22px; }.song-crate-heading h2 { font-size:clamp(2.8rem,11vw,4rem); }.song-crate-tools { flex-wrap:wrap; gap:14px; }.song-crate-tools > button { width:100%; }.song-crate-tools > span { font-size:.56rem; }.song-index > summary { font-size:.59rem; padding:10px 0; }.song-index > div { width:270px; max-width:calc(100vw - 70px); }.song-card { grid-template-columns:minmax(0,1fr); }.song-sleeve { border-right:0; border-bottom:1px dashed #ffffff45; padding:22px; }.song-disc { float:right; width:100px; margin:0 0 18px 16px; }.song-disc > span { gap:5px; font-size:.25rem; }.song-disc b { font-size:.74rem; }.song-sleeve h3 { font-size:2rem; }.song-tag,.song-card-actions { clear:both; }.song-liner { padding:25px 22px; }.song-liner h4 { font-size:2rem; }.song-wisecrack { margin-top:24px; padding:17px; }.song-bag { padding:22px 17px; }[data-bag-items] { grid-template-columns:minmax(0,1fr); gap:0; }.song-bag > button { width:100%; margin-right:0; } }
.song-invite { border-color:var(--green); margin-bottom:14px; }
.song-invite > span:first-child { color:var(--green); }
.song-bag-jump { font:.67rem/1.6 monospace; color:var(--green); white-space:nowrap; }
.song-next-bottom button { display:block; width:100%; padding:15px; color:var(--turquoise); background:var(--black); border:1px solid var(--turquoise); font:800 .75rem/1.5 monospace; cursor:pointer; }
.song-next-bottom button:hover { background:var(--turquoise); color:var(--black); }

/* One cable through the magazine: source-backed margin discoveries. */
.scene-thread { margin:26px 0; padding:6px 0 12px 20px; border:0; border-left:2px dashed var(--turquoise); max-width:78ch; scroll-margin-top:100px; position:relative; }
.scene-thread::before { content:''; position:absolute; left:-7px; top:18px; width:12px; height:12px; border:2px solid var(--turquoise); border-radius:50%; background:var(--black); }
.scene-thread summary { display:flex; align-items:center; gap:14px; cursor:pointer; list-style:none; min-height:48px; color:var(--white); }
.scene-thread summary::-webkit-details-marker { display:none; }
.thread-mark { flex:0 0 auto; font:700 .65rem/1.3 monospace; color:var(--pink); max-width:8ch; }
.scene-thread summary strong { font:700 1rem/1.5 'Segoe UI',Arial,sans-serif; }
.thread-pull { margin-left:auto; color:var(--turquoise); font:700 1.7rem/1 monospace; transition:transform .2s; }
.scene-thread[open] .thread-pull { transform:rotate(90deg); }
.scene-thread p { font:400 .95rem/1.8 'Segoe UI',Arial,sans-serif; color:var(--white); }
.scene-thread .thread-joke { font-weight:800; font-size:1.2rem; color:var(--green); }
.scene-thread .thread-source { font-size:.78rem; color:var(--muted); }
.scene-thread a { color:var(--turquoise); text-decoration:underline; text-underline-offset:4px; }
.scene-thread .thread-next { display:inline-block; font:700 .84rem/1.6 monospace; padding:12px 0; color:var(--green); }
.scene-thread:target { border-color:var(--pink); }
.scene-thread:target::before { background:var(--pink); border-color:var(--pink); box-shadow:0 0 18px var(--pink); }
.scene-thread summary:hover strong { color:var(--turquoise); }
.scene-thread :is(summary,a):focus-visible { outline:3px solid var(--green); outline-offset:5px; }
@media (prefers-reduced-motion:reduce) { .thread-pull { transition:none; } }
@media (max-width:700px) { .scene-thread { margin:20px 0; padding-left:14px; }.scene-thread summary { gap:10px; }.scene-thread summary strong { font-size:.93rem; }.thread-mark { font-size:.58rem; } }
.opinion-rewriter{margin-top:2.5rem;padding:clamp(1rem,3vw,2rem);border:2px dashed #ff007f;background:#0c0f3a;min-width:0;}
.opinion-rewriter h3{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:.6rem 0 1rem;}
.opinion-rewriter label{display:block;font-weight:800;margin:1.4rem 0 .6rem;}
.opinion-rewriter textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;resize:vertical;min-height:7rem;padding:1rem;border:2px solid #07ffe8;border-radius:0;background:#000;color:#fff;font:inherit;line-height:1.6;}
.opinion-rewriter.is-rigged textarea{border-color:#ff007f;box-shadow:5px 5px 0 #4b0082;}
.rewriter-controls{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0;}
.rewriter-controls button{padding:.8rem 1rem;border:1px solid #07ffe8;background:#000;color:#07ffe8;font:inherit;cursor:pointer;}
.rewriter-controls button:first-child{background:#39ff14;color:#000;border-color:#39ff14;font-weight:800;}
.rewriter-controls button:disabled{opacity:.45;cursor:default;}
.opinion-rewriter textarea:focus-visible{outline:3px solid #39ff14;outline-offset:4px;}
.rewriter-status{color:#07ffe8;min-height:3em;font-family:monospace;overflow-wrap:anywhere;}
.rewriter-original{border-left:3px solid #39ff14;padding:.8rem 1rem;background:#000;overflow-wrap:anywhere;}
.rewriter-original p{white-space:pre-wrap;margin:.5rem 0 0;}
.thread-invite { max-width:78ch; margin:24px 0 32px; font:400 .95rem/1.8 monospace; color:var(--white); }
.thread-invite a { color:var(--green); text-underline-offset:4px; }
.room-art a.room-stamp { text-decoration:none; min-height:44px; display:flex; align-items:center; padding:10px 16px; transition:transform .2s,box-shadow .2s; }
.room-art a.room-stamp:hover { transform:rotate(0deg) scale(1.04); box-shadow:0 0 24px var(--turquoise); }
.room-art a.room-stamp:focus-visible { right:12px; bottom:15px; max-width:calc(100% - 24px); box-sizing:border-box; overflow-wrap:anywhere; transform:none; outline:3px solid #000; outline-offset:3px; box-shadow:0 0 0 7px #fff; }
@media (prefers-reduced-motion:reduce) { .room-art a.room-stamp { transition:none; }.room-art a.room-stamp:hover { transform:none; } }

/* Army of Hardcore: neon recruitment poster, inspection console and fictional orders. */
.army-office{margin:80px 0;scroll-margin-top:100px;border:1px solid var(--purple);background:var(--blue);position:relative;isolation:isolate;}
.army-office [hidden]{display:none!important;}
.army-stripe{display:flex;justify-content:space-between;gap:18px;padding:15px 24px;background:var(--green);color:#000;font:900 .75rem/1.4 monospace;letter-spacing:.06em;}
.army-heading{display:grid;grid-template-columns:1fr 190px;gap:36px;align-items:center;padding:clamp(24px,5vw,64px);padding-bottom:32px;}
.army-heading h2{font:400 clamp(3rem,7vw,6.5rem)/.94 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;margin:15px 0 24px;}
.army-heading h2 em{font-style:normal;color:var(--green);}
.army-heading p:last-child{max-width:62ch;line-height:1.7;}
.army-insignia{border:3px solid var(--turquoise);padding:24px 12px 32px;display:grid;text-align:center;gap:8px;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);background:var(--purple);box-shadow:inset 0 0 0 7px var(--blue);}
.army-insignia span{font:700 .65rem/1.4 monospace;letter-spacing:.12em;}
.army-insignia b{font:bold 4rem/.9 monospace;transform:rotate(90deg);color:var(--green);margin:10px 0;}
.army-insignia strong{font:400 3.5rem/1 Impact,'Arial Narrow',sans-serif;}
.army-console{margin:0 clamp(18px,4vw,48px) 30px;}
.army-intake{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--turquoise);background:#000;}
.army-intake-copy{padding:clamp(22px,3vw,38px);}
.army-overline{font:700 .7rem/1.6 monospace;letter-spacing:.08em;}
.army-office h3{font:400 clamp(1.8rem,3.5vw,2.7rem)/1.12 Impact,'Arial Narrow',sans-serif;margin:18px 0;}
.army-intake-copy p{line-height:1.7;max-width:56ch;}
.army-intake-stamp{display:flex;flex-direction:column;justify-content:center;gap:12px;border-left:1px solid var(--turquoise);padding:30px;overflow:hidden;background:repeating-linear-gradient(-45deg,transparent 0 18px,#07ffe809 18px 20px);}
.army-intake-stamp>span{font:400 clamp(1.8rem,3.4vw,3.2rem)/1 Impact,'Arial Narrow',sans-serif;color:var(--green);}
.army-intake-stamp>span:nth-child(2){color:var(--pink);}
.army-intake-stamp small{font:700 .65rem/1.5 monospace;color:var(--muted);}
.army-office button{cursor:pointer;font:700 .94rem/1.5 'Segoe UI',Arial,sans-serif;min-height:48px;}
.army-office button.army-primary{background:var(--green);color:#000;border:2px solid var(--green);padding:13px 22px;margin:12px 0 0;box-shadow:5px 5px 0 var(--purple);}
.army-office button.army-primary:hover{background:#fff;border-color:#fff;}
.army-exam{background:#000;padding:clamp(20px,3.5vw,42px);border-top:5px solid var(--pink);}
.army-exam-top{display:flex;justify-content:space-between;gap:20px;font:700 .68rem/1.6 monospace;color:var(--turquoise);}
.army-exam progress{display:block;appearance:none;width:100%;height:5px;margin:16px 0 28px;border:0;background:var(--purple);color:var(--green);}
.army-exam progress::-webkit-progress-bar{background:var(--purple);}
.army-exam progress::-webkit-progress-value{background:var(--green);}
.army-exam progress::-moz-progress-bar{background:var(--green);}
.army-answers{display:grid;gap:10px;margin-top:24px;}
.army-answers button{display:flex;align-items:center;text-align:left;gap:18px;padding:16px 18px;border:1px solid #ffffff60;color:#fff;background:var(--blue);}
.army-answers button>b{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid var(--turquoise);color:var(--turquoise);font-family:monospace;}
.army-answers button:hover:enabled{border-color:var(--green);background:var(--purple);}
.army-answers button:disabled{cursor:default;opacity:.45;}
.army-answers button[data-selected]{opacity:1;border:2px solid var(--green);background:#153319;}
.army-reaction{border-left:3px solid var(--pink);padding:0 0 4px 20px;margin-top:24px;}
.army-reaction p{font-weight:700;line-height:1.7;color:var(--turquoise);}
.army-result{background:#fff;color:#000;padding:clamp(22px,4vw,46px);border-bottom:10px solid var(--purple);position:relative;}
.army-result h3{display:inline-block;font:400 clamp(2.3rem,8.2vw,7rem)/1 Impact,'Arial Narrow',sans-serif;border:5px solid currentColor;padding:8px 12px;margin:20px 0;color:#176b0b;transform:rotate(-2deg);max-width:100%;}
.army-result[data-verdict=unfit] h3{color:#b80059;}
.army-result-reason{font-weight:750;line-height:1.7;max-width:68ch;}
.army-result-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px dashed #555;padding-top:18px;font:700 .65rem/1.6 monospace;}
.army-orders{padding-top:24px;}
.army-orders>p{max-width:78ch;line-height:1.8;}
.army-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0;}
.army-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#000;border:1px solid var(--turquoise);color:#fff;text-align:left;padding:24px 20px;overflow-wrap:anywhere;}
.army-choices button>span{font:700 .65rem/1.5 monospace;color:var(--turquoise);}
.army-choices button strong{font:400 clamp(1.5rem,2.5vw,2.2rem)/1.15 Impact,'Arial Narrow',sans-serif;}
.army-choices button small{margin-top:auto;font:.8rem/1.6 'Segoe UI',Arial,sans-serif;}
.army-choices button.army-else{border-color:var(--pink);background:var(--purple);}
.army-choices button:hover,.army-choices button[aria-pressed=true]{outline:3px solid var(--green);outline-offset:-3px;}
.army-choices button[aria-pressed=true]>span{color:var(--green);}
.army-assignment{border:2px solid var(--turquoise);padding:clamp(20px,4vw,40px);background:#000;}
.army-assignment h4{font:400 clamp(2rem,4vw,3.3rem)/1.08 Impact,'Arial Narrow',sans-serif;margin:16px 0;}
.army-assignment p{line-height:1.8;max-width:72ch;}
.army-assignment a{display:inline-block;color:var(--green);text-decoration:underline;text-underline-offset:4px;line-height:1.7;margin:14px 0;}
.army-kit{border:1px dashed var(--green);margin:24px 0;}
.army-kit summary{cursor:pointer;padding:18px;color:var(--green);font:700 .8rem/1.6 monospace;}
.army-kit-items{padding:0 18px 10px;}
.army-kit-items p{display:flex;align-items:baseline;gap:18px;}
.army-kit-items b{color:var(--pink);font-family:monospace;}
.army-penguin{border-color:var(--pink);}
.army-ice{position:relative;display:flex;justify-content:center;gap:16px;align-items:center;width:min(100%,340px);min-height:130px;padding:15px 0 30px;margin:20px auto;}
.army-ice:after{content:'';position:absolute;z-index:0;inset:65% 0 0;clip-path:polygon(10% 0,90% 5%,100% 48%,60% 100%,12% 75%,0 25%);background:var(--turquoise);}
.army-ice span{font-size:3.5rem;position:relative;z-index:1;}
.army-ice b{position:absolute;bottom:5px;z-index:1;font:900 .6rem monospace;color:#000;}
.army-diploma{border-top:2px dashed var(--turquoise);padding-top:22px;}
.army-diploma>strong{color:var(--turquoise);font:700 1.2rem/1.5 monospace;}
.army-music h4{color:var(--pink);}
.army-assignment a.army-track{display:flex;align-items:center;gap:22px;padding:24px;background:var(--green);color:#000;text-decoration:none;}
.army-track>span:first-child{font-size:2.2rem;}
.army-track>span:last-child{display:grid;gap:8px;min-width:0;}
.army-track strong{font:400 clamp(1.7rem,4vw,3rem)/1.1 Impact,'Arial Narrow',sans-serif;}
.army-track small{font:700 .7rem/1.6 monospace;}
.army-again{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;}
.army-again p{font:.75rem/1.7 monospace;color:var(--muted);max-width:55ch;}
.army-again button{flex-shrink:0;padding:12px 18px;border:1px solid var(--pink);color:#fff;background:#000;}
.army-fineprint,.army-office noscript p{font:.75rem/1.8 monospace;color:var(--muted);margin:24px clamp(18px,4vw,48px) 30px;max-width:100ch;}
.army-office :is(h3,h4,a,button,summary){scroll-margin-top:110px;}
.army-office :is(button,a,summary):focus-visible{outline:3px solid var(--green);outline-offset:5px;}
.army-office :is(h3,h4):focus-visible{outline:2px dashed var(--turquoise);outline-offset:8px;}
.army-result [data-army-verdict]:focus{outline:2px dashed var(--purple);outline-offset:8px;}
.army-office [data-army-feedback]:focus{outline:2px dashed var(--turquoise);outline-offset:6px;}
[data-theme=clean] .army-result h3{transform:none;}
@media(max-width:800px){.army-heading{grid-template-columns:1fr 125px;gap:20px;}.army-insignia{padding:18px 8px 28px;}.army-insignia b{font-size:3rem;}.army-insignia strong{font-size:2.7rem;}.army-choices{grid-template-columns:1fr;}.army-choices button{padding:20px;gap:10px;}.army-intake{grid-template-columns:1fr;}.army-intake-stamp{border-left:0;border-top:1px dashed var(--turquoise);padding:22px;}.army-intake-stamp>span{font-size:2rem;}.army-again{align-items:flex-start;flex-direction:column;}.army-result-bottom{flex-direction:column;gap:8px;}}
@media(max-width:480px){.army-stripe{padding:12px 18px;flex-wrap:wrap;gap:8px;font-size:.62rem;}.army-stripe>span:nth-child(2){order:3;flex-basis:100%;}.army-heading{grid-template-columns:1fr;position:relative;padding:24px 20px;}.army-heading .eyebrow{max-width:22ch;padding-right:10px;}.army-heading h2{margin-top:36px;font-size:clamp(2.7rem,10.8vw,4.2rem);}.army-insignia{position:absolute;right:18px;top:18px;width:80px;padding:8px 5px 16px;}.army-insignia b{display:none;}.army-insignia strong{font-size:2rem;}.army-insignia span{font-size:.4rem;}.army-exam-top{flex-direction:column;gap:5px;}.army-exam{padding:20px 16px;}.army-answers button{padding:13px 10px;gap:10px;font-size:.87rem;}.army-result{padding:22px 14px;}.army-result h3{font-size:clamp(1.9rem,8vw,3.4rem);border-width:3px;padding:8px;}.army-assignment a.army-track{padding:18px;gap:12px;}.army-track>span:first-child{font-size:1.3rem;}.army-ice{gap:7px;}.army-ice span{font-size:2.7rem;}}
@media(prefers-reduced-motion:reduce){.army-result h3{transform:none;}}
.army-diploma{scroll-margin-top:110px;}
.army-diploma:focus-visible{outline:2px dashed var(--turquoise);outline-offset:6px;}
.back-issue .channel-etchings{justify-content:flex-start;gap:12px 18px;padding:14px;}
.back-issue .channel-etchings a{font-size:.75rem;line-height:1.5;}
.back-issue .channel-etchings a:focus-visible{outline:2px solid #39ff14;outline-offset:4px;}
.wizard-portrait{display:block;margin:1.5rem 0 0;padding:1rem;background:#000;border-block:1px solid #4b0082;}
.wizard-portrait-image{display:block;}
.wizard-portrait img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;}
.wizard-portrait h4{font-size:clamp(1.4rem,2.5vw,2.3rem);line-height:1.1;margin:.5rem 0;}
.wizard-portrait figcaption p:not(.eyebrow){font-size:.8rem;line-height:1.6;}
.wizard-portrait figcaption>a{display:block;color:#39ff14;font-size:.8rem;margin-top:.7rem;}
.wizard-portrait figcaption>a.wizard-portrait-full{color:#07ffe8;}
.wizard-portrait a:focus-visible{outline:3px solid #39ff14;outline-offset:4px;}
@media(max-width:400px){.wizard-portrait{gap:.8rem;padding:.7rem;}.wizard-portrait .eyebrow{font-size:.5rem;letter-spacing:.03em;}}
@media(max-width:600px){.wizard-portrait{grid-template-columns:minmax(0,1fr);}.wizard-portrait-image{max-width:400px;width:100%;margin-inline:auto;}}

/* The legends room: original layered-screen artwork and a readable memory wall. */
.legend-room{margin:90px 0;border-top:2px solid var(--turquoise);background:#000;scroll-margin-top:100px;}
.legend-room [hidden]{display:none!important;}
.legend-ribbon{display:flex;justify-content:space-between;gap:16px;padding:16px 0;color:var(--turquoise);font:700 .7rem/1.5 monospace;border-bottom:1px solid var(--purple);}
.legend-heading{padding:40px 0 26px;}
.legend-heading h2{font:400 clamp(3.4rem,8vw,7.4rem)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-.015em;margin:20px 0 24px;}
.legend-heading h2 em{font-style:normal;color:var(--turquoise);}
.legend-heading>p:last-of-type{max-width:64ch;line-height:1.85;font-size:1.07rem;}
.legend-heading nav{display:flex;gap:14px 30px;flex-wrap:wrap;margin-top:24px;}
.legend-heading nav a{padding:10px 0;color:var(--green);font:700 .8rem/1.5 monospace;text-decoration:underline;text-underline-offset:6px;}
.legend-stage{height:350px;position:relative;isolation:isolate;overflow:hidden;perspective:900px;border:1px solid var(--purple);background:radial-gradient(ellipse at 50% 0,#4b008280,transparent 70%),var(--blue);}
.legend-stage:before{content:'';position:absolute;inset:58% -40% -70%;background:linear-gradient(90deg,transparent 49.5%,#07ffe830 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#07ffe830 50%,transparent 50.5%);background-size:65px 65px;transform:rotateX(65deg);}
.legend-screen{position:absolute;top:18%;width:24%;height:57%;border:2px solid var(--turquoise);background:repeating-linear-gradient(0deg,#07ffe806 0 2px,transparent 2px 6px),linear-gradient(135deg,#4b0082,#0c0f3a 65%);box-shadow:8px 10px 0 #0008,0 0 35px #07ffe81a;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotateX(12deg) rotateY(-18deg) rotateZ(-5deg);transition:transform .8s,top .8s,border-color .8s;}
.legend-screen>span{font:400 clamp(4rem,10vw,8rem)/1 Impact,'Arial Narrow',sans-serif;color:#000;-webkit-text-stroke:1px var(--turquoise);text-shadow:5px 4px 0 var(--purple);}
.legend-screen>b{position:absolute;left:0;right:0;bottom:0;background:var(--turquoise);color:#000;font:800 .65rem/1.4 monospace;padding:8px 5px;text-align:center;letter-spacing:.08em;}
.legend-screen>i{position:absolute;inset:12px;border:1px solid #ffffff24;pointer-events:none;}
.legend-screen.screen-one{left:9%;}
.legend-screen.screen-two{left:38%;top:10%;transform:rotateX(12deg) rotateY(0deg);}
.legend-screen.screen-three{left:67%;transform:rotateX(12deg) rotateY(18deg) rotateZ(5deg);}
.legend-beam{position:absolute;top:-10%;height:125%;width:16%;background:linear-gradient(#07ffe855,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;opacity:.45;z-index:-1;}
.legend-beam.beam-one{left:15%;transform:rotate(-28deg);}
.legend-beam.beam-two{right:15%;transform:rotate(28deg);background:linear-gradient(#ff007f66,transparent);}
.legend-stage>p{position:absolute;bottom:8px;left:20px;right:20px;text-align:center;color:#fff;font:700 .72rem/1.5 monospace;letter-spacing:.18em;}
[data-legend-lens='2024'] .screen-one{top:10%;transform:rotateX(25deg) rotateY(-22deg);}
[data-legend-lens='2024'] .screen-two{top:24%;transform:rotateX(25deg);}
[data-legend-lens='2024'] .screen-three{top:10%;transform:rotateX(25deg) rotateY(22deg);}
[data-legend-lens='2025'] .legend-screen{transform:rotate(0deg);top:16%;border-color:var(--pink);}
[data-legend-lens='2025'] .legend-screen>b{background:var(--pink);color:#fff;}
.legend-stage-control{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:14px 0 35px;font:.75rem/1.6 monospace;color:var(--muted);}
.legend-stage-control button,.three-light{border:1px solid var(--pink);padding:12px 18px;background:#000;color:#fff;font:700 .8rem/1.5 monospace;cursor:pointer;min-height:44px;}
.legend-room.is-moving .legend-stage-control button{background:var(--purple);}
.legend-stage-control button:disabled{cursor:default;opacity:.65;}
.legend-room .legend-screen>i{animation:legend-depth 7s ease-in-out infinite alternate both;animation-play-state:paused;}
.legend-room .beam-one{animation:legend-beam-one 11s ease-in-out infinite alternate both;animation-play-state:paused;}
.legend-room .beam-two{animation:legend-beam-two 13s ease-in-out infinite alternate both;animation-play-state:paused;}
.legend-room.is-moving.is-in-view :is(.legend-screen>i,.beam-one,.beam-two){animation-play-state:running;}
@keyframes legend-depth{to{transform:translate(0,-7px) scale(.83);border-color:var(--green);}}
@keyframes legend-beam-one{to{transform:rotate(28deg);}}
@keyframes legend-beam-two{to{transform:rotate(-28deg);}}
.legend-editions,.legend-on-air,.legend-memorial{scroll-margin-top:100px;}
.legend-subheading{padding-top:35px;margin-bottom:26px;}
.legend-subheading>span{color:var(--pink);font:800 .7rem/1.5 monospace;letter-spacing:.08em;}
.legend-subheading h3{font:400 clamp(2rem,4vw,3.4rem)/1.08 Impact,'Arial Narrow',sans-serif;margin:14px 0;}
.legend-subheading p{max-width:80ch;font-size:.9rem;line-height:1.8;color:var(--muted);}
.legend-year-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--turquoise);}
.legend-year-controls button{background:var(--blue);color:#fff;border:0;border-right:1px solid var(--turquoise);display:flex;align-items:center;gap:18px;text-align:left;padding:18px 24px;cursor:pointer;min-height:72px;}
.legend-year-controls button:last-child{border-right:0;}
.legend-year-controls b{font:400 2.3rem/1 Impact,'Arial Narrow',sans-serif;}
.legend-year-controls span{font:700 .65rem/1.5 monospace;}
.legend-year-controls button[aria-pressed=true]{background:var(--turquoise);color:#000;}
.legend-edition{padding:32px clamp(20px,4vw,45px);background:var(--blue);border-bottom:2px solid var(--purple);}
.legend-dateline{font:700 .73rem/1.6 monospace;color:var(--turquoise);}
.legend-edition h4,.legend-artist h4{font:400 clamp(1.7rem,3vw,2.6rem)/1.15 Impact,'Arial Narrow',sans-serif;margin:15px 0;}
.legend-edition>p:not(.legend-dateline){max-width:80ch;line-height:1.85;}
.legend-sources{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:18px;}
.legend-sources a,.legend-crowd>a,.legend-neighbours>a{font:.75rem/1.7 monospace;color:var(--turquoise);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;}
.legend-crowd{border-top:1px dashed #ffffff55;margin-top:24px;padding-top:14px;}
.legend-crowd summary,.three-history summary,.legend-neighbours summary{cursor:pointer;color:var(--green);padding:10px 0;line-height:1.7;font-weight:700;}
.legend-crowd p{max-width:78ch;line-height:1.85;font-size:.9rem;}
.legend-note{max-width:100ch;font:.72rem/1.8 monospace;color:var(--muted);margin:20px 0 35px;}
.legend-on-air{padding-top:15px;}
.legend-artist{display:grid;grid-template-columns:95px 1fr;gap:25px;padding:30px 0;border-top:1px solid var(--purple);}
.legend-artist-number{font:400 4.5rem/1 Impact,'Arial Narrow',sans-serif;color:var(--purple);padding-top:7px;}
.legend-artist-name{font:800 .85rem/1.7 monospace;color:var(--green);margin:0;text-transform:uppercase;}
.legend-artist>div>p{max-width:80ch;line-height:1.8;}
.legend-update{padding:14px 18px;border-left:3px solid var(--turquoise);background:var(--blue);font-size:.88rem;}
.three-tribute{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(25px,5vw,65px);padding:clamp(24px,5vw,64px);margin:60px 0 25px;border:1px solid var(--purple);background:radial-gradient(ellipse at 0 50%,#4b008244,transparent 60%),#050610;scroll-margin-top:100px;}
.three-mark{position:relative;min-height:360px;align-self:start;display:grid;place-items:center;isolation:isolate;}
.three-mark>span{font:400 clamp(17rem,30vw,27rem)/1 Impact,'Arial Narrow',sans-serif;color:#060610;-webkit-text-stroke:2px var(--turquoise);text-shadow:12px 12px 0 #4b008260;}
.three-mark>i{position:absolute;left:0;right:0;height:12%;border:1px solid var(--turquoise);transform:skewY(-13deg);opacity:.35;z-index:-1;}
.three-mark>i:nth-of-type(1){top:23%;}
.three-mark>i:nth-of-type(2){top:45%;left:10%;}
.three-mark>i:nth-of-type(3){top:67%;left:20%;}
.three-copy h3{font:400 clamp(3.5rem,6.3vw,6rem)/.98 Impact,'Arial Narrow',sans-serif;margin:16px 0 24px;}
.three-dates{font:.75rem/1.8 monospace;color:var(--muted);}
.three-copy p:not(.eyebrow,.three-dates,.three-light-message){line-height:1.9;max-width:60ch;}
.three-copy p.three-dedication{font-size:1.3rem;font-weight:800;color:var(--turquoise);}
.three-play{display:flex;gap:18px;align-items:center;padding:20px;margin:28px 0 18px;border:1px solid var(--turquoise);color:#fff;background:var(--blue);font-weight:800;text-decoration:none;}
.three-play>span:last-child{margin-left:auto;}
.three-play small{display:block;font:.65rem/1.6 monospace;color:var(--turquoise);margin-top:6px;}
.three-light{color:var(--turquoise);border-color:var(--turquoise);}
.three-light:disabled{cursor:default;}
.three-light-message{font:.8rem/1.7 monospace;color:var(--green);}
.three-history{border-top:1px solid var(--purple);margin-top:24px;padding-top:12px;}
.three-history p{font-size:.87rem;}
.three-tribute.is-lit{border-color:var(--turquoise);box-shadow:inset 0 0 70px #07ffe812;}
.three-tribute.is-lit .three-mark>span{color:var(--turquoise);text-shadow:0 0 55px #07ffe84d;}
.three-tribute.is-lit .three-mark>i{opacity:1;border-color:var(--green);}
.legend-memory{display:grid;grid-template-columns:140px 1fr;gap:25px;padding:28px 0;border-top:1px solid #ffffff30;}
.legend-memory>time{font:700 .78rem/1.7 monospace;color:var(--turquoise);padding-top:9px;}
.legend-memory h4{font:400 2.2rem/1.1 Impact,'Arial Narrow',sans-serif;margin:0 0 8px;}
.legend-memory .legend-real-name{font:.8rem/1.7 monospace;color:var(--muted);margin:0;}
.legend-memory p{max-width:72ch;line-height:1.8;}
.legend-neighbours{border-top:1px dashed #ffffff50;padding:18px 0;}
.legend-neighbours p{line-height:1.8;max-width:75ch;}
.legend-room :is(a,button,summary):focus-visible{outline:3px solid var(--green);outline-offset:5px;}
.legend-room h4:focus-visible{outline:2px dashed var(--turquoise);outline-offset:7px;}
.legend-room :is(h3,h4,a,button,summary){scroll-margin-top:110px;}
@media(max-width:800px){.legend-stage{height:290px;}.legend-year-controls button{flex-direction:column;align-items:flex-start;padding:18px 15px;gap:8px;}.three-tribute{grid-template-columns:1fr;}.three-mark{min-height:180px;width:160px;}.three-mark>span{font-size:13rem;}.three-mark>i{height:14%;}.legend-artist{grid-template-columns:50px 1fr;gap:15px;}.legend-artist-number{font-size:3rem;}.legend-memory{grid-template-columns:110px 1fr;gap:20px;}}
@media(max-width:480px){.legend-ribbon{font-size:.58rem;flex-wrap:wrap;gap:8px;}.legend-heading h2{font-size:clamp(2.65rem,11.3vw,4.5rem);}.legend-heading nav{gap:5px 20px;}.legend-stage{height:220px;}.legend-screen{width:27%;}.legend-screen.screen-one{left:5%;}.legend-screen.screen-two{left:36.5%;}.legend-screen.screen-three{left:68%;}.legend-screen>span{font-size:4rem;}.legend-screen>b{font-size:.43rem;padding:6px 2px;}.legend-stage>p{font-size:.52rem;letter-spacing:.08em;}.legend-year-controls button{padding:15px 10px;}.legend-year-controls b{font-size:1.9rem;}.legend-year-controls span{font-size:.53rem;}.legend-edition{padding:24px 18px;}.legend-artist{grid-template-columns:1fr;gap:8px;}.legend-artist-number{font-size:1.5rem;}.legend-memory{grid-template-columns:1fr;gap:10px;}.legend-sources{gap:10px 20px;}.three-tribute{padding:24px 20px;}.three-copy h3{font-size:3.5rem;}.three-play{padding:16px;gap:12px;}.legend-subheading h3{font-size:2.1rem;}}
[data-theme=clean] .legend-screen{transform:none;transition:none;}
[data-theme=clean] .legend-room:not(.is-moving) .legend-stage *{animation-play-state:paused!important;}
@media(prefers-reduced-motion:reduce){.legend-room .legend-stage *{animation:none!important;transition:none!important;}}
@media print{.legend-room [data-legend-edition][hidden]{display:block!important;}.legend-stage-control,.legend-year-controls,.three-light{display:none!important;}}
.set-rack{margin:2.5rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #4b0082;background:radial-gradient(ellipse at top right,#4b008244,transparent 65%),#080910;box-shadow:7px 7px 0 #0c0f3a;scroll-margin-top:90px;}
.set-rack>header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem;}
.set-rack h3{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:.6rem 0;}
.set-rack h3 span{color:#07ffe8;}
.set-rack>header>p{max-width:33ch;font-size:.9rem;line-height:1.7;}
.set-cassettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;}
.set-tape{min-width:0;--tape-ink:#07ffe8;}
.set-tape-2{--tape-ink:#ff007f;}
.set-tape-3{--tape-ink:#39ff14;}
.set-tape-load{display:block;width:100%;padding:13px;border:2px solid #343846;border-radius:9px;background:linear-gradient(125deg,#30333d,#090a0e 55%,#232631);color:#fff;text-align:left;box-shadow:inset 0 0 0 3px #08090d,0 7px 0 #000;cursor:pointer;transform:rotate(-1deg);transition:transform .15s,border-color .15s;}
.set-tape-load[hidden]{display:none;}
.set-tape-2 .set-tape-load{transform:rotate(1deg);}
.set-tape-load:hover,.set-tape-load[aria-pressed='true']{transform:translateY(-4px);border-color:var(--tape-ink);}
.set-tape-top{display:flex;justify-content:space-between;align-items:center;font:700 .6rem/1.5 monospace;color:var(--tape-ink);}
.set-tape-top b{font-size:1rem;}
.set-tape-2 .set-tape-top b{background:#000;padding-inline:3px;}
.set-tape-load>strong{display:block;margin:10px 0 12px;padding:8px 9px;background:var(--tape-ink);color:#000;font:900 clamp(1.3rem,2.5vw,2rem)/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:.02em;}
.set-tape-window{display:flex;justify-content:space-between;align-items:center;height:61px;padding:0 13px;background:#030407;border:1px solid #4b4e56;border-radius:30px;box-shadow:inset 0 4px 9px #000;}
.set-tape-window i{display:block;flex-shrink:0;width:41px;height:41px;border:7px dashed #6a6e79;border-radius:50%;box-shadow:0 0 0 2px #161922;}
.set-tape-window>span{font:700 .6rem monospace;color:#a9adb8;}
.set-tape-title{display:block;min-height:3.4em;margin:13px 0 0;padding:8px 4px 3px;border-top:1px solid #4b4e56;font:700 .68rem/1.6 monospace;color:#e2e5ec;}
.set-tape-note{font-size:.78rem;line-height:1.65;margin:1.2rem 0 .5rem;}
.set-source{font:700 .7rem/1.6 monospace;color:var(--tape-ink);}
.set-player-bay{margin-top:2rem;border-top:1px dashed #4b0082;padding-top:1rem;}
.set-player-heading{display:flex;gap:1rem;justify-content:space-between;align-items:center;}
.set-player-heading p{font:700 .75rem/1.7 monospace;color:#07ffe8;}
.set-player-heading button{flex-shrink:0;padding:.7rem 1rem;background:#000;border:1px solid #ff007f;color:#fff;cursor:pointer;}
.set-player-bay iframe{display:block;width:100%;height:166px;border:0;margin-top:1rem;background:#0c0f3a;}
.set-player-disclosure{font-size:.7rem;line-height:1.7;color:#a9adb8;max-width:85ch;}
.set-rack button:focus-visible,.set-rack a:focus-visible{outline:3px solid #39ff14;outline-offset:5px;}
[data-theme='clean'] .set-tape-load{transform:none;}
@media(max-width:850px){.set-cassettes{grid-template-columns:minmax(0,1fr);gap:1.8rem;}.set-tape{max-width:480px;width:100%;margin:auto;}.set-rack>header{display:block;}.set-rack>header>p{max-width:none;}.set-player-heading{align-items:start;flex-wrap:wrap;}}
@media(prefers-reduced-motion:reduce){.set-tape-load{transition:none;}}

/* AFTERHOURS: six-record poster desk and sourced sleeve quiz. */
.afterhours{margin:70px 0;padding:0 30px 34px;border:1px solid #4b0082;background:#000;box-shadow:9px 9px 0 #0c0f3a;scroll-margin-top:100px;}
.afterhours [hidden]{display:none!important;}
.afterhours-sticker{display:flex;justify-content:space-between;gap:15px;margin:0 -30px;padding:12px 30px;background:#39ff14;color:#000;font:900 .68rem/1.5 monospace;letter-spacing:.09em;}
.afterhours-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:35px;padding:38px 0 30px;}
.afterhours-heading h2{font:clamp(2.7rem,5.4vw,5.1rem)/.98 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:14px 0 0;letter-spacing:.01em;}
.afterhours-heading h2 span{color:#ff007f;}
.afterhours-heading>p,.afterhours-panel-heading>p{font:.88rem/1.75 'Segoe UI',Arial,sans-serif;color:#c8cad4;max-width:55ch;margin:0;}
.afterhours-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #4b0082;margin-bottom:30px;}
.afterhours-tabs a{display:flex;align-items:center;gap:13px;padding:19px 15px;text-decoration:none;border-right:1px solid #4b0082;color:#fff;background:#0c0f3a;font:800 .78rem/1.4 monospace;}
.afterhours-tabs a:last-child{border-right:0;}
.afterhours-tabs a>b{font:2.5rem/1 Impact,'Arial Narrow',sans-serif;color:#07ffe8;}
.afterhours-tabs a>span:last-child{margin-left:auto;}
.afterhours-tabs small{display:block;font:.62rem/1.7 monospace;color:#c8cad4;margin-top:4px;}
.afterhours-tabs a[aria-current=true]{background:#39ff14;color:#000;}
.afterhours-tabs a[aria-current=true] :is(b,small){color:#000;}
.afterhours-panel{scroll-margin-top:105px;}
.afterhours-panel-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:end;margin:0 0 28px;}
.afterhours-panel h3{font:clamp(2rem,3vw,3rem)/1.08 Impact,'Arial Narrow',sans-serif;margin:8px 0 0;}
.afterhours :is(button,select,input){font:700 .76rem/1.5 monospace;}
.afterhours button{background:#000;color:#07ffe8;border:1px solid #07ffe8;padding:12px 14px;min-height:44px;cursor:pointer;}
.afterhours button:hover:not(:disabled){background:#0c0f3a;color:#fff;}
.afterhours button:disabled{opacity:.4;cursor:default;}
.afterhours .afterhours-primary{background:#39ff14;color:#000;border-color:#39ff14;}
.afterhours .afterhours-primary:hover:not(:disabled){background:#07ffe8;color:#000;}
.afterhours :is(a,button,input,select,textarea):focus-visible{outline:3px solid #ff007f;outline-offset:4px;}
.afterhours :is(h3,h4):focus-visible{outline:2px dashed #07ffe8;outline-offset:6px;}
.afterhours [data-detective-clues] p:focus{outline:2px dashed #07ffe8;outline-offset:6px;}
.afterhours-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;}
.afterhours-status{font:.79rem/1.7 monospace;color:#39ff14;min-height:3.4em;margin:20px 0 10px;}
.afterhours-fine{font:.67rem/1.7 'Segoe UI',Arial,sans-serif;color:#b7bac8;max-width:85ch;}
.afterhours-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:700 .65rem/1.7 monospace;color:#07ffe8;margin:0 0 14px;}
.set-builder-desk{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:35px;align-items:start;}
.set-builder-name{display:block;color:#07ffe8;font:700 .65rem/1.6 monospace;}
.set-builder-name input{display:block;width:100%;box-sizing:border-box;border:1px solid #4b0082;background:#0c0f3a;color:#fff;padding:14px;margin-top:9px;border-radius:0;}
[data-set-count]{margin-left:auto;color:#ff007f;font:2rem Impact,'Arial Narrow',sans-serif;}
.set-builder-slot{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;border-bottom:1px solid #4b0082;padding:18px 0;}
.set-builder-slot label{grid-row:span 2;}
.set-builder-slot label b{display:block;color:#ff007f;font:2.5rem/1 Impact,'Arial Narrow',sans-serif;}
.set-builder-slot label span{display:block;font:.48rem/1.5 monospace;margin-top:7px;color:#b7bac8;}
.set-builder-slot select{width:100%;min-width:0;color:#fff;background:#0c0f3a;border:1px solid #4b0082;padding:12px 8px;border-radius:0;}
.set-slot-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.afterhours .set-slot-actions button{padding:5px 12px;min-width:44px;font-size:1rem;}
.set-slot-actions a{color:#39ff14;font:.7rem monospace;margin-left:auto;}
.set-builder-output{padding:20px;border:1px solid #4b0082;background:#0c0f3a;}
.set-tracklist-copy:not([hidden]){display:block;margin-top:18px;color:#07ffe8;font:700 .75rem/1.6 monospace;}
.set-tracklist-copy textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #07ffe8;background:#000;color:#fff;font:.75rem/1.5 monospace;resize:vertical;}
.set-builder-output canvas{display:block;width:100%;height:auto;border:1px solid #4b0082;}
.set-empty-poster{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:25px;background:#000;border:1px dashed #ff007f;}
.set-empty-poster>span{font:5rem/1 Impact,'Arial Narrow',sans-serif;color:#ff007f;}
.set-empty-poster strong{font:2rem/1.12 Impact,'Arial Narrow',sans-serif;color:#fff;margin:20px 0;}
.set-empty-poster small{font:.65rem/1.6 monospace;color:#07ffe8;}
.detective-desk{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;border:1px solid #4b0082;padding:25px;background:#0c0f3a;}
.detective-sleeve{align-self:start;min-height:330px;overflow:hidden;padding:20px;box-sizing:border-box;position:relative;border:2px solid #ff007f;background:repeating-linear-gradient(135deg,#000 0 12px,#0c0f3a 12px 24px);box-shadow:8px 8px 0 #000;}
.detective-disc{width:235px;height:235px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#000 0 5px,#202020 6px,#000 7px 9px);border:1px solid #333;}
.detective-disc span{display:grid;place-content:center;text-align:center;width:100px;height:100px;border-radius:50%;background:#ff007f;color:#000;font:2.5rem/1 Impact,'Arial Narrow',sans-serif;}
.detective-sleeve>b{display:block;font:2rem/1.2 Impact,'Arial Narrow',sans-serif;background:#39ff14;color:#000;padding:8px 12px;margin-top:15px;}
.detective-sleeve>span{display:block;font:.62rem/1.5 monospace;color:#fff;margin-top:12px;}
.detective-case{min-width:0;}
.detective-case h4{font:1.65rem/1.2 Impact,'Arial Narrow',sans-serif;margin:0 0 20px;color:#fff;}
[data-detective-clues] p{border-left:2px solid #ff007f;padding:5px 0 5px 15px;font:.88rem/1.7 'Segoe UI',Arial,sans-serif;margin:12px 0;}
.detective-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}
.afterhours .detective-answers button{text-align:left;padding:16px 14px;border-color:#4b0082;background:#000;min-height:95px;}
.detective-answers strong{display:block;color:#fff;font:700 .86rem/1.5 'Segoe UI',Arial,sans-serif;}
.detective-answers span{display:block;font:.65rem/1.5 monospace;color:#c8cad4;margin-top:7px;}
.afterhours .detective-answers [data-result=correct]{opacity:1;border:2px solid #39ff14;}
.afterhours .detective-answers [data-result=correct] strong{color:#39ff14;}
.afterhours .detective-answers [data-result=wrong]{opacity:1;border:2px solid #ff007f;}
.detective-result{font:.83rem/1.75 'Segoe UI',Arial,sans-serif;margin-top:22px;scroll-margin-top:110px;}
.detective-result>strong{color:#39ff14;}
.detective-sources{display:flex;flex-wrap:wrap;gap:12px 18px;font:.68rem/1.65 monospace;}
.detective-sources a{color:#07ffe8;}
.detective-sources span{flex-basis:100%;color:#b7bac8;}
@media(max-width:1000px){.afterhours-tabs a{padding:15px 10px;gap:9px;font-size:.68rem;}.detective-desk{grid-template-columns:220px minmax(0,1fr);gap:25px;}.detective-sleeve{min-height:270px;padding:13px;}.detective-disc{width:188px;height:188px;}}
@media(max-width:760px){.afterhours{padding:0 20px 25px;}.afterhours-sticker{margin:0 -20px;padding:12px 20px;font-size:.57rem;}.afterhours-heading,.afterhours-panel-heading{grid-template-columns:1fr;gap:20px;}.afterhours-heading h2{font-size:3.6rem;}.afterhours-tabs a{flex-wrap:wrap;gap:8px;align-items:start;}.afterhours-tabs a>b{font-size:1.8rem;}.afterhours-tabs a>span:last-child{display:none;}.afterhours-tabs a>span{flex-basis:100%;font-size:.62rem;}.afterhours-tabs small{font-size:.55rem;}.set-builder-desk{grid-template-columns:1fr;gap:25px;}.set-builder-output{max-width:480px;width:100%;box-sizing:border-box;justify-self:center;}.detective-desk{grid-template-columns:1fr;padding:20px;}.detective-sleeve{display:none;}.detective-answers{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.afterhours{padding:0 14px 20px;}.afterhours-sticker{margin:0 -14px;padding:10px 14px;flex-wrap:wrap;gap:5px;}.afterhours-heading h2{font-size:clamp(2.5rem,11vw,3.6rem);}.afterhours-panel h3{font-size:2.1rem;}.afterhours-tabs{margin-bottom:25px;}.afterhours-tabs a{padding:12px 7px;}.afterhours-tabs small{display:none;}.afterhours-actions button{flex:1 1 auto;}.set-builder-slot{grid-template-columns:35px minmax(0,1fr);}.set-builder-slot label b{font-size:2rem;}.set-builder-slot select{font-size:.69rem;}.set-slot-actions a{font-size:.62rem;}.detective-desk{padding:16px;}.detective-answers{grid-template-columns:1fr;}.afterhours .detective-answers button{min-height:76px;}.afterhours-label{font-size:.59rem;}}
@media print{.afterhours-tabs,.set-builder-slots,.afterhours-actions{display:none!important;}.afterhours [data-afterhours-panel][hidden]{display:block!important;}}
.napalm-longread{margin:3rem 0;padding:clamp(1.2rem,4vw,3rem);background:radial-gradient(ellipse at 100% 0,#4b008255,transparent 60%),#090b13;border-top:3px solid #ff007f;border-bottom:1px solid #4b0082;scroll-margin-top:90px;}
.napalm-longread h3{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.04;max-width:21ch;margin:1rem 0;}
.napalm-longread h3>span{color:#07ffe8;}
.napalm-byline{font:700 .7rem/1.6 monospace;color:#b6b9c6;}
.napalm-lede,.napalm-body{max-width:70ch;}
.napalm-lede{font-size:1.05rem;line-height:1.9;margin:1.6rem 0;}
.napalm-body{font-size:.95rem;line-height:1.9;padding:1rem 0;}
.napalm-body h4{font-size:1.65rem;line-height:1.2;margin:1.8rem 0 .7rem;color:#fff;}
.napalm-full>summary{padding:1rem 0;color:#39ff14;font-weight:800;cursor:pointer;border-block:1px dashed #4b0082;}
.napalm-listen{display:flex;align-items:center;gap:1rem;margin:1.8rem 0;padding:1.2rem;border:1px solid #07ffe8;background:#0c0f3a;text-decoration:none;max-width:70ch;}
.napalm-listen>span:first-child{color:#ff007f;font-size:2rem;}
.napalm-listen strong,.napalm-listen small{display:block;}
.napalm-listen strong{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.3;margin:.35rem 0;color:#fff;}
.napalm-listen small{color:#07ffe8;font:.65rem/1.7 monospace;}
.napalm-sources{max-width:85ch;font-size:.7rem;line-height:1.8;color:#b6b9c6;}
.napalm-sources a{display:inline-block;margin-right:1.2rem;color:#07ffe8;}
.napalm-longread a:focus-visible,.napalm-full>summary:focus-visible{outline:3px solid #39ff14;outline-offset:4px;}

/* Original free-download archive. */
.free-invite{border-color:#39ff14;background:#0c0f3a;}.free-invite>span:first-child{color:#39ff14;}
.free-records{margin:65px 0;padding:35px 30px;background:#0c0f3a;border-top:6px solid #39ff14;scroll-margin-top:95px;}
.free-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center;margin-bottom:32px;}
.free-heading h2{font:clamp(2.6rem,5vw,4.7rem)/1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin:12px 0 20px;}.free-heading h2 span{color:#39ff14;}
.free-heading p:not(.eyebrow){font:.88rem/1.8 'Segoe UI',Arial,sans-serif;max-width:64ch;color:#c8cad4;}
.free-price{padding:25px 18px;border:2px dashed #ff007f;text-align:center;transform:rotate(2deg);background:#000;}.free-price small,.free-price b{display:block;font:800 .65rem/1.7 monospace;color:#ff007f;}.free-price strong{display:block;color:#39ff14;font:7rem/1.25 Impact,'Arial Narrow',sans-serif;}.free-price strong span{font-size:3.8rem;}
.free-sleeves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}.free-record{min-width:0;display:flex;flex-direction:column;scroll-margin-top:100px;}.free-cover{position:relative;background:#000;}.free-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;}.free-cover>span{position:absolute;bottom:15px;right:-7px;transform:rotate(-4deg);padding:9px 17px;color:#000;background:#39ff14;font:900 .8rem monospace;}
.free-genre{font:700 .65rem/1.7 monospace;color:#07ffe8;margin:20px 0 8px;}.free-record h3{font:2rem/1.1 Impact,'Arial Narrow',sans-serif;margin:0 0 10px;}.free-artist{font:.73rem/1.6 monospace;color:#ff007f;min-height:2.9em;margin:0;}.free-note{font:.82rem/1.7 'Segoe UI',Arial,sans-serif;color:#c8cad4;flex:1;}.free-record audio{width:100%;height:40px;margin:9px 0 16px;color-scheme:dark;}
.free-download{display:flex;flex-direction:column;gap:5px;padding:15px 16px;color:#000;background:#39ff14;text-decoration:none;font:900 .85rem monospace;}.free-download small{font:.63rem/1.6 monospace;}.free-download:hover{background:#07ffe8;}
.free-haul{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:30px;margin-top:36px;padding-top:30px;border-top:1px dashed #07ffe8;}.free-haul h3{font:2.2rem/1.1 Impact,'Arial Narrow',sans-serif;margin:8px 0 14px;}.free-haul p:not(.eyebrow){font:.82rem/1.8 'Segoe UI',Arial,sans-serif;color:#c8cad4;max-width:63ch;}.free-pack{display:block;text-align:center;padding:25px 18px;border:2px solid #ff007f;background:#ff007f;color:#000;font:900 1rem/1.4 monospace;text-decoration:none;box-shadow:6px 6px 0 #000;}.free-pack small{display:block;font:.67rem/1.7 monospace;margin-top:8px;}.free-pack:hover{background:#39ff14;border-color:#39ff14;}
.free-receipt{font:.73rem/1.8 monospace;color:#39ff14;border-top:1px solid #4b0082;padding-top:20px;margin:24px 0 12px;}.free-origin{font:.68rem/1.8 'Segoe UI',Arial,sans-serif;color:#b7bac8;margin:0;}.free-origin a{color:#07ffe8;margin-left:10px;}.free-records :is(a,audio):focus-visible{outline:3px solid #fff;outline-offset:5px;}
[data-theme=clean] .free-price,[data-theme=clean] .free-cover>span{transform:none;}
@media(max-width:850px){.free-heading{grid-template-columns:1.4fr 1fr;gap:20px;}.free-price strong{font-size:5rem;}.free-price strong span{font-size:2.9rem;}.free-sleeves{gap:16px;}.free-record h3{font-size:1.7rem;}.free-haul{grid-template-columns:1fr;gap:18px;}}
@media(max-width:640px){.free-records{padding:28px 20px;}.free-heading{grid-template-columns:1fr;gap:15px;}.free-price{transform:none;padding:14px;}.free-price strong{font-size:4.2rem;}.free-price strong span{font-size:2.8rem;}.free-sleeves{grid-template-columns:1fr;gap:35px;}.free-record{max-width:420px;width:100%;margin:auto;}.free-artist{min-height:0;}.free-cover>span{right:8px;}.free-heading h2{font-size:3.2rem;}.free-haul h3{font-size:2rem;}}

/* Magazine detours: the night tram and a visitor-arranged propaganda wall. */
.nightline-cord { display:grid; grid-template-columns:230px minmax(0,1fr); gap:25px; margin:28px 0; padding:24px; border-block:2px dashed #ff007f; background:#0c0f3a; }
.nightline-cord[hidden],.paste-wall [hidden],.lyric-scrap [hidden] { display:none; }
.nightline-cord>button { align-self:center; color:#fff; background:#000; border:2px solid #ff007f; padding:18px; font:900 .85rem/1.5 monospace; cursor:pointer; box-shadow:6px 6px 0 #4b0082; }
.nightline-cord>button span { display:block; font-size:4rem; line-height:1.1; color:#ff007f; }
.nightline-cord[data-departure="1"]>button { border-color:#07ffe8; box-shadow:6px 6px 0 #07ffe833; }
.nightline-cord [data-nightline-announcement] { min-height:4.5em; font:700 1rem/1.65 monospace; color:#fff; }
.nightline-cord a { color:#39ff14; font-weight:800; }.nightline-cord small { display:block; margin-top:14px; color:#b7bac8; font:.7rem/1.7 monospace; }
.paste-wall { margin:28px 0 36px; padding:22px; border-block:2px dashed #07ffe8; background:#0008; }
.paste-wall>summary { color:#07ffe8; cursor:pointer; font:900 .86rem/1.8 monospace; padding:8px 0; }
.paste-wall>p { max-width:90ch; font:.85rem/1.75 'Segoe UI',Arial,sans-serif; }.paste-wall canvas { display:block; width:100%; height:auto; background:#0c0f3a; touch-action:none; }
.paste-wall canvas:active { touch-action:none; }.paste-controls { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.paste-controls button { border:1px solid #07ffe8; background:#0c0f3a; color:#fff; padding:12px 14px; cursor:pointer; font:800 .74rem/1.5 monospace; }
.paste-controls [data-paste-download] { background:#39ff14; border-color:#39ff14; color:#000; }.paste-controls button:disabled { opacity:.45; cursor:default; }
.paste-adjust { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:18px; margin:20px 0; }.paste-adjust label { min-width:0; color:#fff; font:700 .72rem/1.7 monospace; }.paste-adjust select { max-width:100%; width:100%; padding:9px; background:#0c0f3a; color:#fff; border:1px solid #07ffe8; }.paste-adjust input { display:block; width:100%; min-height:32px; accent-color:#ff007f; }.paste-status { color:#39ff14; }
.lyric-scrap textarea { width:100%; max-width:100%; box-sizing:border-box; padding:12px; background:#000; color:#07ffe8; border:1px solid #07ffe8; font:.75rem/1.65 monospace; }.lyric-scrap .lyric-copy-status { font:.7rem/1.6 monospace; }
:is(.paste-wall,.nightline-cord) :is(button,a,summary,canvas,select,input,textarea):focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(max-width:700px) { .nightline-cord { grid-template-columns:1fr; padding:18px; gap:15px; }.nightline-cord>button { display:flex; align-items:center; justify-content:center; gap:18px; }.nightline-cord>button span { font-size:2.5rem; }.nightline-cord [data-nightline-announcement] { min-height:0; }.paste-wall { padding:14px 0; }.paste-adjust { grid-template-columns:1fr 1fr; gap:12px; }.paste-controls button { flex:1 1 130px; }.paste-wall>summary { font-size:.75rem; } }
.free-count{min-height:100px;box-sizing:border-box;padding:15px 13px;margin:5px 0 12px;background:#000;border:1px solid #4b0082;}.free-count p{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:.72rem/1.6 monospace;color:#fff;}.free-count strong{font:2.5rem/1 Impact,'Arial Narrow',sans-serif;color:#39ff14;}.free-count small{display:block;font:.6rem/1.7 monospace;color:#b7bac8;}.free-count a{color:#07ffe8;}.free-count-unknown p{font-size:.75rem;color:#c8cad4;}.free-count-unknown{display:flex;flex-direction:column;justify-content:center;}
.free-haul .free-wav{border-left:3px solid #07ffe8;padding:9px 0 9px 14px;margin:18px 0 0;color:#fff;}.free-wav a{color:#07ffe8;font-weight:700;text-underline-offset:4px;}

/* Original singles: small magazine notes woven through the scene, crate and lyrics. */
.archive-sleeve { display:grid; grid-template-columns:140px minmax(0,1fr); gap:24px; margin:34px 0; padding:26px 0; border-block:1px dashed #07ffe8; position:relative; scroll-margin-top:100px; }
.archive-sleeve>img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border:1px solid #4b0082; background:#000; }
.archive-sleeve>div { min-width:0; }.archive-sleeve h3 { margin:8px 0 12px; font:clamp(1.6rem,3.2vw,2.5rem)/1.05 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }.archive-sleeve p { max-width:75ch; line-height:1.7; }.archive-sleeve .eyebrow { color:#07ffe8; }.archive-needle>summary { padding:12px 0; color:#39ff14; cursor:pointer; font-weight:800; }.archive-single { padding:12px 0; border-top:1px solid #4b0082; }.archive-single h4 { margin:0 0 12px; }.archive-single audio { display:block; width:100%; max-width:480px; }.archive-single-stats,.archive-stat-date { font:.72rem/1.7 monospace; color:#c5c7d4; }.archive-stat-date { display:block; margin:12px 0; }.archive-sleeve a { color:#07ffe8; }.archive-sleeve :is(a,summary,audio):focus-visible { outline:3px solid #fff; outline-offset:4px; }
.archive-sleeve::before { content:''; position:absolute; width:68px; height:20px; top:11px; left:40px; background:#07ffe84d; transform:rotate(-8deg); pointer-events:none; }[data-theme='clean'] .archive-sleeve::before { display:none; }
@media(max-width:550px) { .archive-sleeve { grid-template-columns:75px minmax(0,1fr); gap:16px; padding:20px 0; }.archive-sleeve>img { grid-column:1; }.archive-sleeve>div { display:contents; }.archive-sleeve .eyebrow { align-self:center; }.archive-sleeve h3,.archive-sleeve>div>p:not(.eyebrow),.archive-needle { grid-column:1/-1; margin-block:0; }.archive-sleeve::before { width:44px;left:15px;top:10px; } }

.bunker-console>summary { color:#07ffe8; font:800 .85rem/1.7 monospace; padding:8px 0; cursor:pointer; }.bunker-console:not([open]) { padding-block:14px; }.bunker-console[open]>summary { margin-bottom:18px; }.bunker-console>summary:focus-visible { outline:3px solid #fff;outline-offset:4px; }

/* Small visual encounters inside their stories, without promotional text panels. */
.magazine-cutout { display:block;position:relative;max-width:340px;transform:rotate(-3deg);margin:22px 0;padding:0;background:#000;clear:none; }
.magazine-cutout::before { content:'';position:absolute;width:65px;height:18px;background:#07ffe84d;top:-7px;left:30%;transform:rotate(8deg);pointer-events:none;z-index:1; }
.magazine-cutout img { display:block;width:100%;height:auto; }.magazine-cutout:focus-visible { outline:3px solid #fff;outline-offset:6px; }
.room-copy .magazine-cutout { max-width:100%;margin:20px 0; }.nightline-heading .magazine-cutout,.legend-heading .magazine-cutout { float:right;width:32%;margin:0 0 20px 32px; }
.nightline-heading::after,.legend-heading::after { content:'';display:block;clear:both; }.legend-heading>p { max-width:65ch; }
.wizard-study { margin:18px 0 32px;border-block:1px dashed #07ffe866;padding:14px 0; }.wizard-study>summary { cursor:pointer;color:#07ffe8;font:800 .8rem/1.8 monospace; }.wizard-study .wizard-portrait { max-width:640px;margin:24px auto; }
[data-theme='clean'] .magazine-cutout { transform:none; }[data-theme='clean'] .magazine-cutout::before { display:none; }
@media(max-width:600px) { .nightline-heading .magazine-cutout,.legend-heading .magazine-cutout { width:40%;margin:0 0 16px 16px; }.legend-heading h2 { clear:both;font-size:clamp(2.6rem,11vw,4rem); }.magazine-cutout { transform:rotate(-1deg); } }

/* Magazine pacing: intimate notes and readable columns rather than successive showcases. */
@media(min-width:701px) { .nightline-heading .magazine-cutout { float:none;grid-column:2;grid-row:2/4;justify-self:end;width:100%;max-width:340px;margin:0; }.nightline-heading h2 { grid-column:1;grid-row:2; }.nightline-heading>p:not(.eyebrow) { grid-column:1;grid-row:3; }.nightline-heading>.eyebrow { grid-row:1; } }
.legend-on-air { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px; }.legend-on-air>.legend-subheading { grid-column:1/-1; }.legend-artist { grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0; }.legend-artist-number { font-size:2.7rem; }.legend-artist>div>p { line-height:1.7;font-size:.9rem; }.legend-update { padding:10px 12px; }
.legend-memorial { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px; }.legend-memorial>.legend-subheading,.legend-memorial>.legend-neighbours,.legend-memorial>.legend-note { grid-column:1/-1; }.legend-memory { display:block;padding:20px 0; }.legend-memory>time { display:block;margin-bottom:14px; }.legend-memory h4 { font-size:1.6rem; }.legend-memory p { font-size:.88rem;line-height:1.7; }
.three-tribute { grid-template-columns:150px minmax(0,1fr);padding:28px;gap:28px;margin:35px 0 25px; }.three-mark { min-height:200px; }.three-mark>span { font-size:15rem; }.three-copy h3 { font-size:clamp(2.6rem,4vw,4rem);margin:8px 0 14px; }.three-copy p:not(.eyebrow,.three-dates,.three-light-message) { line-height:1.7; }.three-play { margin-block:18px; }
.napalm-longread { padding:26px;margin:35px 0; }.napalm-longread h3 { font-size:clamp(2rem,4vw,3.5rem); }.free-count { min-height:0;padding:12px; }.free-count strong { font-size:2rem; }
@media(max-width:700px) { .legend-on-air { grid-template-columns:1fr; }.legend-memorial { grid-template-columns:1fr; }.three-tribute { grid-template-columns:75px minmax(0,1fr);padding:18px;gap:18px; }.three-mark { min-height:130px; }.three-mark>span { font-size:9rem; }.three-copy h3 { font-size:2.5rem; }.nightline-heading { display:flow-root; }.nightline-heading .magazine-cutout { float:right;width:38%;margin:0 0 16px 16px; }.napalm-longread { padding:18px; } }

.scene-continuation { margin:50px 0;scroll-margin-top:95px; }.scene-continuation .scene-rooms { grid-template-columns:minmax(0,1fr); }.scene-continuation .scene-room { background:none; }
.scene-bunker .scene-rooms { grid-template-columns:minmax(0,1fr); }
@media(max-width:700px) { .scene-continuation .scene-rooms,.scene-bunker .scene-rooms { grid-template-columns:1fr; } }

.afterhours>summary { cursor:pointer;padding:12px 0;color:#07ffe8;font:800 .82rem/1.7 monospace; }.afterhours:not([open]) { padding-block:12px; }.afterhours[open]>summary { margin-bottom:24px; }.afterhours>summary:focus-visible { outline:3px solid #fff;outline-offset:4px; }

.room-copy .magazine-cutout { float:right;width:42%;max-width:180px;margin:15px 0 10px 18px; }.room-copy::after { content:'';display:block;clear:both; }

/* Distortion is the loud printed edition; clean view keeps the reading layout. */
html[data-theme='distorted'] main :is(h1,h2) { text-shadow:5px 5px #4b0082; }
html[data-theme='distorted'] .rave-poster h1 { transform:skewY(-2deg);transform-origin:left center;text-shadow:6px 6px #4b0082; }
html[data-theme='distorted'] .rave-poster h1 span { text-shadow:5px 5px #4b0082; }
html[data-theme='distorted'] .cover-pass { border:3px solid #000;box-shadow:7px 7px 0 #07ffe8,-5px -5px 0 #4b0082;transform:rotate(7deg); }
html[data-theme='distorted'] .scene-room { border:3px solid #07ffe8;box-shadow:7px 7px 0 #4b0082,-4px -4px 0 #ff007f; }
html[data-theme='distorted'] .scene-room:nth-child(even) { border-color:#ff007f;box-shadow:-7px 7px 0 #4b0082,4px -4px 0 #39ff14; }
html[data-theme='distorted'] .room-art { border-bottom:5px solid #39ff14; }
html[data-theme='distorted'] .room-copy h3 { text-shadow:3px 2px #4b0082; }
html[data-theme='distorted'] .song-crate { border-top:12px double #ff007f;box-shadow:inset 8px 0 #4b0082;background:repeating-linear-gradient(135deg,#4b00821f 0 2px,transparent 2px 18px),#0c0f3a; }
html[data-theme='distorted'] .song-card { border:3px solid #07ffe8;box-shadow:6px 6px 0 #ff007f; }
html[data-theme='distorted'] .song-card h3 { display:table;background:#ff007f;color:#000;padding:8px 12px;transform:skewY(-3deg);text-shadow:none; }
html[data-theme='distorted'] .song-wisecrack { border:2px solid #000;box-shadow:5px 5px 0 #4b0082; }
html[data-theme='distorted'] .opinion-office { border:5px double #39ff14;box-shadow:10px 10px 0 #4b0082,-5px -5px 0 #ff007f; }
html[data-theme='distorted'] .weekblad { position:relative;background:#fff;color:#0c0f3a;border:0;border-top:12px solid #000;box-shadow:10px 10px 0 #ff007f,-6px -6px 0 #4b0082; }
html[data-theme='distorted'] .weekblad :is(p,h3,strong,time,small) { color:#0c0f3a; }
html[data-theme='distorted'] .weekblad h2 { color:#000;text-shadow:none; }
html[data-theme='distorted'] .weekblad-masthead h2 span { color:#39ff14;background:#000;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone; }
html[data-theme='distorted'] .weekblad .weekblad-masthead { border-bottom:5px double #000; }
html[data-theme='distorted'] .weekblad .weekblad-language { display:table;background:#39ff14;color:#000;padding:4px 9px;transform:rotate(-2deg); }
html[data-theme='distorted'] .weekblad a { color:#4b0082;font-weight:700; }
html[data-theme='distorted'] .weekblad a:focus-visible { outline-color:#4b0082; }
html[data-theme='distorted'] .weekblad::after { content:'';position:absolute;left:0;right:0;bottom:-14px;height:15px;background:#fff;clip-path:polygon(0 0,100% 0,100% 50%,95% 85%,90% 45%,84% 100%,78% 40%,72% 85%,66% 55%,60% 100%,54% 40%,48% 85%,42% 45%,36% 100%,30% 50%,24% 90%,18% 45%,12% 85%,6% 50%,0 100%);pointer-events:none; }
html[data-theme='distorted'] .free-records { border-top:12px double #39ff14;background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 30px,#07ffe80b 31px 33px),#0c0f3a;box-shadow:8px 8px 0 #4b0082; }
html[data-theme='distorted'] .free-cover { border:4px solid #000;box-shadow:5px 5px 0 #ff007f;transform:rotate(-2deg);margin-bottom:12px; }
html[data-theme='distorted'] .free-record:nth-child(even) .free-cover { transform:rotate(2deg);box-shadow:-5px 5px 0 #07ffe8; }
html[data-theme='distorted'] .nightline-stage { border:4px solid #4b0082;box-shadow:7px 7px 0 #ff007f; }
html[data-theme='distorted'] .memory-ticket:nth-child(1) { transform:rotate(-4deg);box-shadow:5px 5px 0 #07ffe8; }
html[data-theme='distorted'] .memory-ticket:nth-child(2) { transform:rotate(3deg);box-shadow:5px 5px 0 #4b0082; }
html[data-theme='distorted'] .memory-ticket:nth-child(3) { transform:rotate(-2deg);box-shadow:5px 5px 0 #ff007f; }
html[data-theme='distorted'] .set-rack { border:4px double #07ffe8;box-shadow:8px 8px 0 #4b0082,-4px -4px 0 #ff007f; }
html[data-theme='distorted'] .legend-stage { border:4px solid #07ffe8;box-shadow:7px 7px 0 #ff007f; }
html[data-theme='distorted'] .army-office { border:5px double #ff007f;box-shadow:8px 8px 0 #4b0082,-4px -4px 0 #39ff14; }
html[data-theme='distorted'] .songhub-share-pack { border:0;border-top:12px double #39ff14;background:repeating-linear-gradient(-22deg,transparent 0 44px,#ff007f12 45px 47px),#0c0f3a;box-shadow:9px 9px 0 #4b0082,-5px -5px 0 #07ffe8; }
html[data-theme='distorted'] .share-poster-grid { gap:42px;padding:10px 4px 20px; }
html[data-theme='distorted'] .share-poster { border:3px solid #fff;box-shadow:7px 7px 0 #ff007f;transform:rotate(-2deg); }
html[data-theme='distorted'] .share-poster:nth-child(even) { border-color:#07ffe8;box-shadow:-7px 7px 0 #4b0082;transform:rotate(2deg); }
html[data-theme='distorted'] .brand-flyer:focus-visible,html[data-theme='distorted'] .share-poster:focus-within { outline:4px solid #39ff14;outline-offset:5px; }
@media(max-width:600px) { html[data-theme='distorted'] main :is(h1,h2) { text-shadow:3px 3px #4b0082; }html[data-theme='distorted'] .rave-poster h1,html[data-theme='distorted'] .rave-poster h1 span { text-shadow:3px 3px #4b0082; }html[data-theme='distorted'] .share-poster { transform:rotate(-1deg); }html[data-theme='distorted'] .share-poster:nth-child(even) { transform:rotate(1deg); }html[data-theme='distorted'] .share-poster-grid { gap:34px;padding-inline:0; } }
@media(max-width:600px) { .kicker-inner { padding:3px 5px;gap:3px; }.kicker-controls button { width:32px;min-width:32px;height:36px;min-height:36px;padding:0;border:0;font-size:0;background:transparent;display:grid;place-items:center; }.kicker-controls button::before { content:attr(data-symbol);font:700 15px/1 Arial,sans-serif;color:#fff; }.kicker-controls button[data-symbol='▶']::before { color:#07ffe8; }.kicker-controls button:focus-visible { outline:2px solid #07ffe8;outline-offset:0; } }
.cover-issue .rave-manifesto { max-width:43ch; }.rave-manifesto p { margin:0 0 14px; }.rave-manifesto .cover-memory { font-size:1.15em;font-weight:750;color:#fff; }.rave-manifesto p:last-child { margin-bottom:0; }
@media(min-width:701px) { .cover-issue .rave-poster-copy { width:60%; }.cover-issue h1 { font-size:clamp(4.4rem,7.3vw,7rem); }.cover-issue .rave-poster { min-height:780px; }.cover-issue .rave-poster-art { object-position:60% center; } }
@media(max-width:700px) {
  .songhub-magazine main :is(h1,h2,h3) { line-height:1.08;overflow-wrap:break-word; }
  .cover-issue h1 { line-height:1;position:relative;z-index:1;padding:0 3px .14em;margin:0; }
  .cover-issue h1 span { display:block;line-height:1;margin-top:12px; }
  html[data-theme='distorted'] .cover-issue h1 { transform:none; }
  .cover-issue .rave-poster-art { margin:16px 0 20px; }
  .cover-issue .rave-manifesto { font-size:.95rem;line-height:1.75; }
  .songhub-magazine main :is(.room-copy,.rave-manifesto,.archive-sleeve,.weekblad-columns,.legend-artist,.legend-memory,.napalm-article,.song-liner,.song-crate-heading,.free-record,.png-campaign,.fair-booth,.source-comparison) p:not(.eyebrow,.room-genre,.weekblad-language,.song-fact-label,.archive-single-stats,.archive-stat-date) { font-size:.94rem;line-height:1.75; }
  .songhub-magazine main :is(section,article,figure,header,details) { min-width:0; }
  .issue-position strong { white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4; }
  .set-builder-desk { grid-template-columns:minmax(0,1fr); }
  .set-builder-desk > div,.set-builder-slot,.set-builder-name { min-width:0;max-width:100%; }
  .set-builder-name input,.set-builder-slot select { min-width:0;max-width:100%; }
  .detective-desk { grid-template-columns:minmax(0,1fr); }
  .detective-case p,.afterhours-panel-heading > p { font-size:.94rem;line-height:1.75; }
  .set-builder-output { padding:12px; }
  .set-empty-poster { padding:16px;min-height:280px; }
  .set-empty-poster strong { font-size:clamp(1.3rem,5vw,1.7rem);overflow-wrap:break-word; }
  .issue-position small { display:none; }
  .issue-position strong { font-size:.69rem; }
  .issue-map > summary { font-size:.72rem;padding-inline:10px; }
  .songhub-magazine .main-nav { font-size:.8rem;gap:10px 14px; }
  .song-card h3 { font-size:clamp(1.65rem,7.2vw,2.3rem);max-width:100%; }
}
@media(max-width:400px) { .afterhours-tabs { grid-template-columns:minmax(0,1fr); }.afterhours-tabs a { flex-wrap:nowrap;align-items:center;gap:12px;padding:12px;border-right:0; }.afterhours-tabs a:not(:last-child) { border-bottom:1px solid #4b0082; }.afterhours-tabs a > span { flex-basis:auto;font-size:.75rem; }.afterhours-tabs small { display:block;font-size:.67rem; } }
.memory-ticket-rack { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); }
.memory-ticket { grid-template-columns:min-content minmax(0,1fr); }
.memory-ticket strong { overflow-wrap:break-word;line-height:1.08; }
@media(max-width:700px) { .memory-ticket { gap:12px;padding:10px; }.memory-ticket > img { width:55px;height:78px; }.memory-ticket strong { font-size:clamp(1.1rem,5.2vw,1.4rem); } }
@media(max-width:950px) { .set-builder-desk { grid-template-columns:minmax(0,1fr); }.set-builder-output { width:100%;max-width:480px;justify-self:center; } }
@media(max-width:700px) { .brand-flyer .flyer-copy strong { font-size:clamp(1.4rem,5vw,1.9rem);overflow-wrap:break-word; }.cover-issue .rave-entry-routes strong { font-size:1.05rem;overflow-wrap:break-word; }.pirate-frequency small { overflow-wrap:break-word; } }
.pirate-break .pirate-frequency strong { font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.15;overflow-wrap:break-word; }
/* Keep source details and practical instructions readable on narrow screens. */
@media(max-width:700px) {
  .comparison-row dt { font-size:.75rem; }
  .comparison-row dd,.directory-note { font-size:.875rem; }
  .source-count,.comparison-label { font-size:.75rem; }
  .song-crate-tools > span,.song-tag,.song-fact-label { font-size:.75rem; }
  .song-crate-tools > a,.song-index > summary,.song-bag > button { font-size:.75rem; }
  .song-edition,.song-source,.song-bag > small,.song-crate-footnote { font-size:.875rem; }
  .song-crate-tools { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px; }
  .song-crate-tools > button,.song-crate-tools > .song-index { grid-column:1/-1; }
  .song-crate-tools > span { overflow-wrap:anywhere; }
  .song-bag-jump { justify-self:end; }
  .song-index > summary { width:fit-content;max-width:100%; }
}
@media(max-width:600px) { .weekly-find-art > span { font-size:2.6rem; }.opinion-seal { right:0; } }
/* Give narrow sleeve-note titles the full line below their scene artwork. */
@media(max-width:600px) {
  .room-copy .scene-thread { clear:both; }
  .scene-thread summary { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px; }
  .scene-thread .thread-mark { grid-column:1/-1;max-width:none; }
  .scene-thread summary strong { min-width:0; }
}
/* Existing Songhub artwork stays fully visible between the magazine stories. */
.magazine-plate { display:block;width:100%;height:auto;max-width:100%;margin:0 0 28px; }
.napalm-citation { font-size:.82rem; }
.napalm-citation a { color:#07ffe8; }
.napalm-longread { display:flow-root; }
.napalm-artwork { position:relative;float:right;width:45%;margin:0 0 36px 28px; }
.napalm-art { width:100%;margin:0; }
.napalm-logo { position:absolute;left:16px;bottom:-16px;display:block;width:clamp(160px,18vw,220px);aspect-ratio:156/66;overflow:hidden;border:3px solid #000;background:#ffd037;box-shadow:4px 4px 0 #ff007f;transform:rotate(-3deg); }
.napalm-logo img { position:absolute;width:307.6923%;max-width:none;height:auto;left:-22.4359%;top:-251.5152%; }
[data-theme='clean'] .napalm-logo { transform:none; }
.napalm-lede { clear:both; }
@media(max-width:700px) { .napalm-artwork { float:none;width:100%;margin:0 0 36px; } }
.story-share { display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:20px 0; }
.story-share > a,.story-share > button { color:#07ffe8;font:700 .8rem/1.5 monospace; }
.story-share > button { min-height:44px;padding:10px 14px;background:#000;border:1px solid #07ffe8;cursor:pointer; }
.story-share > button:hover { color:#000;background:#07ffe8; }
.story-share > button:disabled { opacity:.65;cursor:wait; }
.story-share > button:focus-visible,.story-share > textarea:focus-visible { outline:3px solid #39ff14;outline-offset:4px; }
.story-share > span { color:#c8cad4;font-size:.82rem;line-height:1.6; }
.story-share > textarea { flex:1 0 100%;min-width:0;max-width:100%;padding:10px;background:#000;color:#fff;border:1px solid #07ffe8;font:.85rem/1.6 monospace;resize:vertical; }
/* Connected archive discoveries reuse print, type and CSS; no additional media. */
.lost-found {clear:both;margin:48px 0;padding:26px;border:1px solid #07ffe8;border-left:6px solid #39ff14;background:#0c0f3a;box-shadow:6px 6px 0 #4b0082;scroll-margin-top:100px;}
.lost-found>summary { display:flex;gap:22px;align-items:center;padding:24px;cursor:pointer;list-style:none; }
.lost-found>summary::-webkit-details-marker,.found-story>summary::-webkit-details-marker { display:none; }
.found-stamp { flex:0 0 90px;display:block;padding:12px 8px;background:#39ff14;color:#000;font:900 1.2rem/1.05 monospace;transform:rotate(-4deg);text-align:center;border:3px double #000; }
.lost-found>summary small { display:block;color:#07ffe8;font:700 .7rem/1.6 monospace;letter-spacing:.08em; }
.lost-found>summary strong { display:block;margin:5px 0 10px;color:#fff;font:clamp(1.5rem,3vw,2.3rem)/1.1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.lost-found>summary em { color:#39ff14;font:700 .8rem/1.6 monospace; }
.lost-found[open]>summary { border-bottom:1px dashed #07ffe8; }
.found-drawer { padding:24px; }.found-drawer>p { max-width:70ch;line-height:1.75; }
.found-controls { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:end;margin:24px 0; }
.found-controls label,.found-controls [role='status'] { grid-column:1/-1; }
.found-controls label { color:#c8cad4;font:700 .8rem/1.5 monospace; }
.found-controls select { min-width:0;width:100%;min-height:46px;border:1px solid #07ffe8;border-radius:0;padding:10px;background:#000;color:#fff;font:inherit; }
.found-controls button { min-height:46px;padding:10px 16px;border:1px solid #39ff14;background:#000;color:#39ff14;font:700 .8rem/1.5 monospace;cursor:pointer; }
.found-controls [role='status'] { color:#c8cad4;font:.75rem/1.7 monospace;overflow-wrap:anywhere; }
.found-story {margin:24px 0;border:0;scroll-margin-top:110px;}
.found-story>summary { display:grid;grid-template-columns:115px minmax(0,1fr);gap:24px;align-items:center;padding:22px;list-style:none;cursor:pointer; }
.found-object { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:115px;padding:12px;border:2px solid #ff007f;box-shadow:4px 4px 0 #4b0082;background:#000;color:#ff007f;text-align:center;transform:rotate(-3deg); }
.found-object b { font:3.1rem/1 Impact,'Arial Narrow',sans-serif; }.found-object>span { font:800 .65rem/1.4 monospace;overflow-wrap:anywhere; }
.found-story summary small { display:block;margin-bottom:10px;color:#07ffe8;font:700 .85rem/1.6 monospace;overflow-wrap:anywhere; }
.found-story summary strong { display:block;color:#fff;font:clamp(1.4rem,2.8vw,2.2rem)/1.15 Impact,'Arial Narrow',sans-serif; }
.found-body { padding:0 24px 24px; }.found-body>p { max-width:70ch;margin-top:0;font-size:1rem;line-height:1.85; }
.found-links { display:flex;flex-wrap:wrap;gap:10px 24px;margin:20px 0; }
.found-links a { color:#07ffe8;font:.82rem/1.7 monospace;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere; }
.found-next {display:block;padding:14px 0;border-top:1px solid #4b0082;background:none;color:#39ff14;text-decoration:none;}
.found-next span { display:block;font:700 .65rem/1.7 monospace;letter-spacing:.08em; }.found-next strong { display:block;margin-top:4px;font:800 1rem/1.5 monospace; }
.found-drawer .found-date { margin-bottom:0;color:#b7bac8;font:.75rem/1.7 monospace; }
.lost-found :is(summary,a,select,button):focus-visible { outline:3px solid #39ff14;outline-offset:4px; }
.lost-found [hidden] { display:none; }
[data-theme='clean'] :is(.found-stamp,.found-object) { transform:none; }
@media(max-width:600px) { .lost-found>summary { padding:18px 14px;gap:14px; }.found-stamp { flex-basis:60px;font-size:.85rem; }.found-drawer { padding:16px 12px; }.found-controls { grid-template-columns:minmax(0,1fr); }.found-story>summary { grid-template-columns:66px minmax(0,1fr);gap:16px;padding:16px 12px; }.found-object { min-height:85px;padding:8px 4px; }.found-object b { font-size:2.2rem; }.found-object>span { font-size:.53rem; }.found-story summary small { font-size:.75rem; }.found-body { padding:0 14px 18px; }.found-body>p { font-size:.94rem; }.found-links { gap:12px; } }
/* Editorial links remain recognisable within prose in both reading modes. */
.songhub-magazine main :is(p,blockquote,figcaption) a { color:#07ffe8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px; }
html[data-theme='distorted'] .weekblad :is(p,blockquote,figcaption) a { color:#4b0082; }
.songhub-magazine main :is(p,blockquote,figcaption) a:hover,.found-links a:hover { text-decoration-thickness:2px; }
.discovery-french .found-controls { grid-template-columns:minmax(0,1fr); }
.discovery-french .found-object { border-radius:50%;border-color:#07ffe8;color:#07ffe8;background:repeating-radial-gradient(circle,#080808 0 3px,#181818 4px 5px); }
.discovery-radio { border-color:#39ff14;background:#030b08;box-shadow:7px 7px 0 #0c0f3a; }
.discovery-radio .found-controls { grid-template-columns:minmax(0,1fr);padding:18px;border:1px solid #39ff14;background:#000; }
.discovery-radio [data-found-dial] { width:100%;min-height:44px;accent-color:#39ff14;cursor:ew-resize; }
.radio-scale { color:#39ff14;font:700 .7rem/1.7 monospace;letter-spacing:.1em; }
.discovery-radio .found-object { border-color:#39ff14;border-radius:50%;color:#39ff14;transform:none;background:radial-gradient(circle,#0c0f3a 0 30%,#000 31% 48%,#39ff14 49% 50%,#000 51%); }
.discovery-odd { border-style:dashed;border-color:#ff007f; }
.discovery-odd .found-controls { display:flex;flex-wrap:wrap; }.discovery-odd .found-controls>span { flex-basis:100%; }
.discovery-odd summary em { display:block;margin-top:12px;color:#39ff14;font:.8rem/1.7 monospace; }
.discovery-notes { clear:both;margin:26px 0;padding:18px 0;border-block:1px dashed #4b0082; }
.discovery-notes>.eyebrow { margin-top:0;color:#07ffe8;font-size:.75rem; }
.discovery-note { margin:0 0 12px;scroll-margin-top:110px; }
.discovery-note>summary { min-height:44px;cursor:pointer;color:#39ff14;font:700 .85rem/1.6 monospace;padding:12px 0; }
.discovery-note h4 { margin:10px 0 14px;font-size:1.1rem;line-height:1.4; }
.discovery-note .found-body { padding:0 0 12px; }.discovery-note .found-body>p { font-size:.95rem;line-height:1.8; }
.discovery-note .found-next { padding:8px 0;border:0;background:none; }.discovery-note .found-next strong { font-size:.85rem; }
.discovery-note .found-links { margin:12px 0;gap:8px 18px; }.discovery-note .found-links a { font-family:inherit;font-size:.85rem; }
.discovery-notes :is(summary,a):focus-visible { outline:3px solid #39ff14;outline-offset:4px; }
.notes-instruments { padding:24px;border:1px solid #07ffe8;background:#0c0f3a; }
.notes-instruments .found-stories { display:flex;flex-wrap:wrap;gap:0 32px; }.notes-instruments .discovery-note { flex:1 1 250px; }
.notes-instruments .discovery-note>summary { border-bottom:3px solid #fff; }
.sleeve-connection { display:block;padding:16px 0;color:#07ffe8;font:700 .85rem/1.6 monospace; }
.found-links .found-listen { color:#39ff14;font-weight:800; }
.archive-feature { display:flow-root;padding:28px 0;margin:30px 0;border-top:2px solid #07ffe8;border-bottom:1px solid #4b0082; }
.archive-feature h3 { margin:10px 0 24px;max-width:22ch;color:#fff;font:clamp(1.8rem,4vw,3.1rem)/1.08 Impact,'Arial Narrow',sans-serif;text-transform:uppercase; }
.archive-feature>p:not(.eyebrow) { max-width:72ch;font-size:1rem;line-height:1.85; }
.feature-tempo { float:right;margin:4px 24px 20px 30px;color:#07ffe8;font:clamp(3rem,7vw,5.5rem)/1 Impact,'Arial Narrow',sans-serif; }
.feature-tempo small { display:block;margin-top:8px;font:700 .8rem/1.5 monospace;letter-spacing:.16em;text-align:center; }
.feature-listening { display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;clear:both; }
.feature-listening a { color:#39ff14;font:700 .85rem/1.7 monospace;text-decoration:underline;text-underline-offset:4px; }
@media(max-width:600px) { .archive-feature>p:not(.eyebrow) { font-size:.95rem; }.feature-tempo { margin:0 0 14px 16px;font-size:3rem; } }
/* Editorial spreads and original rave marks, 31 October 2026. */
.story-art {position:relative;min-width:0;}
.story-art > img {display:block;width:100%;height:auto;max-width:100%;}
.room-art.room-new-art,.scene-room:nth-child(n) .room-art.room-new-art {height:auto;overflow:visible;}
.room-new-art .story-art > img {height:auto;object-fit:contain;}
[data-theme='distorted'] [data-room='early'] .room-new-art .story-art img {filter:none;}
.room-new-art .room-stamp {right:auto;left:10px;bottom:-10px;font-size:.5rem;}
.multigroove-logo {position:absolute;right:12px;bottom:12px;display:block;width:20%;min-width:64px;max-width:110px;aspect-ratio:1;background:#000;border:2px solid #fff;box-shadow:4px 4px #ff007f;transform:rotate(4deg);}
.multigroove-logo img {display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
.room-new-art .multigroove-logo img {display:block;width:100%;height:auto;object-fit:contain;}
.room-archive-art {display:block;width:100%;height:auto;margin-top:18px;}
.rave-mark {display:block;flex:none;width:100px;height:100px;color:#39ff14;}
.mark-smile {color:#ffd037;}.mark-skull {color:#fff;}.mark-mask {color:#07ffe8;}
.scene-editorial {display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;align-items:start;margin:45px auto;padding:28px 0;border-block:1px dashed #4b0082;max-width:900px;}
.editorial-mark {display:grid;gap:16px;justify-items:center;}
.editorial-mark > span {font:.65rem monospace;color:#ff007f;}
.editorial-copy h3,.ouwe-stijl-feature h3 {font:400 clamp(2rem,4.5vw,3.4rem)/1.05 Impact,'Arial Narrow',sans-serif;margin:10px 0 18px;}
.editorial-copy p,.ouwe-stijl-feature p {font-size:.94rem;line-height:1.75;max-width:68ch;}
.editorial-lead {color:#fff;}
.editorial-copy summary,.legend-between > summary {cursor:pointer;color:#07ffe8;font:700 .8rem/1.6 monospace;padding:12px 0;}
.editorial-sources {display:flex;flex-wrap:wrap;gap:12px 24px;font:700 .75rem/1.6 monospace;margin:18px 0;}
.editorial-sources a {color:#07ffe8;text-decoration:underline;text-underline-offset:4px;}
.editorial-old-art {grid-column:1/-1;width:100%;height:auto;margin-top:0;}
.editorial-future {border-top:3px solid #39ff14;}
.ouwe-stijl-feature {max-width:900px;margin:45px auto 55px;}
.ouwe-stijl-feature > .ouwe-stijl-copy {max-width:720px;padding:22px 18px 0;border-left:4px solid #ff007f;}
.magazine-note {border-block:1px dashed #4b0082;padding:24px 0;margin:38px 0;max-width:760px;}
.magazine-note h3 {font:700 1rem/1.5 monospace;}.magazine-note p {font-size:.82rem;line-height:1.7;color:#c7bfd4;}
.legend-year-controls {grid-template-columns:repeat(4,minmax(0,1fr));}
.legend-year-controls button {padding:14px 16px;gap:12px;border-bottom:1px solid #07ffe8;min-width:0;}
.legend-year-controls b {font-size:1.9rem;}.legend-year-controls span {font-size:.55rem;}
.legend-defiance {display:grid;grid-template-columns:85px minmax(0,1fr);gap:25px;margin:24px 0 30px;border-left:5px solid #39ff14;padding:20px;background:#0c0f3a;}
.legend-defiance .rave-mark {width:80px;height:80px;}
.legend-defiance p:not(.eyebrow,.defiance-caption) {font-size:.88rem;line-height:1.7;max-width:70ch;}
.defiance-caption {font:400 clamp(1.7rem,3.6vw,3rem)/1.1 Impact,'Arial Narrow',sans-serif;margin:10px 0 18px;color:#39ff14;}
.legend-defiance > div > a {font:700 .75rem/1.6 monospace;color:#07ffe8;}
.legend-between {border-block:1px dashed #07ffe8;padding:10px 0;margin-top:20px;}
.legend-between p {font-size:.85rem;line-height:1.7;max-width:75ch;}
.legend-between > div {padding:10px 18px;}
.rave-horoscope {max-width:900px;margin:35px auto;border:2px solid #ff007f;background:#0c0f3a;box-shadow:6px 6px #4b0082;}
.rave-horoscope > summary {display:flex;gap:20px;align-items:center;padding:20px;cursor:pointer;list-style:none;}
.rave-horoscope > summary::-webkit-details-marker {display:none;}
.rave-horoscope .rave-mark {width:58px;height:58px;}
.rave-horoscope summary > span:first-of-type {flex:1;min-width:0;}
.rave-horoscope summary small {display:block;font:700 .6rem/1.6 monospace;color:#07ffe8;}
.rave-horoscope summary strong {display:block;font:400 clamp(1.5rem,3.5vw,2.4rem)/1.2 Impact,sans-serif;margin-top:4px;}
.horoscope-inside {padding:0 24px 24px;}.horoscope-inside > p {font-size:.82rem;line-height:1.7;color:#c7bfd4;}
.horoscope-inside label {font:700 .75rem/1.6 monospace;display:block;margin-bottom:8px;}
.horoscope-inside select {width:100%;max-width:360px;min-height:46px;padding:10px;color:#fff;background:#000;border:1px solid #07ffe8;font:700 .9rem monospace;}
.horoscope-inside article {padding:16px 0 5px;border-top:1px dashed #4b0082;margin-top:18px;}
.horoscope-inside h4 {font:400 1.8rem/1.3 Impact,sans-serif;margin:0;}.horoscope-inside h4 span {color:#ff007f;}
.horoscope-inside article p {font-size:.95rem;line-height:1.75;max-width:60ch;}.horoscope-inside article a {color:#07ffe8;font:700 .8rem monospace;}
@media(max-width:700px) {
 .scene-editorial {grid-template-columns:52px minmax(0,1fr);gap:16px;margin:30px 0;padding:22px 0;}
 .editorial-mark .rave-mark {width:50px;height:50px;}.editorial-mark > span {font-size:.48rem;}
 .legend-year-controls {grid-template-columns:repeat(2,minmax(0,1fr));}.legend-year-controls button {flex-direction:row;align-items:center;padding:13px 10px;gap:10px;}
 .legend-year-controls b {font-size:1.6rem;}.legend-year-controls span {font-size:.5rem;overflow-wrap:anywhere;}
 .legend-defiance {grid-template-columns:1fr;gap:8px;padding:18px;}.legend-defiance .rave-mark {width:48px;height:48px;}
 .rave-horoscope > summary {padding:16px;gap:12px;}.rave-horoscope .rave-mark {width:40px;height:40px;}.horoscope-inside {padding:0 18px 20px;}
 .ouwe-stijl-feature > .ouwe-stijl-copy {padding-inline:14px;}
}
@media print {.rave-horoscope [data-star-sign][hidden] {display:block!important;}}
/* Hakken illustrations use their original shapes as small pieces of the issue. */
.dance-sticker {width:180px;max-width:100%;margin:18px 0;}
.dance-sticker img {display:block;width:100%;height:auto;max-width:100%;}
.editorial-mark .dance-sticker {width:110px;margin:0;}
.notes-identities {display:flow-root;}.notes-identities .dance-sticker {float:right;width:150px;margin:0 0 18px 24px;}
.horoscope-inside {display:flow-root;}.horoscope-inside .dance-sticker {float:right;width:160px;margin:10px 0 20px 24px;}
.horoscope-inside [data-horoscope-controls] {max-width:calc(100% - 190px);}
.dancer-woman-landscape {width:400px;margin:24px 0 24px auto;}
.dancer-indo-dutch-woman {width:340px;margin:12px 0 20px auto;}
.dancer-man-portrait {width:150px;margin:20px 0 20px auto;}
.dancer-black-man-heavyset {float:right;width:135px;margin:0 0 18px 22px;}
.dancer-crowd {width:220px;margin:0 0 24px auto;transform:rotate(3deg);box-shadow:5px 5px #4b0082;}
.cover-crowd {position:absolute;z-index:1;right:2%;top:105px;display:block;width:41%;background:#fff;padding:7px 7px 12px;color:#000;transform:rotate(3deg);box-shadow:7px 7px #ff007f;text-decoration:none;}
.cover-crowd img {display:block;width:100%;height:auto;}.cover-crowd > span {display:block;padding:10px 6px 0;font:800 .6rem/1.6 monospace;}
.cover-crowd:hover {box-shadow:7px 7px #07ffe8;}.cover-crowd:focus-visible {outline:4px solid #39ff14;outline-offset:5px;}
[data-theme='clean'] .cover-crowd,[data-theme='clean'] .dancer-crowd {transform:none;}
@media(max-width:1000px) and (min-width:701px) {.cover-crowd {width:35%;right:2%;top:140px;}.cover-crowd > span {font-size:.5rem;}}
@media(max-width:700px) {
 .cover-crowd {position:relative;order:3;top:auto;right:auto;width:calc(100% - 18px);margin:20px auto 24px;transform:rotate(1deg);box-sizing:border-box;}
 .cover-issue .rave-poster-art {order:6;width:150px;align-self:flex-end;margin:18px 0 0;}
 .scene-editorial {grid-template-columns:1fr;}.editorial-mark {display:flex;align-items:center;justify-content:flex-start;gap:18px;}.editorial-mark .dance-sticker {width:80px;margin-left:auto;}
 .notes-identities .dance-sticker {width:100px;margin:0 0 15px 15px;}.horoscope-inside .dance-sticker {width:90px;margin:8px 0 15px 12px;}
 .horoscope-inside [data-horoscope-controls] {max-width:100%;clear:both;}.dancer-crowd {width:150px;}
 .dancer-black-man-heavyset {width:100px;margin-left:15px;}
}
.gabber-polaroid {width:260px;max-width:100%;margin:12px 0;transform:rotate(-4deg);}
.gabber-polaroid img {display:block;width:100%;height:auto;}
.polaroid-entrance {transform:rotate(4deg);}
.editorial-people,.editorial-future {grid-template-columns:260px minmax(0,1fr);gap:30px;}
.editorial-mark .gabber-polaroid {width:250px;}
[data-theme='clean'] .gabber-polaroid {transform:none;}
@media(max-width:700px) {.editorial-people,.editorial-future {grid-template-columns:1fr;gap:18px;}.editorial-mark .gabber-polaroid {width:170px;margin-left:auto;}.editorial-mark .rave-mark {width:48px;height:48px;}.editorial-mark > span {display:none;}}
.wardrobe-pictures {display:flex;justify-content:flex-end;align-items:flex-end;gap:24px;margin:12px 0 24px;}
.wardrobe-pictures .dance-sticker {margin:0;}.wardrobe-pictures .dancer-woman-portrait {width:140px;transform:rotate(-3deg);}.wardrobe-pictures .dancer-indo-dutch-woman {width:300px;transform:rotate(2deg);}
.producer-bench {display:flow-root;}.producer-bench .dancer-man-portrait {float:right;margin:0 0 18px 24px;}
.discovery-radio .found-drawer {display:flow-root;}.discovery-radio .dancer-crowd {float:right;margin:0 0 22px 25px;width:170px;}
[data-theme='clean'] .wardrobe-pictures .dance-sticker {transform:none;}
@media(max-width:700px) {.wardrobe-pictures {gap:15px;}.wardrobe-pictures .dancer-woman-portrait {width:100px;}.wardrobe-pictures .dancer-indo-dutch-woman {width:190px;}.producer-bench .dancer-man-portrait {width:90px;margin-left:15px;}.discovery-radio .dancer-crowd {width:110px;margin-left:15px;}}
.photo-print {width:400px;max-width:100%;margin:20px 0;transform:rotate(-2deg);}
.photo-print img {display:block;width:100%;height:auto;}
.magazine-note {max-width:none;display:flow-root;}.magazine-note .photo-print {float:right;width:300px;margin:0 0 20px 28px;transform:rotate(2deg);}
[data-theme='clean'] .photo-print {transform:none;}
@media(max-width:700px) {.magazine-note .photo-print {float:none;width:100%;max-width:300px;margin:0 0 24px auto;}}
.hak-comic {grid-column:1/-1;width:600px;max-width:100%;margin:5px auto 0;}.hak-comic img {display:block;width:100%;height:auto;}
.editorial-sleeve-art {grid-column:1/-1;}.editorial-sleeve-art > summary {color:#07ffe8;font:700 .75rem/1.6 monospace;cursor:pointer;}
.label-press {width:340px;max-width:100%;margin:20px 0;}.label-press a {display:block;background:#000;border:2px solid #07ffe8;transform:rotate(-2deg);text-decoration:none;}.label-press img {display:block;width:100%;height:auto;}.label-press span {display:block;font:700 .75rem/1.6 monospace;padding:12px 15px;color:#07ffe8;}
.mokum-press img {background:#fff;padding:20px;box-sizing:border-box;max-height:250px;object-fit:contain;}
[data-theme='clean'] .label-press a {transform:none;}
.gabber-polaroid figcaption {padding-top:12px;}
.gabber-polaroid button {display:block;border:1px solid #07ffe8;background:#000;color:#07ffe8;padding:10px 12px;min-height:44px;width:100%;font:700 .7rem/1.6 monospace;cursor:pointer;}
.gabber-polaroid button[aria-pressed='true'] {background:#07ffe8;color:#000;}
.gabber-polaroid button:disabled {opacity:.6;cursor:default;}
.gabber-polaroid [data-living-note] {display:block;color:#c7bfd4;font:.68rem/1.6 monospace;margin-top:7px;}
.horoscope-inside [data-horoscope-controls] {max-width:100%;}
@media(max-width:700px) {.editorial-mark {flex-wrap:wrap;}.editorial-mark .gabber-polaroid {width:200px;}.gabber-polaroid button {font-size:.65rem;}}
/* Let the printed comic shrink inside the phone's single-column grid. */
.scene-editorial,.scene-editorial > * {min-width:0;}
.hak-comic {width:100%;max-width:600px;}
@media(max-width:700px) {.scene-editorial {grid-template-columns:minmax(0,1fr);}}
/* Approved wide dancer illustrations stay beside their own reading entry. */
.song-crate-heading > .dance-sticker {width:280px;flex:0 1 280px;order:2;margin:0 0 18px 24px;}
.share-pack > header > .dance-sticker {width:270px;flex:0 1 270px;order:2;margin:0 0 18px 24px;}
.print-tram {width:400px;margin:25px 0 40px auto;}
.editorial-mark .photo-print {width:250px;margin:12px 0;}
.polaroid-coat {width:340px;}
@media(max-width:700px) {
 .song-crate-heading > .dance-sticker,.share-pack > header > .dance-sticker {width:100%;max-width:300px;flex:none;order:0;margin:0 0 24px auto;}
 .editorial-mark .photo-print {width:200px;margin-left:auto;}
}
.label-press img.vinyl-scene {background:transparent;padding:0;max-height:none;object-fit:contain;}
.label-press .label-identity {width:130px;max-width:50%;margin:16px 0 0 auto;transform:rotate(3deg);}
.label-identity img {max-height:none;}
.mokum-press .label-identity img {padding:10px;}
/* Keep the selected speech stickers as still layers over the moving people. */
.living-photo-frame {position:relative;}
.living-photo-frame > .living-sticker {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.polaroid-coat .sticker-one {clip-path:inset(0 72% 69% 0);}
.polaroid-coat .sticker-two {clip-path:inset(5% 0 64% 73%);}
.polaroid-hakkuh .sticker-one {clip-path:inset(9% 62% 63% 6%);}
.polaroid-hakkuh .sticker-two {clip-path:inset(39% 0 37% 68%);}
/* Optional disclosures have a plus/minus cue, never a playback triangle. */
summary {list-style:none;}
summary::-webkit-details-marker {display:none;}
.lost-found > .discovery-heading {display:flex;gap:22px;align-items:center;padding:24px;}
.discovery-heading strong {display:block;font:400 2rem/1.15 Impact,sans-serif;}.discovery-heading small {font:.65rem/1.6 monospace;color:#07ffe8;}
.lost-found > .found-drawer {display:block;}
.found-story > header {display:flex;gap:22px;align-items:center;padding:22px;}
.found-story > header strong {display:block;font:400 1.8rem/1.15 Impact,sans-serif;}
.found-story > header small {font:.65rem/1.7 monospace;color:#07ffe8;}
article.discovery-note {padding:18px 0;border-top:1px dashed #4b0082;}
article.discovery-note h4 {font:400 1.35rem/1.25 Impact,sans-serif;margin:0 0 12px;}
article.discovery-note .found-body {padding:0;}
.editorial-body > p {font-size:.94rem;line-height:1.8;}
.napalm-full {margin-top:26px;}
/* A public aggregate, with no visitor-level records. */
.page-load-counter{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:24px auto;padding:15px 24px;max-width:750px;border:2px solid #07ffe8;background:#0c0f3a;color:#fff}
.page-load-counter>span{font:700 .8rem/1.4 monospace;letter-spacing:.1em}.page-load-counter>strong{font:900 2.4rem/1 monospace;color:#39ff14}.page-load-counter>small{font-size:.8rem}

/* Only the newly selected cover photo has its own space. */
.cover-photo-space{margin:28px auto;max-width:900px;padding:0 20px;}
.cover-photo-space .cover-crowd{position:relative;inset:auto;display:block;width:100%;margin:0;transform:rotate(-1deg);box-sizing:border-box;}
@media(max-width:700px){.cover-photo-space{padding:0 14px}.cover-issue .rave-poster-art{order:3;width:100%;align-self:stretch;margin:16px 0 20px;}}

/* Dedicated spaces for newly added pictures; established artwork stays in place. */
.selected-scene-art{grid-column:1/-1;margin:24px 0 32px;}
.song-crate>.dance-sticker,.songhub-share-pack>.dance-sticker{width:min(100%,800px);margin:28px auto;}
.wardrobe-pictures .dance-sticker{transform:none;}
.napalm-artwork .napalm-logo{position:relative;inset:auto;display:block;margin:24px 0 0 auto;overflow:hidden;}
.selected-scene-art .multigroove-logo img{display:block;width:100%;height:auto;max-width:100%;}

/* Size only the added portraits, keeping older headings and artwork intact. */
.notes-identities>.dance-sticker,.army-keuring>.dance-sticker,.producer-bench>.dance-sticker,.scene-editorial>.dance-sticker{display:block;float:none;width:320px;max-width:100%;margin:28px auto;}
.scene-editorial>.dance-sticker{grid-column:1/-1;}
.horoscope-inside>.dance-sticker{float:none;width:320px;max-width:100%;margin:24px auto;}
.free-records>.dancer-woman-landscape{width:800px;max-width:100%;margin:30px auto;}
.wardrobe-pictures{align-items:center;justify-content:center;flex-wrap:wrap;}
.wardrobe-pictures .dancer-woman-portrait{width:240px;max-width:100%;}
.wardrobe-pictures .dancer-indo-dutch-woman{width:450px;max-width:100%;}
.discovery-radio .dancer-crowd{float:none;width:380px;max-width:100%;margin:24px auto;transform:none;}
.dance-sticker.dancer-black-man-heavyset{display:block;float:none;width:320px;max-width:100%;margin:28px auto;}

/* Finish only the selected new art: crisp source pixels and printed sleeve edges. */
.story-art[data-art-number]{box-sizing:border-box;padding:8px;border:2px solid #4b0082;background:#0c0f3a;box-shadow:6px 6px 0 #07ffe8;margin:10px 7px 16px 0;}
.story-art[data-art-number]>img,.dance-sticker[data-art-number] img{filter:none;image-rendering:auto;}
.story-art-ouwe-stijl[data-art-number]{border-color:#ff007f;box-shadow:6px 6px 0 #4b0082;}
.dance-sticker[data-art-number]{box-sizing:border-box;padding:6px;border:1px solid #4b0082;background:#000;box-shadow:5px 5px 0 #0c0f3a;transform:none;}
.story-art[data-art-number] .multigroove-logo{position:relative;inset:auto;margin:16px 8px 8px auto;transform:none;}
.selected-scene-art{padding:8px 18px 16px;box-sizing:border-box;}
.set-tape:nth-child(3n+2){--tape-ink:#ff007f;}.set-tape:nth-child(3n){--tape-ink:#39ff14;}
@media(max-width:700px){.story-art[data-art-number]{padding:5px;box-shadow:4px 4px 0 #4b0082;margin-right:5px;}.selected-scene-art{padding:8px 10px 14px;}}

/* The selected people pictures accompany the community story, outside any game. */
.people-pictures{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:center;width:100%;max-width:760px;margin:24px auto;}
.people-pictures>.gabber-polaroid,.people-pictures>.dance-sticker{float:none;width:100%;max-width:320px;margin:0 auto;}
@media(max-width:600px){.people-pictures{grid-template-columns:minmax(0,1fr);gap:24px;}}

/* Two explicitly selected portraits, with their whole composition preserved. */
.ouwe-portrait-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:760px;margin:34px auto 0;align-items:start;}
.selected-portrait{display:block;min-width:0;border:2px solid #4b0082;padding:6px;background:#000;box-shadow:5px 5px 0 #0c0f3a;text-decoration:none;}
.selected-portrait img{display:block;width:100%;height:auto;filter:none;}
.sou-new-art{max-width:360px;margin:32px auto;}
.sou-music-insert{margin:48px auto;max-width:440px;padding:24px 16px;border-block:1px solid #4b0082;box-sizing:border-box;scroll-margin-top:100px;}
.sou-music-insert>.sou-new-art{margin:0 auto 22px;}
.sou-insert-route{margin:0;text-align:center;font:.85rem/1.7 monospace;}
.sou-insert-route>a{color:#07ffe8;text-underline-offset:4px;}
.selected-portrait>span{display:block;padding:14px 8px 8px;font:700 .7rem/1.6 monospace;color:#07ffe8;}
.selected-portrait:hover{border-color:#07ffe8;}.selected-portrait:focus-visible{outline:3px solid #39ff14;outline-offset:5px;}
@media(max-width:600px){.ouwe-portrait-pair{grid-template-columns:minmax(0,1fr);max-width:360px;gap:28px;}}

/* The approved eight sleeves form one selection, keeping older artwork in place. */
.artist-sleeves{max-width:1200px;margin:48px auto 58px;padding:24px 0;border-top:2px solid #07ffe8;}
.artist-sleeves>header{max-width:760px;margin-bottom:28px;}
.artist-sleeves h3{font:400 clamp(2rem,4vw,3.3rem)/1.1 Impact,'Arial Narrow',sans-serif;margin:12px 0 18px;}
.artist-sleeves>header>p:last-child{font-size:.95rem;line-height:1.75;}
.artist-sleeve-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;}
.artist-sleeve{min-width:0;display:flex;flex-direction:column;padding:6px;background:#0c0f3a;border:1px solid #4b0082;border-bottom:3px solid #07ffe8;box-shadow:4px 4px 0 #4b0082;text-decoration:none;}
.artist-sleeve>img{display:block;width:100%;height:auto;filter:none;image-rendering:auto;}
.artist-sleeve-caption{display:grid;gap:8px;padding:16px 10px 14px;}
.artist-sleeve-caption>small{font:700 .6rem/1.6 monospace;color:#07ffe8;}
.artist-sleeve-caption>strong{font:400 1.55rem/1.1 Impact,'Arial Narrow',sans-serif;color:#fff;overflow-wrap:anywhere;}
.artist-sleeve-caption>span{font:.7rem/1.6 monospace;color:#c7bfd4;}
.artist-sleeve:hover{border-color:#ff007f;box-shadow:4px 4px 0 #ff007f;}.artist-sleeve:focus-visible{outline:3px solid #39ff14;outline-offset:5px;}
@media(max-width:1000px){.artist-sleeve-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.artist-sleeve-grid{gap:22px 14px;}.artist-sleeve{padding:4px;}.artist-sleeve-caption{padding:12px 5px 8px;gap:7px;}.artist-sleeve-caption>strong{font-size:1.25rem;}.artist-sleeve-caption>small{font-size:.5rem;}.artist-sleeve-caption>span{font-size:.6rem;}}

/* Requested remembrance for Miles, separate from the magazine humour. */
.memorial-cross{display:inline-block;margin-right:.45em;font:400 1.4rem/1 Georgia,serif;color:#fff;vertical-align:.08em;}
.dreamteam-portraits{margin:46px 0 60px;padding:30px 0;border-top:2px solid #ff007f;scroll-margin-top:100px;}
.dreamteam-portraits>header{max-width:780px;margin-bottom:28px;}.dreamteam-portraits h3{font:400 clamp(2.4rem,5vw,4.6rem)/1.05 Impact,'Arial Narrow',sans-serif;margin:12px 0 22px;text-transform:uppercase;}.dreamteam-portraits>header>p:last-child{font-size:.95rem;line-height:1.8;}
.dreamteam-portrait-grid{display:block;}
.dreamteam-portrait{display:grid;grid-template-columns:minmax(160px,230px) minmax(0,1fr);gap:30px;max-width:940px;margin:0 0 44px;padding:24px;border:1px solid #4b0082;border-top:3px solid #07ffe8;background:#0c0f3a;box-shadow:5px 5px 0 #4b0082;}
.dreamteam-picture{display:block;aspect-ratio:2/3;background:#000;}.dreamteam-picture>img{display:block;width:100%;height:auto;filter:none;}
.dreamteam-caption{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:6px 0;}.dreamteam-caption>h4{font:400 2rem/1.1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:#fff;margin:0;}.dreamteam-caption>p{font-size:1rem;line-height:1.8;color:#fff;margin:0;max-width:55ch;}.dreamteam-caption>.dreamteam-quip{font-style:italic;color:#c7bfd4;}.dreamteam-caption>a{font:.8rem/1.7 monospace;color:#07ffe8;}.dreamteam-caption>.dreamteam-source{color:#c7bfd4;}
.dreamteam-portrait:nth-child(2n){margin-left:auto;border-top-color:#ff007f;}.dreamteam-portrait:focus-within{outline:2px solid #39ff14;outline-offset:6px;}
.dreamteam-credit{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font:.68rem/1.8 monospace;color:#c7bfd4;}.dreamteam-credit>a{color:#07ffe8;}
.dreamteam-caption>h4{min-height:3.3rem;display:flex;align-items:center;}.dreamteam-official-mark{display:block;width:100%;height:3.3rem;object-fit:contain;object-position:left center;}

@media(max-width:600px){.dreamteam-portrait{display:flow-root;margin:0 0 34px;padding-top:24px;}.dreamteam-picture{float:left;width:42%;margin:0 20px 12px 0;}.dreamteam-caption{display:block;padding:0;}.dreamteam-caption>h4{font-size:1.65rem;min-height:0;margin-bottom:14px;}.dreamteam-caption>p{font-size:.94rem;margin-bottom:14px;}.dreamteam-caption>a{display:block;clear:both;margin-top:10px;font-size:.78rem;}.dreamteam-official-mark{height:2.6rem;}}
.miles-memorial{position:relative;isolation:isolate;margin:60px auto;padding:clamp(30px,4vw,48px);max-width:980px;border:1px solid #ffffff80;border-block:2px solid #fff;background:radial-gradient(ellipse at 50% 0,#ffffff12,transparent 65%),linear-gradient(145deg,#0c0f3a,#050610);box-shadow:inset 0 0 0 7px #050610,0 0 40px #ffffff0b;}
.miles-memorial::before{content:'';position:absolute;inset:12px;border:1px solid #ffffff26;pointer-events:none;z-index:-1;}
.miles-memorial::after{content:'';position:absolute;top:-2px;left:calc(50% - 48px);width:96px;height:2px;background:#fff;box-shadow:0 0 20px 5px #ffffff24;pointer-events:none;}
.miles-memorial>.eyebrow{color:#ffffffb3;letter-spacing:.16em;}
.miles-memorial h3{font:400 clamp(2.2rem,4vw,3rem)/1.15 Impact,'Arial Narrow',sans-serif;margin:18px 0 24px;}
.miles-memorial>p:not(.eyebrow){font-size:1rem;line-height:1.95;max-width:72ch;}
.miles-memorial .legend-sources{margin-top:26px;padding-top:18px;border-top:1px solid #ffffff33;}
.miles-memorial .legend-sources a{color:#ffffffc7;font-size:.8rem;text-decoration-color:#ffffff66;}
.miles-memorial .legend-sources a:hover{color:#fff;}
.miles-memorial :focus-visible{outline:2px solid #fff;outline-offset:5px;}
@media(max-width:600px){.miles-memorial{padding:28px 24px;margin-block:42px;}.miles-memorial::before{inset:8px;}}

/* Editorial flow repair from the annotated review. */
.outbound-notice{margin:30px 0;color:#c7bfd4;font:.82rem/1.7 monospace;}
.people-scene-flow{margin:8px 0 0;padding:0;border:0;}
.people-story h4{font:400 clamp(1.7rem,3vw,2.4rem)/1.15 Impact,'Arial Narrow',sans-serif;margin:0 0 20px;}
.people-story p{font-size:1rem;line-height:1.85;max-width:66ch;}
.people-journey{margin:0 0 38px;}
.people-journey .people-paragraph{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr);gap:0 40px;}
.people-journey h4{grid-column:1;grid-row:1/4;}
.people-journey .people-paragraph>p{grid-column:2;margin-top:0;}
.people-scene-spread{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;margin:0 0 42px;}
.people-scene-art{padding:12px;background:#0c0f3a;border-top:4px solid #ff007f;}
.people-scene-art .story-art{margin:0;padding:0;border:0;background:none;box-shadow:none;}
.people-scene-art .multigroove-logo{max-width:64px;margin-top:12px;}
.people-sources{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.85rem;line-height:1.7;}
.people-first-chances{margin:0;columns:2 260px;column-gap:40px;}
.people-first-chances>h4{column-span:all;}
.people-paragraph{break-inside:avoid;scroll-margin-top:110px;}
.people-journey{padding:24px 0;border-top:3px solid #ff007f;}
.people-first-chances{padding-top:28px;border-top:1px solid #07ffe8;}
.discovery-radio{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:18px 42px;align-items:start;}
.discovery-radio>.discovery-heading{grid-column:1/-1;padding:0 0 18px;}
.discovery-radio>.frequency-art{grid-column:1;grid-row:2;width:100%;max-width:260px;margin:22px 0 0;padding:0;border:0;background:none;box-shadow:none;}
.discovery-radio>.found-drawer{grid-column:2;grid-row:2;padding:0;min-width:0;}
.discovery-radio .found-controls{margin-top:0;}
.discovery-french>.found-drawer{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:38px;align-items:start;padding:0;}
.discovery-french .found-controls{margin-top:16px;}
.discovery-french .found-stories>.found-story{margin-top:0;}
.lost-found .found-story>header{padding:16px 0;}
.lost-found .found-body{padding:0;}
.lost-found .found-object{box-shadow:none;border-width:1px;}
.editorial-beat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:30px;align-items:center;margin:24px 0 40px;}
.editorial-beat>p{margin:0;}
.editorial-beat-continuation{grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);}
.editorial-beat-continuation>.editorial-body{grid-column:2;grid-row:1;}
.editorial-beat-continuation>.editorial-inline-art{grid-column:1;grid-row:1;}
.editorial-inline-art{min-width:0;}
.editorial-inline-art>.gabber-polaroid,.editorial-inline-art>.dance-sticker{float:none;width:100%;max-width:300px;margin:0 auto;padding:0;border:0;background:none;box-shadow:none;}
.editorial-inline-art>.hak-comic{width:100%;margin:0;}
.editorial-people,.editorial-french{max-width:1100px;padding:28px;border:1px solid #4b0082;border-left:6px solid #ff007f;background:radial-gradient(ellipse at top right,#4b008233,transparent 60%),#0c0f3a;}
.sou-music-insert{max-width:740px;margin:42px 0 54px auto;padding:24px 0;display:grid;grid-template-columns:minmax(160px,300px) minmax(0,1fr);gap:28px;align-items:center;border:0;}
.sou-music-insert>.sou-new-art{width:100%;margin:0;box-sizing:border-box;}
.sou-insert-route{text-align:left;}
#sou-insert-gabber-vibrator{margin-left:0;max-width:650px;}
html[data-theme='distorted'] .scene-room>.room-art{transform:rotate(-1deg);box-shadow:6px 6px 0 #4b0082,-3px -3px 0 #ff007f;}
html[data-theme='distorted'] .people-scene-art{transform:rotate(1deg);box-shadow:5px 5px 0 #4b0082;}
html[data-theme='distorted'] .people-story h4{color:#07ffe8;text-shadow:2px 2px #4b0082;}
html[data-theme='distorted'] .frequency-art{padding:6px;background:#fff;transform:rotate(-2deg);box-shadow:5px 5px 0 #4b0082;}
html[data-theme='distorted'] .editorial-inline-art>.dance-sticker,html[data-theme='distorted'] .editorial-inline-art>.gabber-polaroid{padding:5px;background:#fff;box-shadow:5px 5px 0 #ff007f;transform:rotate(1deg);}
html[data-theme='distorted'] .dreamteam-picture{box-shadow:5px 5px 0 #4b0082;transform:rotate(-1deg);}
@media(max-width:700px){.people-scene-spread,.discovery-radio,.editorial-beat,.editorial-beat-continuation,.people-journey .people-paragraph,.discovery-french>.found-drawer{grid-template-columns:minmax(0,1fr);gap:24px;}.people-journey h4,.people-journey .people-paragraph>p{grid-column:1;grid-row:auto;}.people-first-chances{columns:auto;}.discovery-radio>.frequency-art{grid-column:1;grid-row:auto;max-width:220px;margin:0;}.discovery-radio>.found-drawer{grid-column:1;grid-row:auto;}.editorial-inline-art>.dance-sticker{max-width:260px;}.sou-music-insert{grid-template-columns:minmax(0,1fr);max-width:340px;margin-inline:auto;}.sou-insert-route{text-align:center;}}

/* New illustrations belong beside the copy and music they accompany. */
.producer-bench{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:32px;align-items:center;}
.producer-bench-copy{min-width:0;}
.producer-bench-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;max-width:65ch;}
.producer-bench-art>.dance-sticker{float:none;width:100%;margin:0;}
.archive-tape-spread{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:32px;align-items:start;margin:42px 0;}
.archive-tape-art{padding-top:30px;}
.archive-tape-listening{min-width:0;}
.archive-tape-listening>.set-rack{margin-top:0;}
.set-rack-route{margin:26px 0 0;padding-top:18px;border-top:1px dashed #4b0082;font:.78rem/1.8 monospace;}
.set-rack[data-set-rack='lower']{margin-block:60px;}
.ouwe-stijl-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);gap:32px;align-items:center;padding:28px;background:#0c0f3a;border-left:5px solid #ff007f;}
.ouwe-stijl-story>.ouwe-stijl-copy{min-width:0;}
.ouwe-stijl-story .ouwe-stijl-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;}
.free-crate-outro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:32px;align-items:center;margin:32px 0;padding:24px;background:#0c0f3a;border-top:3px solid #39ff14;}
.free-crate-notes .free-receipt{margin-top:0;padding-top:0;border:0;}
.free-crate-notes .free-origin{font-size:.85rem;line-height:1.8;}
.free-crate-art>.dance-sticker{width:100%;max-width:none;margin:0;}
.identity-story-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:32px;align-items:center;margin:24px 0;}
.identity-story-copy>p{margin-top:0;}
.identity-story-art>.dance-sticker{float:none;width:100%;margin:0;}
html[data-theme='distorted'] .archive-tape-art{transform:rotate(-1deg);}
html[data-theme='distorted'] .ouwe-stijl-music-art{transform:rotate(1deg);}
html[data-theme='distorted'] .producer-bench-art{transform:rotate(2deg);box-shadow:5px 5px 0 #4b0082;}
@media(max-width:1100px) and (min-width:701px){.archive-tape-spread{grid-template-columns:180px minmax(0,1fr);gap:22px;}.archive-tape-listening .set-rack>header{display:block;}.archive-tape-listening .set-cassettes{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.producer-bench,.archive-tape-spread,.ouwe-stijl-story,.free-crate-outro,.identity-story-spread{grid-template-columns:minmax(0,1fr);gap:24px;}.producer-bench-art{max-width:230px;justify-self:end;}.archive-tape-art{padding:0;max-width:230px;}.ouwe-stijl-music-art{max-width:240px;justify-self:end;}.ouwe-stijl-story,.free-crate-outro{padding:20px;}.identity-story-art{max-width:210px;justify-self:end;}.lost-found{padding:20px 16px;}.scene-room{padding:18px 16px;}.dreamteam-portrait{padding:20px 16px;}}
@media(max-width:700px){.editorial-beat-continuation>.editorial-body,.editorial-beat-continuation>.editorial-inline-art{grid-column:1;grid-row:auto;}.editorial-people,.editorial-french{padding:22px 16px;}}

.cloakroom{grid-template-columns:140px minmax(0,1fr) 200px;gap:26px;}
.cloakroom-copy{min-width:0;}
.cloakroom-art>.dance-sticker{float:none;width:100%;margin:0;}
.afterhours-heading{grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);align-items:center;}
.afterhours-heading-copy>p:not(.eyebrow){font:.95rem/1.8 'Segoe UI',Arial,sans-serif;color:#c8cad4;max-width:55ch;margin:22px 0 0;}
.afterhours-floor-art>.dance-sticker{float:none;width:100%;max-width:none;margin:0;}
html[data-theme='distorted'] .cloakroom-art{transform:rotate(2deg);}
html[data-theme='distorted'] .afterhours-floor-art{transform:rotate(-1deg);box-shadow:6px 6px 0 #4b0082;}
@media(max-width:700px){.cloakroom,.afterhours-heading{grid-template-columns:minmax(0,1fr);gap:22px;}.cloakroom-ticket{width:100px;aspect-ratio:1;font-size:1.15rem;}.cloakroom-art{max-width:210px;justify-self:end;}.afterhours-floor-art{max-width:420px;}.afterhours-heading h2{font-size:clamp(2.5rem,11vw,3.6rem);}}

/* The passport and visual lab have separate places in the issue. */
.gabber-passport{margin:60px 0;scroll-margin-top:100px;}
.gabber-passport .passport-machine{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:30px;}
.gabber-passport .passport-wings{width:100%;max-width:100%;height:auto;margin:0;border:0;}
.passport-copy{min-width:0;}
.gabber-passport h2{font:400 clamp(2.5rem,4vw,3.8rem)/1.05 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;margin:16px 0;}
.gabber-passport :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:5px;}
.playground .play-grid{grid-template-columns:minmax(0,1fr);}
.playground .visual-lab{width:100%;}
.playground .portal-stage{max-width:900px;margin-inline:auto;}
@media(max-width:700px){.gabber-passport .passport-machine{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px 18px;}.gabber-passport h2{font-size:2.5rem;}}

/* Tape notes and Napalm's longread use the available editorial width. */
.sietse-feature{position:relative;margin:48px 0;padding:32px;background:linear-gradient(135deg,#0c0f3a,#080816);border:1px solid #07ffe8;border-top:4px solid #07ffe8;box-shadow:6px 6px 0 #4b0082;scroll-margin-top:100px;}
.sietse-heading h3{margin:16px 0 28px;font:400 clamp(2.4rem,4.7vw,4.1rem)/1.08 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;}
.sietse-heading h3>span{color:#07ffe8;}
.sietse-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.sietse-beat{min-width:0;padding-top:16px;border-top:1px solid #4b0082;}
.sietse-beat h4{margin:0 0 14px;color:#ff007f;font:700 1.05rem/1.4 'Segoe UI',Arial,sans-serif;}
.sietse-beat p{max-width:none;margin:0;font:1rem/1.85 'Segoe UI',Arial,sans-serif;}
.sietse-listening,.sietse-sources{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:baseline;}
.sietse-listening{margin-top:30px;padding-top:22px;border-top:1px dashed #07ffe8;font-weight:700;}
.sietse-sources{margin-top:22px;font:.72rem/1.7 monospace;}
@media(max-width:900px){.sietse-copy{grid-template-columns:minmax(0,1fr);gap:24px;}.sietse-feature{padding:26px;}}
@media(max-width:600px){.sietse-feature{padding:24px 18px;}.sietse-heading h3{font-size:2.35rem;}.sietse-listening{font-size:.9rem;}}
.tape-label-spread{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:36px;align-items:center;margin:40px 0;padding:26px;background:#0c0f3a;border-top:3px solid #07ffe8;}
.tape-label-art,.tape-label-copy{min-width:0;}
.tape-label-art>.photo-print{width:100%;max-width:none;margin:0;}
.tape-label-copy>.notes-tape{margin:0;padding:0;border:0;}
.tape-label-copy .discovery-note h4{font-size:1.7rem;line-height:1.15;}
.tape-label-copy .discovery-note .found-body>p{font-size:1rem;line-height:1.8;max-width:none;}
.napalm-opening{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:36px;align-items:center;}
.napalm-opening>.napalm-artwork{float:none;width:100%;margin:0;}
.napalm-intro{min-width:0;}
.napalm-intro h3{max-width:none;}
.napalm-intro .napalm-lede{clear:none;max-width:none;font-size:1rem;line-height:1.8;margin-bottom:0;}
.napalm-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 44px;max-width:none;font-size:1rem;line-height:1.85;}
.napalm-chapter{min-width:0;padding-top:12px;border-top:1px solid #4b0082;}
.napalm-body .napalm-chapter h4{margin-top:12px;}
.napalm-listen,.napalm-sources{max-width:none;}
.napalm-sources{font-size:.82rem;}
.legend-stage-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 24px;padding:18px 20px;background:#0c0f3a;border-left:4px solid #07ffe8;color:#c8cad4;font-size:.85rem;}
.legend-stage-control button{min-width:190px;}
[data-opinion-receipt]{margin-top:18px;padding:12px 16px;border:1px solid #07ffe8;background:#000;color:#07ffe8;font:700 .8rem/1.5 monospace;cursor:pointer;}
[data-opinion-receipt][hidden]{display:none;}
@media(max-width:800px){.tape-label-spread,.napalm-opening,.napalm-body{grid-template-columns:minmax(0,1fr);gap:24px;}.tape-label-spread{padding:20px;}.napalm-opening>.napalm-artwork{max-width:650px;}.legend-stage-control{grid-template-columns:minmax(0,1fr);padding:16px;}.legend-stage-control button{justify-self:start;}}


/* DISTORTED EDITION / static neon overprint; clean layout remains unchanged. */
html[data-theme='distorted'] main :is(h2,h3){
  text-shadow:-2px 0 0 var(--pink),2px 0 0 var(--turquoise),5px 4px 0 var(--purple);
}
html[data-theme='distorted'] .cover-issue{position:relative;}
html[data-theme='distorted'] .cover-issue::before{
  content:'';position:absolute;inset:0 0 auto;height:12px;pointer-events:none;
  background:linear-gradient(96deg,var(--pink) 0 32%,var(--black) 32% 35%,var(--turquoise) 35% 72%,var(--purple) 72%);
  clip-path:polygon(0 0,100% 0,100% 58%,94% 100%,88% 46%,79% 82%,69% 43%,60% 100%,50% 58%,39% 90%,28% 40%,17% 90%,7% 52%,0 100%);
}
html[data-theme='distorted'] .cover-issue .rave-poster{
  outline:2px solid var(--turquoise);outline-offset:-2px;
  box-shadow:5px 6px 0 var(--pink),-4px 3px 0 var(--purple),inset 0 0 0 7px #4b008255;
}
html[data-theme='distorted'] .cover-issue h1,
html[data-theme='distorted'] .cover-issue h1 span{
  text-shadow:-5px -2px 0 var(--pink),5px 2px 0 var(--turquoise),10px 7px 0 var(--purple),11px 8px 0 var(--black);
}
html[data-theme='distorted'] .cover-issue .rave-poster-copy>.eyebrow{
  color:var(--black);background:var(--turquoise);
  box-shadow:0 -4px 0 var(--turquoise),0 4px 0 var(--turquoise),7px 7px 0 var(--pink);
}
html[data-theme='distorted'] .cover-issue .rave-floorstrip{
  color:var(--black);background:var(--pink);
  box-shadow:inset 0 -4px 0 var(--purple),0 4px 0 var(--black);
}
html[data-theme='distorted'] .cover-issue .rave-floorstrip a{color:var(--black);}
html[data-theme='distorted'] .cover-issue .rave-entry-routes a{
  background:radial-gradient(ellipse at 100% 0,#4b0082aa,transparent 65%),linear-gradient(135deg,var(--blue),var(--black) 75%);
  box-shadow:inset 0 3px 0 var(--route-ink,var(--green));
}
html[data-theme='distorted'] .cover-issue .rave-entry-routes strong{
  text-shadow:-1px 0 var(--pink),1px 0 var(--turquoise),3px 3px var(--black);
}

/* Ripped edges belong to empty decorative layers, never to the content. */
html[data-theme='distorted'] :is(.scene-editorial,.tape-label-spread,.napalm-longread,.sietse-feature,.ouwe-stijl-story,.identity-story-spread,.people-scene-spread){
  --print-ink:var(--turquoise);--print-under:var(--pink);--print-grain:#07ffe824;
  position:relative;isolation:isolate;
  background:radial-gradient(circle,var(--print-grain) .85px,transparent 1.4px) 0 0/7px 7px,
    linear-gradient(118deg,#4b00824d,var(--blue) 35%,var(--black) 92%);
  outline:1px solid var(--print-ink);outline-offset:3px;
  box-shadow:6px 7px 0 var(--purple),-3px -3px 0 var(--print-under);
}
html[data-theme='distorted'] :is(.scene-editorial,.tape-label-spread,.napalm-longread,.sietse-feature,.ouwe-stijl-story,.identity-story-spread,.people-scene-spread)::before{
  content:'';position:absolute;left:10px;right:10px;top:-10px;height:10px;pointer-events:none;
  background:linear-gradient(100deg,var(--print-ink) 0 57%,var(--black) 57% 60%,var(--print-under) 60%);
  clip-path:polygon(0 10%,8% 38%,15% 0,23% 33%,32% 8%,41% 44%,49% 0,60% 25%,68% 4%,77% 40%,85% 10%,94% 30%,100% 0,100% 72%,91% 100%,80% 68%,70% 94%,59% 66%,48% 100%,38% 74%,27% 100%,16% 62%,6% 94%,0 72%);
}
html[data-theme='distorted'] :is(.scene-editorial,.tape-label-spread,.napalm-longread,.sietse-feature,.ouwe-stijl-story,.identity-story-spread,.people-scene-spread)::after{
  content:'';position:absolute;right:18px;bottom:-7px;width:38%;height:10px;pointer-events:none;
  background:var(--print-under);
  clip-path:polygon(0 0,100% 0,100% 55%,88% 100%,78% 44%,67% 85%,53% 48%,41% 100%,29% 55%,16% 90%,0 58%);
}
html[data-theme='distorted'] .tape-label-spread{--print-ink:var(--green);--print-under:var(--turquoise);--print-grain:#39ff141f;}
html[data-theme='distorted'] .napalm-longread{--print-ink:var(--pink);--print-under:var(--turquoise);--print-grain:#ff007f24;}
html[data-theme='distorted'] .sietse-feature{--print-ink:var(--turquoise);--print-under:var(--pink);}
html[data-theme='distorted'] .ouwe-stijl-story{--print-ink:var(--pink);--print-under:var(--green);--print-grain:#ff007f20;}
html[data-theme='distorted'] .identity-story-spread{--print-ink:var(--green);--print-under:var(--purple);--print-grain:#39ff141c;}
html[data-theme='distorted'] .people-scene-spread{--print-ink:var(--turquoise);--print-under:var(--green);}
html[data-theme='distorted'] .editorial-french{--print-ink:var(--pink);--print-under:var(--turquoise);--print-grain:#ff007f20;}
html[data-theme='distorted'] :is(.napalm-chapter,.sietse-beat){border-top-color:var(--print-ink);}
html[data-theme='distorted'] :is(.napalm-chapter,.sietse-beat) h4{
  text-shadow:2px 2px 0 var(--purple);
}

/* Register the paper around complete pictures; image rendering is untouched. */
html[data-theme='distorted'] :is(.cover-crowd,.photo-print,.story-art,.dreamteam-picture){
  outline:2px solid var(--white);outline-offset:2px;
  box-shadow:5px 5px 0 var(--pink),-4px -4px 0 var(--turquoise),10px 9px 0 var(--purple);
}
html[data-theme='distorted'] .dreamteam-portrait:nth-child(even) .dreamteam-picture{
  box-shadow:5px 5px 0 var(--turquoise),-4px -4px 0 var(--pink),10px 9px 0 var(--purple);
}
html[data-theme='distorted'] :is(.cover-crowd,.dreamteam-picture):focus-visible{
  outline:3px solid var(--green);outline-offset:6px;
}
@media(max-width:600px){
  html[data-theme='distorted'] main :is(h2,h3){
    text-shadow:-1px 0 0 var(--pink),1px 0 0 var(--turquoise),3px 3px 0 var(--purple);
  }
  html[data-theme='distorted'] .cover-issue h1,
  html[data-theme='distorted'] .cover-issue h1 span{
    text-shadow:-2px -1px 0 var(--pink),2px 1px 0 var(--turquoise),4px 4px 0 var(--purple);
  }
  html[data-theme='distorted'] .cover-issue .rave-poster{box-shadow:3px 4px 0 var(--pink),-2px 2px 0 var(--purple);}
  html[data-theme='distorted'] :is(.scene-editorial,.tape-label-spread,.napalm-longread,.sietse-feature,.ouwe-stijl-story,.identity-story-spread,.people-scene-spread){
    outline-offset:1px;box-shadow:3px 4px 0 var(--purple),-2px -2px 0 var(--print-under);
  }
  html[data-theme='distorted'] :is(.cover-crowd,.photo-print,.story-art,.dreamteam-picture),
  html[data-theme='distorted'] .dreamteam-portrait:nth-child(even) .dreamteam-picture{
    outline-width:1px;outline-offset:1px;
    box-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--turquoise),5px 5px 0 var(--purple);
  }
}
/* END DISTORTED EDITION */
html[data-theme='distorted'] :is(.miles-memorial,#never-forgotten,#three-steps-ahead) :is(h2,h3){text-shadow:none;}

/* Native language cloud; utility controls travel with the language choices. */
.newsletter-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 44px;align-items:center;margin:60px 0;padding:28px;background:#0c0f3a;border-top:3px solid #39ff14;scroll-margin-top:100px;}
.newsletter-middle{border-color:#07ffe8;}.newsletter-closing{border-color:#ff007f;}
.newsletter-copy h3{max-width:19ch;margin:14px 0;font:400 clamp(1.9rem,3.2vw,2.7rem)/1.13 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;}
.newsletter-form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:12px 20px;align-items:center;min-width:0;}
.newsletter-form>label{grid-column:1/-1;font-size:.8rem;font-weight:700;}
.newsletter-form>input[type='email']{grid-column:1/-1;min-width:0;width:100%;min-height:46px;padding:10px 12px;border:1px solid #07ffe8;background:#000;color:#fff;font:1rem/1.4 'Segoe UI',Arial,sans-serif;}
.newsletter-turnstile{grid-column:1;grid-row:3;min-width:150px;}
.newsletter-turnstile[hidden]{display:none;}
.newsletter-form>[data-newsletter-submit]{grid-column:2;grid-row:3;min-height:46px;padding:12px 24px;border:1px solid #39ff14;background:#39ff14;color:#000;font:800 .9rem/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer;}
.newsletter-form>[data-newsletter-submit]:disabled{border-color:#62677f;background:#272b49;color:#c4c8d8;cursor:default;}
.newsletter-consent,.newsletter-status{grid-column:1/-1;margin:0;font-size:.75rem;line-height:1.7;color:#c4c8d8;}
.newsletter-consent{grid-row:4;}.newsletter-status{grid-row:5;color:#07ffe8;}
.newsletter-privacy-links{display:block;margin-top:8px;}
.newsletter-link-notice{display:block;color:#c4c8d8;}
.newsletter-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.newsletter-panel input:focus-visible,.newsletter-panel button:focus-visible{outline:3px solid #fff;outline-offset:4px;}
.newsletter-form>noscript{grid-column:1/-1;}
.newsletter-form[data-newsletter-ready='false']>[data-newsletter-submit]{grid-column:1/-1;justify-self:start;}
html[data-theme='distorted'] .newsletter-panel{box-shadow:6px 6px 0 #4b0082,-3px -3px 0 #07ffe8;border-bottom:1px dashed #ff007f;}
@media(max-width:700px){.newsletter-panel{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 18px;}.newsletter-copy h3{max-width:none;font-size:2rem;}.newsletter-form{gap:12px;}.newsletter-form>[data-newsletter-submit]{padding-inline:17px;}}
@media(max-width:500px){.newsletter-form{grid-template-columns:minmax(0,1fr);}.newsletter-form>[data-newsletter-submit]{grid-column:1;grid-row:4;justify-self:start;}.newsletter-form[data-newsletter-ready='false']>[data-newsletter-submit]{grid-row:3;}.newsletter-form[data-newsletter-ready='true']>.newsletter-consent{grid-row:5;}.newsletter-form[data-newsletter-ready='true']>.newsletter-status{grid-row:6;}}
.artwork-caption{clear:both;margin:10px 0 18px;padding:12px 14px;border-left:2px solid #07ffe8;background:#080816;text-align:start;overflow-wrap:anywhere;}
.artwork-caption p{margin:0;font-size:.78rem;line-height:1.7;}
.artwork-caption .artwork-caption-original{color:#adb1c3;font-style:italic;}
.artwork-caption .artwork-caption-translation{color:#fff;}
.artwork-caption-original+.artwork-caption-translation{margin-top:7px;}
.weekblad .artwork-caption p,html[data-theme='distorted'] .weekblad .artwork-caption p{color:#fff;}
.artwork-transcript{margin-top:10px;border-top:1px dashed #4b0082;}
.artwork-transcript>summary{padding:10px 0;color:#07ffe8;font:700 .72rem/1.7 monospace;cursor:pointer;}
.artwork-transcript>summary::before{content:'+ ';}.artwork-transcript[open]>summary::before{content:'− ';}
.artwork-transcript>div{padding-bottom:8px;}.artwork-transcript>div>p+p{margin-top:4px;}
.weekblad-art-spread{float:right;width:34%;max-width:360px;margin:0 12px 26px 35px;}
.weekblad-art-spread>.weekblad-art{float:none;display:block;width:100%;max-width:none;margin:0;}
.weekblad-art-spread>.artwork-caption{margin:14px 0 0;}
@media(max-width:700px){.weekblad-art-spread{float:none;width:85%;max-width:300px;margin:0 auto 28px;}}
.language-deck{margin:12px 0 32px;padding:18px 24px 14px;border-block:1px dashed #4b0082;background:radial-gradient(ellipse at 50% 0,#0c0f3a,transparent 80%);}
.language-deck-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;}
.language-deck-heading h2{margin:0;color:#07ffe8;font:700 .83rem/1.5 monospace;text-transform:uppercase;letter-spacing:.06em;}
.language-deck-heading>p{margin:0;font-size:.76rem;color:#c8cad4;}
.language-cloud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;max-width:1040px;margin:20px auto 12px;}
.language-word{display:inline-block;max-width:100%;padding:2px 0;font-family:'Segoe UI','Noto Sans',Arial,sans-serif;font-weight:750;line-height:1.3;text-decoration:none;overflow-wrap:anywhere;}
.language-word:nth-child(4n+1){color:#07ffe8;}.language-word:nth-child(4n+2){color:#39ff14;}.language-word:nth-child(4n+3){color:#fff;}.language-word:nth-child(4n){color:#ff007f;}
.language-word[aria-current]{border-bottom:2px solid currentColor;}
.language-word:hover{color:#fff;text-decoration:underline;}
.language-cloud .language-pending{color:#9296aa;font-weight:500;cursor:default;}
.language-cloud .language-pending:hover{text-decoration:none;}
.language-rank-0{font-size:1.05rem;}.language-rank-1{font-size:1.2rem;}.language-rank-2{font-size:1.4rem;}.language-rank-3{font-size:1.65rem;}.language-rank-4{font-size:1.95rem;}.language-rank-5{font-size:2.25rem;}
.language-welcome{min-height:1.8em;margin:16px 0;text-align:center;color:#07ffe8;font-size:.83rem;line-height:1.7;}
.language-deck-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;padding-top:12px;border-top:1px solid #4b0082;}
.language-cloud-note{margin:0;max-width:68ch;color:#b8bbca;font:.67rem/1.7 monospace;}
.songhub-magazine .language-deck .experience-bar{min-height:0;margin:0;padding:0;gap:12px 20px;border:0;background:transparent;justify-content:flex-start;}
.language-deck .experience-bar>a{display:inline;}
/* Native scripts retain connected letters and readable lines in the poster type. */
html:is([lang='ar'],[lang='he'],[lang='ur']) :is(h1,h2,h3,h4,h5,h6,.eyebrow,.button,button){font-family:'Segoe UI','Nirmala UI',Arial,sans-serif;letter-spacing:normal;line-height:1.35;}
html[lang='ur'] body{font-family:'Nirmala UI','Segoe UI',Arial,sans-serif;line-height:1.85;}
html:is([lang='zh-Hans'],[lang='zh-Hant'],[lang='ja'],[lang='ko']) :is(h1,h2,h3,h4,h5,h6){font-family:'Segoe UI',Arial,sans-serif;letter-spacing:normal;line-height:1.25;overflow-wrap:anywhere;}
html[dir='rtl'] :is(input[type='email'],input[type='url']){direction:ltr;text-align:left;}
html[dir='rtl'] a[href^='http']{unicode-bidi:isolate;}
html[dir='rtl'] .kicker-track{direction:ltr;}
html[dir='rtl'] .rave-poster{direction:ltr;}
html[dir='rtl'] .rave-poster-copy,html[dir='rtl'] .cover-pass{direction:rtl;}
html[dir='rtl'] .cover-issue h1{text-align:left;}
html[dir='rtl'] .cover-issue .rave-manifesto{margin-left:0;margin-right:auto;}
html[dir='rtl'] .cover-issue .cover-actions{width:fit-content;max-width:100%;margin-left:0;margin-right:auto;}
html[dir='rtl'] .cover-issue .rave-poster-copy>.eyebrow{text-align:left;}
.newsletter-trap{left:0;top:0;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;}
@media(min-width:381px) and (max-width:580px){.songhub-magazine .art-route{grid-template-columns:42% minmax(0,1fr);}.songhub-magazine .art-route .route-caption{min-width:0;overflow-wrap:anywhere;}}
/* A readable editorial lead inside the distorted cover's printed frame. */
html[data-theme='distorted'] .cover-issue .rave-manifesto{
  max-width:47ch;margin:32px auto 28px 30px;padding:0 18px;
  border-left:2px solid var(--turquoise);font-size:1.04rem;line-height:1.72;
  text-shadow:none;background:linear-gradient(90deg,#000e,#0009 80%,transparent);
}
html[data-theme='distorted'] .cover-issue .rave-manifesto p{font-size:inherit;line-height:inherit;}
html[data-theme='distorted'] .cover-issue .rave-manifesto p:first-child{font-weight:650;}
html[data-theme='distorted'] .cover-issue .cover-actions{margin-left:30px;margin-right:auto;}
@media(max-width:700px){
  html[data-theme='distorted'] .cover-issue .rave-manifesto{max-width:none;margin:0 18px 24px;padding:0 14px;font-size:1rem;line-height:1.75;}
  html[data-theme='distorted'] .cover-issue .cover-actions{margin-left:18px;margin-right:18px;}
}
html[data-theme='distorted'] .language-deck{border-top:3px double #07ffe8;border-bottom:3px double #ff007f;box-shadow:4px 4px 0 #4b0082;background:radial-gradient(circle,#07ffe817 .8px,transparent 1.4px) 0 0/8px 8px,#080816;}
html[data-theme='distorted'] .language-word:not(.language-pending){text-shadow:2px 2px 0 #4b0082;}
@media(max-width:600px){.language-deck{padding:16px 14px;margin-bottom:24px;}.language-deck-heading{display:block;}.language-deck-heading>p{margin-top:6px;}.language-cloud{gap:10px 15px;margin-top:18px;}.language-rank-0{font-size:1rem;}.language-rank-4{font-size:1.75rem;}.language-rank-5{font-size:2rem;}.language-welcome{min-height:3.4em;font-size:.78rem;}.language-deck-foot{align-items:flex-start;}.songhub-magazine .language-deck .experience-bar{font-size:.72rem;}}

/* Reusable press-file totals stay beside the format and download link. */
.press-download-counts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;}
.public-download-count{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;color:#c8cad4;font-size:.72rem;line-height:1.6;}
.public-download-count>strong{color:#39ff14;font-size:1rem;}.public-download-count>b{color:#07ffe8;}
.press-logo-download{display:flex;flex-direction:column;gap:6px;}

/* Standalone error responses use scoped rules without application initialization. */
body.error-page { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: clamp(1rem, 5vw, 4rem); background: #050509; color: #fff; font: 1rem/1.65 system-ui, sans-serif; }
body.error-page main { width: min(100%, 46rem); padding: clamp(1.25rem, 4vw, 3rem); border: 1px solid #00e5d4; border-top: .5rem solid #52ff00; background: #0c1037; box-shadow: .35rem .35rem 0 #7900a8; overflow-wrap: anywhere; }
body.error-page .error-brand { color: #00ffe1; font: 700 .75rem/1.5 ui-monospace, monospace; letter-spacing: .08em; }
body.error-page .error-code { margin: 1rem 0 0; color: #52ff00; font: 900 clamp(4rem, 16vw, 8rem)/1 system-ui, sans-serif; text-shadow: .08em .04em #7900a8; }
body.error-page h1 { margin: 1rem 0; font-family: inherit; font-size: clamp(1.65rem, 5vw, 2.6rem); font-weight: 700; line-height: 1.15; text-transform: none; letter-spacing: normal; }
body.error-page nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.75rem; }
body.error-page a { display: inline-block; padding: .7rem 1rem; color: #050509; background: #52ff00; font-weight: 750; text-underline-offset: .2em; }
body.error-page a + a { color: #00ffe1; background: #050509; border: 1px solid currentColor; }
body.error-page a:hover { text-decoration-thickness: .15em; }
body.error-page a:focus-visible { outline: .2rem solid #fff; outline-offset: .3rem; }