/* PASS 93.2 — FIRST SCREEN / HERO + MASTER CONTROL
   Visual-only refinement. Header from PASS 93.1 remains locked.
   Player internals and every functional JS/API surface remain untouched. */

:root{
  --p932-card:rgba(5,13,20,.90);
  --p932-card-2:rgba(7,17,25,.94);
  --p932-line:rgba(158,210,230,.14);
  --p932-line-soft:rgba(158,210,230,.085);
  --p932-ink:#f5fbff;
  --p932-muted:#91a8b7;
  --p932-soft:#6e8c9d;
  --p932-cyan:#63e3f5;
  --p932-shadow:0 20px 55px rgba(0,0,0,.32);
}

/* Remove the old oversized decorative wordmark from the first screen. */
.hero.section-shell::after{
  /* Keep the photographic-theme overlay from PASS 91, not the old LIVE SIGNAL lettering. */
}
.hero.section-shell{position:relative!important}
.hero.section-shell > *{position:relative;z-index:1}
.hero.section-shell:after{pointer-events:none!important}
.hero::after{content:none!important;display:none!important}

@media (min-width:1241px){
  body[data-theme] .hero.section-shell{
    width:min(1660px,calc(100vw - 36px))!important;
    grid-template-columns:minmax(480px,.88fr) minmax(660px,1.12fr)!important;
    grid-template-areas:
      "transmit player"
      "copy     player"
      "control  control"!important;
    column-gap:18px!important;
    row-gap:10px!important;
    align-items:start!important;
    padding-top:14px!important;
    padding-bottom:18px!important;
  }

  /* Theme photo stays alive, but the interface remains readable. */
  body[data-theme] .hero.section-shell::after{
    background:
      linear-gradient(90deg,rgba(2,7,11,.76),rgba(2,7,11,.36) 48%,rgba(2,7,11,.52)),
      linear-gradient(180deg,rgba(2,7,11,.08),rgba(2,7,11,.18) 58%,rgba(2,7,11,.68)),
      radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--a1) 12%,transparent),transparent 33%)!important;
  }

  body[data-theme] .hero-radio{display:contents!important}

  /* ---------- NOW TRANSMITTING ---------- */
  body[data-theme] .hero-transmit-card{
    grid-area:transmit!important;
    min-height:0!important;
    padding:11px!important;
    border-radius:17px!important;
    overflow:hidden!important;
    background:
      linear-gradient(180deg,rgba(8,20,29,.88),rgba(4,11,17,.94))!important;
    border:1px solid var(--p932-line)!important;
    box-shadow:var(--p932-shadow)!important;
    backdrop-filter:blur(18px) saturate(120%)!important;
  }
  body[data-theme] .hero-transmit-card .hero-radio-top{
    margin:0 2px 8px!important;
    min-height:34px!important;
  }
  body[data-theme] .hero-transmit-card .hero-radio-top small{
    color:#73a0b4!important;
    font-size:6px!important;
    letter-spacing:.16em!important;
  }
  body[data-theme] .hero-transmit-card .hero-radio-top h2{
    color:var(--p932-ink)!important;
    font-size:17px!important;
    letter-spacing:-.025em!important;
    margin:3px 0 0!important;
  }
  body[data-theme] .hero-transmit-card .on-air{
    font-size:6px!important;
    padding:5px 8px!important;
    border:1px solid color-mix(in srgb,var(--a3) 30%,transparent)!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--a3) 10%,transparent)!important;
  }
  body[data-theme] .hero-transmit-card .cinema{
    height:218px!important;
    min-height:218px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  }
  body[data-theme] .hero-transmit-card .cinema-caption{
    left:12px!important;right:64px!important;bottom:11px!important;
  }
  body[data-theme] .hero-transmit-card .cinema-caption span{font-size:6px!important;color:#bdeef7!important}
  body[data-theme] .hero-transmit-card .cinema-caption strong{
    font-size:25px!important;line-height:.94!important;margin:4px 0!important;color:#fff!important;
    text-shadow:0 2px 18px rgba(0,0,0,.55)!important;
  }
  body[data-theme] .hero-transmit-card .cinema-caption small{font-size:7px!important;line-height:1.25!important;color:#d1dde3!important}

  /* ---------- Intro / product promise ---------- */
  body[data-theme] .hero-copy{
    grid-area:copy!important;
    min-height:0!important;
    padding:14px 16px 13px!important;
    border-radius:17px!important;
    background:
      radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--a1) 7%,transparent),transparent 28%),
      linear-gradient(180deg,rgba(7,18,27,.91),rgba(4,11,17,.95))!important;
    border:1px solid var(--p932-line)!important;
    box-shadow:var(--p932-shadow)!important;
    backdrop-filter:blur(18px) saturate(120%)!important;
    overflow:hidden!important;
  }
  body[data-theme] .hero-copy::before{opacity:.18!important}
  body[data-theme] .hero-copy .eyebrow{
    font-size:6px!important;
    padding:5px 8px!important;
    color:#a5eaf3!important;
    border-color:rgba(99,227,245,.18)!important;
    background:rgba(99,227,245,.045)!important;
  }
  body[data-theme] .hero-copy h1,
  body[data-theme] .hero h1{
    font-size:clamp(27px,1.75vw,32px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    margin:9px 0 7px!important;
  }
  body[data-theme] .hero-copy .gradient-text{
    background:linear-gradient(94deg,#f7fcff 0%,#dff8ff 33%,var(--a1) 64%,var(--a3) 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  }
  body[data-theme] .hero-copy .hero-lede{
    max-width:720px!important;
    font-size:10px!important;
    line-height:1.48!important;
    color:#90a8b7!important;
  }
  body[data-theme] .hero-copy .hero-actions{margin-top:9px!important;gap:6px!important}
  body[data-theme] .hero-copy .hero-actions button{
    min-height:30px!important;
    padding:6px 11px!important;
    font-size:7px!important;
  }
  body[data-theme] .hero-copy .hero-split{margin-top:9px!important;gap:6px!important}
  body[data-theme] .hero-copy .hero-split article{
    min-height:0!important;
    padding:8px 10px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.018)!important;
    border:1px solid var(--p932-line-soft)!important;
  }
  body[data-theme] .hero-copy .hero-split article>span{font-size:5px!important;color:#64899b!important}
  body[data-theme] .hero-copy .hero-split strong{font-size:11px!important;margin:3px 0!important;color:#dff7ff!important}
  body[data-theme] .hero-copy .hero-split p{font-size:7px!important;line-height:1.28!important;color:#7893a2!important}
  body[data-theme] .hero-copy .signal-ribbon{margin-top:8px!important;gap:4px!important}
  body[data-theme] .hero-copy .signal-ribbon>div{
    padding:6px 7px!important;border-radius:9px!important;
    background:rgba(255,255,255,.015)!important;
    border:1px solid rgba(158,210,230,.07)!important;
  }
  body[data-theme] .hero-copy .signal-ribbon b{font-size:7px!important;color:#d9f2fa!important}
  body[data-theme] .hero-copy .signal-ribbon span{font-size:5px!important;color:#668596!important}

  /* ---------- Locked player placement ONLY ---------- */
  body[data-theme] .hero-player-stage{
    grid-area:player!important;
    width:min(735px,100%)!important;
    max-width:735px!important;
    justify-self:end!important;
    align-self:start!important;
    margin:0!important;
    padding:0!important;
    filter:drop-shadow(0 24px 48px rgba(0,0,0,.30))!important;
  }
  body[data-theme] .hero-player-stage .ai1-ref-radio{
    width:100%!important;
    max-width:735px!important;
    margin:0!important;
  }

  /* ---------- MASTER CONTROL ---------- */
  body[data-theme] #control-deck{
    grid-area:control!important;
    width:100%!important;
    max-width:none!important;
    margin:2px 0 0!important;
    padding:10px 12px 9px!important;
    border-radius:18px!important;
    color:var(--p932-ink)!important;
    background:
      radial-gradient(circle at 86% -35%,color-mix(in srgb,var(--a1) 9%,transparent),transparent 36%),
      linear-gradient(180deg,rgba(6,16,24,.96),rgba(3,9,14,.985))!important;
    border:1px solid var(--p932-line)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.29)!important;
    overflow:hidden!important;
  }
  body[data-theme] #control-deck::after{opacity:.035!important;mix-blend-mode:screen!important}
  body[data-theme] #control-deck .deck-head{margin-bottom:6px!important;align-items:end!important}
  body[data-theme] #control-deck .deck-head h2{
    font-size:20px!important;line-height:1!important;margin:2px 0 0!important;color:#eefaff!important;text-shadow:none!important;
  }
  body[data-theme] #control-deck .deck-head .mini-label{font-size:5px!important;color:#628da1!important}
  body[data-theme] #control-deck .deck-clock span{font-size:15px!important;color:#d9f4fb!important}
  body[data-theme] #control-deck .deck-clock small{font-size:5px!important;color:#5d8092!important}

  body[data-theme] #control-deck .deck-grid{
    display:grid!important;
    grid-template-columns:1.22fr .88fr .88fr!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  body[data-theme] #control-deck .console-channel,
  body[data-theme] #control-deck .console-eq,
  body[data-theme] #control-deck .console-routing{
    min-width:0!important;min-height:0!important;
    padding:8px!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(10,22,31,.92),rgba(5,13,20,.97))!important;
    border:1px solid rgba(158,210,230,.095)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
  body[data-theme] #control-deck .console-strip-head{font-size:6px!important;margin-bottom:6px!important;gap:6px!important;color:#63889a!important}
  body[data-theme] #control-deck .console-strip-head b{font-size:7px!important;color:#cfe9f3!important}
  body[data-theme] #control-deck .lamp{width:5px!important;height:5px!important}

  body[data-theme] #control-deck .big-spectrum{
    height:78px!important;min-height:78px!important;padding:6px!important;gap:2px!important;border-radius:9px!important;
    background:rgba(1,7,11,.58)!important;border-color:rgba(158,210,230,.075)!important;
  }
  body[data-theme] #control-deck .transport-row{margin-top:6px!important;gap:5px!important}
  body[data-theme] #control-deck .transport{min-height:24px!important;min-width:39px!important;padding:4px 8px!important;font-size:6px!important;border-radius:8px!important}
  body[data-theme] #control-deck .console-readout{
    margin-top:6px!important;padding:6px 8px!important;border-radius:9px!important;
    background:rgba(1,7,11,.42)!important;border-color:rgba(158,210,230,.07)!important;
  }
  body[data-theme] #control-deck .console-readout small{font-size:5px!important;color:#607f90!important}
  body[data-theme] #control-deck .console-readout strong{font-size:11px!important;margin:2px 0!important;color:#edf9fd!important}
  body[data-theme] #control-deck .console-readout span{font-size:6px!important;color:#7793a3!important}

  body[data-theme] #control-deck .eq-rack{height:132px!important;gap:5px!important}
  body[data-theme] #control-deck .eq-rack label{
    height:100%!important;padding:6px 4px!important;border-radius:9px!important;
    background:rgba(1,7,11,.42)!important;border-color:rgba(158,210,230,.07)!important;
  }
  body[data-theme] #control-deck .eq-rack label>span{font-size:5px!important;color:#607f90!important}
  body[data-theme] #control-deck .eq-rack input{height:78px!important;width:16px!important}
  body[data-theme] #control-deck .eq-rack output{font-size:5px!important;color:#75909f!important}
  body[data-theme] #control-deck .preset-row{margin-top:5px!important;gap:4px!important}
  body[data-theme] #control-deck .preset-row button{min-height:22px!important;padding:3px!important;font-size:5px!important;border-radius:7px!important;background:rgba(1,7,11,.42)!important}

  body[data-theme] #control-deck .route-stack{gap:5px!important}
  body[data-theme] #control-deck .route{
    padding:6px 7px!important;border-radius:9px!important;grid-template-columns:18px 1fr auto!important;gap:6px!important;
    background:rgba(1,7,11,.40)!important;border-color:rgba(158,210,230,.075)!important;
  }
  body[data-theme] #control-deck .route>span{font-size:11px!important}
  body[data-theme] #control-deck .route b{font-size:7px!important;color:#d5edf5!important}
  body[data-theme] #control-deck .route small{font-size:5px!important;color:#6f8b9a!important}
  body[data-theme] #control-deck .route>i{font-size:5px!important;padding:3px 5px!important}
  body[data-theme] #control-deck .route.active{
    background:linear-gradient(90deg,color-mix(in srgb,var(--a1) 8%,rgba(1,7,11,.45)),rgba(1,7,11,.40))!important;
    border-color:color-mix(in srgb,var(--a1) 28%,rgba(158,210,230,.075))!important;
  }
  body[data-theme] #control-deck .route-meter{margin-top:6px!important}
  body[data-theme] #control-deck .route-meter small{font-size:5px!important;color:#607f90!important}
  body[data-theme] #control-deck .route-meter>div{height:6px!important;margin-top:4px!important;background:rgba(1,7,11,.58)!important}

  body[data-theme] #control-deck .deck-footer{margin-top:5px!important;gap:5px!important}
  body[data-theme] #control-deck .deck-footer span{
    font-size:5px!important;padding:3px 6px!important;background:rgba(255,255,255,.014)!important;
    border-color:rgba(158,210,230,.06)!important;color:#658596!important;
  }
}

/* Mid-size screens: keep the same hierarchy without changing functional components. */
@media (min-width:761px) and (max-width:1240px){
  body[data-theme] .hero.section-shell{gap:9px!important;padding-top:10px!important;padding-bottom:16px!important}
  body[data-theme] .hero-transmit-card,
  body[data-theme] .hero-copy,
  body[data-theme] #control-deck{
    background:linear-gradient(180deg,rgba(7,17,25,.95),rgba(4,11,17,.985))!important;
    border-color:var(--p932-line)!important;
  }
  body[data-theme] .hero-player-stage{width:min(720px,100%)!important}
  body[data-theme] #control-deck{width:100%!important}
}

/* Mobile: readable controls, compact stack, no horizontal spill. */
@media (max-width:760px){
  body[data-theme] .hero.section-shell{
    width:min(100% - 16px,700px)!important;
    gap:8px!important;
    padding-top:8px!important;
    padding-bottom:12px!important;
  }
  body[data-theme] .hero-transmit-card,
  body[data-theme] .hero-copy,
  body[data-theme] #control-deck{
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(7,17,25,.96),rgba(4,11,17,.99))!important;
    border-color:var(--p932-line)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.25)!important;
  }
  body[data-theme] .hero-transmit-card{padding:9px!important}
  body[data-theme] .hero-transmit-card .cinema{min-height:190px!important;height:190px!important;border-radius:11px!important}
  body[data-theme] .hero-transmit-card .hero-radio-top h2{font-size:15px!important;color:var(--p932-ink)!important}
  body[data-theme] .hero-copy{padding:12px!important}
  body[data-theme] .hero-copy h1,body[data-theme] .hero h1{font-size:23px!important;line-height:.98!important;margin:8px 0 6px!important}
  body[data-theme] .hero-copy .hero-lede{font-size:9px!important;line-height:1.4!important;color:#8ea5b4!important}
  body[data-theme] .hero-copy .hero-split{grid-template-columns:1fr 1fr!important;gap:5px!important}
  body[data-theme] .hero-copy .signal-ribbon{grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
  body[data-theme] .hero-player-stage{width:100%!important;max-width:none!important}
  body[data-theme] #control-deck{padding:9px!important}
  body[data-theme] #control-deck .deck-head h2{font-size:19px!important;color:var(--p932-ink)!important}
  body[data-theme] #control-deck .deck-grid{grid-template-columns:1fr!important;gap:7px!important}
  body[data-theme] #control-deck .console-routing{grid-column:auto!important}
  body[data-theme] #control-deck .console-channel,
  body[data-theme] #control-deck .console-eq,
  body[data-theme] #control-deck .console-routing{
    background:linear-gradient(180deg,rgba(10,22,31,.94),rgba(5,13,20,.98))!important;
    border-color:rgba(158,210,230,.09)!important;
  }
  body[data-theme] #control-deck .big-spectrum{height:74px!important}
  body[data-theme] #control-deck .eq-rack{height:164px!important}
  body[data-theme] #control-deck .eq-rack input{height:102px!important}
}