*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05070a;color:#f4f7f8;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 50% 0,#18212a 0,#080c11 38%,#030405 100%);display:flex;justify-content:center}.shell{width:min(1100px,92vw);padding:50px 0 70px}header{text-align:center;margin-bottom:38px}.live{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:3px;color:#aab4ba}.live span{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}h1{font-size:clamp(38px,7vw,78px);letter-spacing:-3px;margin:12px 0 2px;font-weight:300}h1 b{font-weight:800}header p{margin:0;color:#89959d;letter-spacing:5px;font-size:11px}.player{display:grid;grid-template-columns:minmax(260px,430px) 1fr;background:rgba(17,23,29,.88);border:1px solid #26313a;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px #000}.art{aspect-ratio:1;background:linear-gradient(135deg,#1b242c,#080b0e);display:grid;place-items:center;background-position:center;background-size:cover;background-repeat:no-repeat}.fallback{font-size:90px;font-weight:900;letter-spacing:-8px;color:#303b43}.info{padding:50px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-title{letter-spacing:4px;font-size:11px;color:#84919a}.info h2{font-size:clamp(28px,4vw,48px);margin:12px 0 7px;line-height:1.05}.info #artist{font-size:18px;color:#9ba7ae}.album{margin-top:8px;color:#6f7c84;font-size:14px}.controls{display:flex;align-items:center;gap:28px;margin-top:38px}button{width:74px;height:74px;border-radius:50%;border:1px solid #65727a;background:#f4f7f8;color:#07090b;font-size:25px;cursor:pointer;padding-left:5px}button.playing{padding-left:0}.volume{display:flex;align-items:center;gap:12px;flex:1}.volume input{width:100%;accent-color:#fff}.status{font-size:10px;letter-spacing:3px;color:#74818a;margin-top:22px}.recent{margin-top:38px}.section-title{margin:0 0 14px 5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.track{background:#0d1216;border:1px solid #1d2830;border-radius:16px;overflow:hidden}.track .img{width:100%;aspect-ratio:1;background:#111820 center/cover no-repeat;display:grid;place-items:center;color:#2f3a42;font-weight:800;font-size:30px}.track .meta{padding:12px}.track .t{font-weight:700;font-size:14px;line-height:1.25}.track .a{margin-top:4px;color:#7f8b93;font-size:12px}.empty{color:#65717a;font-size:14px;padding:20px 5px;grid-column:1/-1}@media(max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{padding-top:30px}.player{grid-template-columns:1fr}.art{max-height:380px}.info{padding:30px}h1{letter-spacing:-2px}.controls{margin-top:28px}}.timeline{margin-top:25px}.time-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#7f8b93;font-size:11px;font-variant-numeric:tabular-nums}.time-row #remaining{text-align:right}.quality{letter-spacing:2px;font-size:9px;color:#aab4ba}.progress{height:5px;margin-top:9px;background:#202a31;border-radius:99px;overflow:hidden}.progress div{height:100%;width:0;background:#f4f7f8;border-radius:99px;transition:width 1s linear}

.recent{margin-top:44px}
.recent-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 4px 16px}
.recent-head .section-title{margin:0}
.recent-note{font-size:9px;letter-spacing:2.5px;color:#5f6a71}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.track{position:relative;background:linear-gradient(180deg,#11171c,#0b0f12);border:1px solid #202b33;border-radius:20px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease}
.track:hover{transform:translateY(-3px);border-color:#35434c}
.track .img{width:100%;aspect-ratio:4/3;background:#111820 center 30%/cover no-repeat;display:grid;place-items:center;color:#34414a;font-weight:800;font-size:30px;position:relative}
.track .img::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}
.track .meta{padding:16px 16px 17px}
.track .t{font-weight:800;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track .a{margin-top:6px;color:#8b969d;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.track .img{aspect-ratio:16/10}}
@media(max-width:520px){.recent-head{align-items:flex-start;flex-direction:column;gap:6px}.cards{grid-template-columns:1fr}.track{display:grid;grid-template-columns:120px 1fr}.track .img{aspect-ratio:auto;min-height:120px}.track .meta{display:flex;flex-direction:column;justify-content:center}}

/* v6: show the full currently-playing artist image without cropping */
.player .art{
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#0a0e12;
}

/* v7: mobile polish only */
@media(max-width:760px){
  .shell{
    width:min(94vw,680px);
    padding:24px 0 44px;
  }

  header{
    margin-bottom:24px;
  }

  h1{
    font-size:clamp(34px,12vw,56px);
    line-height:.95;
    letter-spacing:-2px;
  }

  header p{
    margin-top:8px;
    font-size:9px;
    letter-spacing:3px;
  }

  .player{
    border-radius:18px;
  }

  .player .art{
    width:100%;
    aspect-ratio:4/3;
    max-height:none;
  }

  .info{
    padding:24px 22px 26px;
  }

  .info h2{
    font-size:clamp(28px,9vw,42px);
    margin-top:10px;
  }

  .info #artist{
    font-size:17px;
  }

  .timeline{
    margin-top:22px;
  }

  .controls{
    gap:20px;
    margin-top:24px;
  }

  button{
    width:68px;
    height:68px;
    flex:0 0 68px;
  }

  .volume{
    min-width:0;
  }

  .status{
    margin-top:18px;
  }

  .recent{
    margin-top:30px;
  }
}

@media(max-width:520px){
  .shell{
    width:94vw;
  }

  .live{
    font-size:10px;
    letter-spacing:2px;
  }

  .player .art{
    aspect-ratio:1/1;
  }

  .time-row{
    grid-template-columns:auto 1fr auto;
    gap:8px;
  }

  .quality{
    text-align:center;
    letter-spacing:1.5px;
  }

  .cards{
    gap:12px;
  }

  .track{
    grid-template-columns:104px 1fr;
    border-radius:15px;
  }

  .track .img{
    min-height:104px;
  }

  .track .meta{
    padding:12px 14px;
  }

  .track .t{
    font-size:14px;
  }
}

/* v20: current artist biography */
.artist-bio{
  margin-top:44px;
  display:grid;
  grid-template-columns:minmax(180px,280px) 1fr;
  min-height:280px;
  overflow:hidden;
  background:rgba(7,13,17,.58);
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  box-shadow:0 20px 55px rgba(0,0,0,.34);
}
.artist-bio-image{
  min-height:280px;
  display:grid;
  place-items:center;
  background-color:#0a1014;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative;
}
.artist-bio-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 65%,rgba(7,13,17,.72));
  pointer-events:none;
}
.artist-bio-image span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#35434b;
  font-size:64px;
  font-weight:900;
  letter-spacing:-5px;
}
.artist-bio-copy{
  padding:38px 42px;
  align-self:center;
}
.artist-bio-kicker{
  color:#73ff56;
  font-size:10px;
  letter-spacing:3.5px;
  font-weight:700;
}
.artist-bio-copy h2{
  margin:10px 0 14px;
  font-size:clamp(26px,4vw,42px);
  line-height:1.05;
}
.artist-bio-copy p{
  margin:0;
  color:#b0bac0;
  font-size:15px;
  line-height:1.75;
}
.artist-bio-link{
  display:inline-flex;
  gap:7px;
  margin-top:22px;
  color:#dfffd8;
  font-size:10px;
  letter-spacing:2px;
  text-decoration:none;
  border-bottom:1px solid rgba(115,255,86,.45);
  padding-bottom:5px;
}
.artist-bio-link:hover{color:#73ff56}
.artist-bio-link[hidden]{display:none}

@media(max-width:760px){
  .artist-bio{
    margin-top:30px;
    grid-template-columns:1fr;
  }
  .artist-bio-image{
    min-height:260px;
    aspect-ratio:16/10;
  }
  .artist-bio-image::after{
    background:linear-gradient(0deg,rgba(7,13,17,.72),transparent 38%);
  }
  .artist-bio-copy{padding:26px 24px 30px}
  .artist-bio-copy p{font-size:14px;line-height:1.65}
}

/* v8: visual polish only */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.035),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(255,255,255,.025),transparent 24%);
  z-index:-1;
}

header{
  position:relative;
}

h1{
  text-shadow:0 8px 28px rgba(0,0,0,.45);
}

.eq{
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:4px 0 8px;
}

.eq i{
  display:block;
  width:3px;
  height:8px;
  border-radius:3px;
  background:#7d8991;
  opacity:.6;
  animation:eqPulse 1.2s ease-in-out infinite alternate;
}

.eq i:nth-child(2){animation-delay:.12s;height:14px}
.eq i:nth-child(3){animation-delay:.24s;height:10px}
.eq i:nth-child(4){animation-delay:.36s;height:18px}
.eq i:nth-child(5){animation-delay:.48s;height:11px}
.eq i:nth-child(6){animation-delay:.6s;height:15px}
.eq i:nth-child(7){animation-delay:.72s;height:8px}

@keyframes eqPulse{
  from{transform:scaleY(.55);opacity:.35}
  to{transform:scaleY(1);opacity:.85}
}

.player{
  position:relative;
  box-shadow:0 34px 100px rgba(0,0,0,.5);
}

.player::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.live{
  padding:7px 11px;
  border:1px solid #26313a;
  border-radius:999px;
  background:rgba(12,17,21,.65);
}

.live span{
  animation:livePulse 1.7s ease-in-out infinite;
}

@keyframes livePulse{
  0%,100%{opacity:.45;box-shadow:0 0 5px #fff}
  50%{opacity:1;box-shadow:0 0 14px #fff}
}

@media (prefers-reduced-motion:reduce){
  .eq i,.live span{animation:none}
}

/* v9: official station logo incorporated; functionality unchanged */
.station-logo{
  display:block;
  width:min(310px,58vw);
  height:auto;
  margin:0 auto 18px;
  object-fit:contain;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.55));
}
@media(max-width:760px){
  .station-logo{
    width:min(250px,64vw);
    margin-bottom:14px;
  }
}

/* v10: cinematic mountain/sky atmosphere behind the proven v9 site */
body{
  background:
    linear-gradient(to bottom,rgba(3,7,11,.18) 0%,rgba(3,7,11,.38) 42%,#030405 78%),
    url("gila-night-bg.jpg") center top / cover no-repeat fixed,
    #030405;
}
body::before{
  background:
    radial-gradient(circle at 50% 8%,rgba(0,0,0,.02),rgba(0,0,0,.28) 55%,rgba(0,0,0,.55) 100%);
}
.shell{
  position:relative;
  z-index:1;
}
header{
  padding-top:8px;
}
.player,.track{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
@media(max-width:760px){
  body{
    background-attachment:scroll;
    background-position:center top;
  }
}

/* v11: scenic background contains no duplicate station logo */
.station-logo{
  position:relative;
  z-index:2;
}
header{
  background:rgba(3,7,11,.18);
  border-radius:28px;
  padding:18px 18px 24px;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

/* v12: background fit correction — wide scene, no giant zoom */
body{
  background-color:#030405;
  background-image:
    linear-gradient(to bottom,rgba(3,7,11,.12) 0%,rgba(3,7,11,.28) 45%,#030405 88%),
    url("gila-night-bg.jpg");
  background-repeat:no-repeat,no-repeat;
  background-position:center top,center top;
  background-size:100% auto,100% auto;
  background-attachment:scroll,scroll;
}
@media(max-width:900px){
  body{
    background-size:auto 620px,auto 620px;
    background-position:center top,center top;
  }
}

/* v13: clean word-free scenic background, intentionally more visible */
body{
  background-color:#030405;
  background-image:
    linear-gradient(to bottom,
      rgba(3,7,11,.05) 0%,
      rgba(3,7,11,.10) 38%,
      rgba(3,7,11,.30) 70%,
      #030405 100%),
    url("gila-night-bg.jpg");
  background-repeat:no-repeat,no-repeat;
  background-position:center top,center top;
  background-size:100% auto,100% auto;
  background-attachment:scroll,scroll;
}
header{
  background:rgba(3,7,11,.08);
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}
.player{
  background:rgba(10,16,21,.82);
}
@media(max-width:900px){
  body{
    background-size:auto 700px,auto 700px;
    background-position:center top,center top;
  }
}

/* v14: actual floating-logo animation */
.station-logo{
  animation:megaFloat 4.2s ease-in-out infinite;
  will-change:transform;
  filter:
    drop-shadow(0 12px 18px rgba(0,0,0,.65))
    drop-shadow(0 0 18px rgba(255,255,255,.10));
}

@keyframes megaFloat{
  0%,100%{transform:translateY(0) rotate(-0.3deg)}
  50%{transform:translateY(-14px) rotate(0.3deg)}
}

/* Keep motion gentler on small screens. */
@media(max-width:760px){
  .station-logo{
    animation-duration:4.8s;
  }
  @keyframes megaFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-9px)}
  }
}

@media(prefers-reduced-motion:reduce){
  .station-logo{animation:none}
}

/* v16 CLEAN BACKGROUND FIX
   One image, one fixed layer, no tiled/section blur effects. */

html, body{
  min-height:100%;
  background:#030405 !important;
}

body{
  position:relative;
  isolation:isolate;
}

/* Single full-screen scenic image behind the entire site */
body::before{
  content:"" !important;
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background-image:url("gila-night-bg.jpg") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  background-attachment:scroll !important;
  filter:none !important;
  opacity:1 !important;
}

/* One uniform dark veil — prevents patchy brightness */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    rgba(2,5,8,.08) 0%,
    rgba(2,5,8,.16) 55%,
    rgba(2,5,8,.28) 100%
  );
}

.shell{
  position:relative;
  z-index:1;
  background:transparent !important;
}

/* Remove backdrop blur: it was making the background look cut into pieces */
header,
.player,
.recent,
.track{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Clean floating panels over the single background */
header{
  background:rgba(4,9,13,.34) !important;
  border:1px solid rgba(255,255,255,.07);
  border-radius:28px;
  box-shadow:0 20px 55px rgba(0,0,0,.34);
}

.player{
  background:rgba(9,15,20,.84) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.44);
}

.recent{
  background:rgba(4,9,13,.38) !important;
  border:1px solid rgba(255,255,255,.06);
  border-radius:24px;
  padding:20px;
  box-shadow:0 20px 50px rgba(0,0,0,.30);
}

.track{
  background:rgba(10,15,20,.88) !important;
}

/* Strong green glow, while keeping the gentle float */
.station-logo{
  filter:
    drop-shadow(0 0 10px rgba(118,255,70,.70))
    drop-shadow(0 0 24px rgba(82,255,45,.52))
    drop-shadow(0 0 42px rgba(70,220,35,.30))
    drop-shadow(0 14px 26px rgba(0,0,0,.72)) !important;
}

@media(max-width:760px){
  body::before{
    background-position:center top !important;
    background-size:auto 100vh !important;
  }
  .recent{
    padding:14px;
  }
}


/* v17: more transparent black panels — visual only */
header{background:rgba(4,9,13,.20) !important;}
.player{background:rgba(9,15,20,.58) !important;}
.recent{background:rgba(4,9,13,.22) !important;}
.track{background:rgba(10,15,20,.62) !important;}

/* v18: open scenic breathing room after THE SOUNDTRACK OF YOUR LIFE */
header{
  margin-bottom:180px !important;
}

@media(max-width:760px){
  header{
    margin-bottom:95px !important;
  }
}


/* v19: listener-selectable MP3 stream quality */
.stream-quality{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.stream-quality-label{
  font-size:9px;
  letter-spacing:2.4px;
  color:#7f8b93;
}
.quality-buttons{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.quality-btn{
  width:auto;
  height:auto;
  min-width:82px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(8,13,17,.58);
  color:#9aa6ad;
  padding:9px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.quality-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.28);
  color:#fff;
}
.quality-btn.active{
  background:rgba(92,255,55,.12);
  border-color:rgba(105,255,73,.62);
  color:#dfffd8;
  box-shadow:0 0 18px rgba(73,255,42,.12);
}
.quality-btn .signal{
  display:inline-block;
  min-width:24px;
  letter-spacing:1px;
  font-size:12px;
}
@media(max-width:520px){
  .stream-quality{align-items:flex-start;flex-direction:column;gap:10px}
  .quality-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .quality-btn{min-width:0;padding:9px 7px;font-size:10px}
  .quality-btn .signal{min-width:18px;font-size:10px}
}


/* v21: BIO IMAGE FIT FIX — show the whole artist image inside its window */
.artist-bio-image{
  min-height:0 !important;
  width:100%;
  aspect-ratio:1 / 1;
  align-self:start;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

@media(max-width:760px){
  .artist-bio-image{
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    background-size:contain !important;
    background-position:center center !important;
  }
}

/* =========================================================
   MEGAKURTZ RADIO — SITEWIDE GREEN NEON THEME
   Carries the CURRENT ARTIST BIO visual language sitewide.
   Visual-only overrides: no player, stream, bio, or JS logic changed.
   ========================================================= */
:root{
  --mega-neon:#73ff56;
  --mega-neon-soft:#dfffd8;
  --mega-neon-dim:#9cff89;
  --mega-neon-line:rgba(115,255,86,.38);
  --mega-neon-line-strong:rgba(115,255,86,.68);
  --mega-neon-glow:rgba(115,255,86,.24);
  --mega-panel:rgba(4,12,8,.40);
  --mega-panel-strong:rgba(5,16,10,.72);
}
h1,.info h2,.artist-bio-copy h2,.track .t{color:var(--mega-neon-soft)}
h1{text-shadow:0 0 8px rgba(115,255,86,.20),0 0 24px rgba(115,255,86,.12),0 8px 28px rgba(0,0,0,.45)}
header p,.live,.eyebrow,.section-title,.artist-bio-kicker,.stream-quality-label,.status,.quality,.recent-note{color:var(--mega-neon);text-shadow:0 0 10px var(--mega-neon-glow)}
.live span{background:var(--mega-neon);box-shadow:0 0 7px var(--mega-neon),0 0 18px var(--mega-neon-glow)}
header,.player,.recent,.artist-bio{border-color:var(--mega-neon-line)!important;box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 24px rgba(115,255,86,.055)}
header,.recent{background:var(--mega-panel)!important}
.player,.artist-bio{background-color:var(--mega-panel-strong)}
.art,.artist-bio-image{outline:1px solid rgba(115,255,86,.12);outline-offset:-1px}
.info #artist,.album,.time-row,.track .a,.empty{color:#a9c9a2}
button{border-color:var(--mega-neon-line-strong);background:var(--mega-neon-soft);color:#061006;box-shadow:0 0 18px rgba(115,255,86,.14),inset 0 0 0 1px rgba(255,255,255,.12)}
button:hover{border-color:var(--mega-neon);box-shadow:0 0 12px rgba(115,255,86,.34),0 0 28px rgba(115,255,86,.16)}
.volume input{accent-color:var(--mega-neon)}
.progress{background:rgba(115,255,86,.12);box-shadow:inset 0 0 0 1px rgba(115,255,86,.08)}
.progress div{background:linear-gradient(90deg,#4fe933,var(--mega-neon),#b7ffa7);box-shadow:0 0 10px rgba(115,255,86,.35)}
.quality-btn{border-color:rgba(115,255,86,.22);background:rgba(4,15,8,.58);color:#abd3a3}
.quality-btn:hover{border-color:var(--mega-neon-line-strong);color:var(--mega-neon-soft);background:rgba(18,46,20,.62)}
.quality-btn.active{border-color:var(--mega-neon)!important;color:var(--mega-neon-soft)!important;background:rgba(35,90,31,.30);box-shadow:0 0 10px rgba(115,255,86,.24),0 0 24px rgba(115,255,86,.10)}
.track{background:linear-gradient(180deg,rgba(9,24,13,.90),rgba(5,13,8,.94));border-color:rgba(115,255,86,.18)}
.track:hover{border-color:var(--mega-neon-line-strong);box-shadow:0 14px 36px rgba(0,0,0,.24),0 0 20px rgba(115,255,86,.08)}
.track .img{background-color:#09130b}
.artist-bio-kicker{color:var(--mega-neon)!important}
.artist-bio-link{color:var(--mega-neon-soft);border-bottom-color:var(--mega-neon-line-strong)}
.artist-bio-link:hover{color:var(--mega-neon);text-shadow:0 0 10px var(--mega-neon-glow)}
button:focus-visible,.quality-btn:focus-visible,.artist-bio-link:focus-visible{outline:2px solid var(--mega-neon);outline-offset:3px}


/* v22: matching SHOUTcast NOW PLAYING / RECENTLY PLAYED section */
.now-playing-widget{
  margin-top:44px;
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);
  align-items:center;
  gap:34px;
  padding:34px 38px;
  overflow:hidden;
  background:var(--mega-panel-strong);
  border:1px solid var(--mega-neon-line)!important;
  border-radius:24px;
  box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 24px rgba(115,255,86,.055);
}
.now-playing-widget-kicker{
  color:var(--mega-neon);
  font-size:10px;
  letter-spacing:3.5px;
  font-weight:700;
  text-shadow:0 0 10px var(--mega-neon-glow);
}
.now-playing-widget-copy h2{
  margin:10px 0 14px;
  color:var(--mega-neon-soft);
  font-size:clamp(26px,4vw,40px);
  line-height:1.05;
}
.now-playing-widget-copy p{
  margin:0;
  color:#b0c9aa;
  font-size:14px;
  line-height:1.65;
}
.now-playing-widget-frame{
  width:100%;
  min-height:154px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  border:1px solid rgba(115,255,86,.22);
  border-radius:18px;
  background:rgba(3,12,7,.44);
  box-shadow:inset 0 0 22px rgba(115,255,86,.035),0 0 20px rgba(115,255,86,.055);
}
.now-playing-widget-frame iframe{
  display:block;
  width:100%;
  max-width:560px;
  height:130px;
  border:0;
}
@media(max-width:760px){
  .now-playing-widget{
    margin-top:30px;
    grid-template-columns:1fr;
    gap:22px;
    padding:26px 24px 28px;
  }
  .now-playing-widget-frame{padding:8px;min-height:146px}
  .now-playing-widget-frame iframe{max-width:100%}
}

/* v23: SHOUTcast widget full-history fit — no clipping / no scrollbars */
.now-playing-widget{
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  align-items:start;
}
.now-playing-widget-frame{
  min-height:560px;
  align-items:flex-start;
  overflow:hidden;
}
.now-playing-widget-frame iframe{
  width:100%;
  max-width:none;
  height:540px;
  overflow:hidden;
}
@media(max-width:760px){
  .now-playing-widget-frame{min-height:540px;overflow:hidden}
  .now-playing-widget-frame iframe{width:100%;height:520px;overflow:hidden}
}


/* v24: ON THE AIR NOW layout — full-width Recently Played widget */
.now-playing-widget{
  grid-template-columns:1fr !important;
  align-items:start !important;
}
.now-playing-widget-copy{width:100%;}
.now-playing-widget-frame{
  width:100% !important;
  min-width:0 !important;
  min-height:560px !important;
}
.now-playing-widget-frame iframe{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:540px !important;
}
@media(max-width:760px){
  .now-playing-widget-frame{min-height:540px !important;}
  .now-playing-widget-frame iframe{height:520px !important;}
}


/* v24: keep ON THE AIR NOW copy, put the NOW PLAYING + RECENTLY PLAYED widget full width below it */
.now-playing-widget{
  display:block !important;
}
.now-playing-widget-copy{
  width:100%;
  margin-bottom:24px;
}
.now-playing-widget-frame{
  width:100% !important;
  min-height:560px !important;
  overflow:hidden !important;
}
.now-playing-widget-frame iframe{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:540px !important;
  overflow:hidden !important;
}
@media(max-width:760px){
  .now-playing-widget-copy{margin-bottom:18px}
  .now-playing-widget-frame{min-height:540px !important}
  .now-playing-widget-frame iframe{height:520px !important}
}


/* v26: restore the actual RECENTLY PLAYED cards inside ON THE AIR NOW, full width */
.now-playing-widget .now-playing-recent-full{
  grid-column:1 / -1 !important;
  width:100% !important;
  margin-top:4px !important;
}
.now-playing-widget .now-playing-recent-full .cards{
  width:100% !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:860px){
  .now-playing-widget .now-playing-recent-full .cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:520px){
  .now-playing-widget .now-playing-recent-full .cards{grid-template-columns:1fr !important;}
}

/* v27: softer blended section panels — visual only */
header,
.player,
.recent,
.artist-bio,
.now-playing-widget{
  border-color:transparent !important;
  box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
}
header{background:rgba(4,9,13,.10) !important;}
.player{background:rgba(9,15,20,.38) !important;}
.recent{background:rgba(4,9,13,.12) !important;}
.artist-bio{background:rgba(5,16,10,.38) !important;}
.now-playing-widget{background:rgba(5,16,10,.30) !important;}

/* Keep useful inner definition subtle, without green boxes around whole sections. */
.now-playing-widget-frame{
  border-color:rgba(115,255,86,.10) !important;
  background:rgba(3,12,7,.22) !important;
  box-shadow:inset 0 0 22px rgba(115,255,86,.02) !important;
}


/* v25: larger CURRENT ARTIST BIO image — full image, no crop */
.artist-bio{
  grid-template-columns:minmax(320px,420px) 1fr !important;
  align-items:center;
}
.artist-bio-image{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  min-height:0 !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:760px){
  .artist-bio{grid-template-columns:1fr !important;}
  .artist-bio-image{
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    background-size:contain !important;
  }
}


/* v29: OBVIOUS larger imagery + cache-busted build — visual only */
.shell{width:min(1320px,96vw) !important;}
.player{grid-template-columns:minmax(460px,600px) 1fr !important;}
.player .art{
  width:100% !important;
  aspect-ratio:1/1 !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:rgba(2,8,5,.82) !important;
  box-shadow:inset 0 0 0 2px rgba(115,255,86,.22),0 0 32px rgba(115,255,86,.10) !important;
}
.artist-bio{grid-template-columns:minmax(430px,520px) 1fr !important;}
.artist-bio-image{
  width:100% !important;
  aspect-ratio:1/1 !important;
  min-height:0 !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:rgba(2,8,5,.82) !important;
  box-shadow:inset 0 0 0 2px rgba(115,255,86,.20),0 0 30px rgba(115,255,86,.09) !important;
}
.station-logo{width:min(390px,66vw) !important;}
.track .img{aspect-ratio:1/1 !important;background-position:center !important;background-size:cover !important;}
@media(max-width:900px){
  .player{grid-template-columns:minmax(380px,48%) 1fr !important;}
  .artist-bio{grid-template-columns:minmax(340px,44%) 1fr !important;}
}
@media(max-width:760px){
  .shell{width:95vw !important;}
  .player,.artist-bio{grid-template-columns:1fr !important;}
  .player .art,.artist-bio-image{width:100% !important;aspect-ratio:1/1 !important;}
  .station-logo{width:min(310px,76vw) !important;}
}

/* v30: slightly smaller CURRENTLY PLAYING image only */
.player{grid-template-columns:minmax(400px,520px) 1fr !important;}
@media(max-width:900px){
  .player{grid-template-columns:minmax(340px,44%) 1fr !important;}
}
@media(max-width:760px){
  .player{grid-template-columns:1fr !important;}
  .player .art{width:100% !important;aspect-ratio:4/3 !important;}
}


/* Stream quality guide */
.quality-notes{
  width:100%;
  margin-top:13px;
  padding:12px 14px;
  border:1px solid rgba(115,255,86,.16);
  border-radius:14px;
  background:rgba(3,12,7,.32);
  color:#a9c9a2;
  font-size:11px;
  line-height:1.55;
}
.quality-notes div+div{margin-top:5px}
.quality-notes strong{
  color:#dfffd8;
  letter-spacing:.4px;
}
@media(max-width:520px){
  .quality-notes{font-size:10px;padding:11px 12px}
}


/* MEGAKURTZ RADIO — REQUEST A SONG */
.request-section{
  margin-top:44px;
  padding:34px 38px 38px;
  text-align:center;
  overflow:hidden;
  background:rgba(4,12,8,.40);
  border:1px solid var(--mega-neon-line,rgba(115,255,86,.38));
  border-radius:24px;
  box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 24px rgba(115,255,86,.055);
}
.request-kicker{
  color:var(--mega-neon,#73ff56);
  font-size:10px;
  letter-spacing:3.5px;
  font-weight:700;
  text-shadow:0 0 10px rgba(115,255,86,.24);
}
.request-section h2{
  margin:10px 0 10px;
  color:var(--mega-neon-soft,#dfffd8);
  font-size:clamp(28px,4vw,42px);
  line-height:1.05;
  text-shadow:0 0 14px rgba(115,255,86,.18);
}
.request-section > p{
  margin:0 auto 24px;
  max-width:720px;
  color:#a9c9a2;
  font-size:14px;
  line-height:1.6;
}
.request-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:min(100%,280px);
  margin:4px auto 0;
  padding:16px 28px;
  border:1px solid #73ff56;
  border-radius:999px;
  color:#071006;
  background:linear-gradient(135deg,#b7ff45 0%,#56f401 52%,#35bd00 100%);
  box-shadow:0 0 12px rgba(86,244,1,.65),0 0 30px rgba(86,244,1,.28),inset 0 1px 0 rgba(255,255,255,.45);
  font:800 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:2px;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.request-toggle:hover,
.request-toggle:focus-visible{
  transform:translateY(-2px) scale(1.02);
  filter:brightness(1.08);
  box-shadow:0 0 16px rgba(86,244,1,.82),0 0 42px rgba(86,244,1,.38),inset 0 1px 0 rgba(255,255,255,.55);
  outline:none;
}
.request-toggle.is-open{
  color:#dfffd8;
  background:rgba(4,18,8,.78);
}
.request-panel{
  width:100%;
  max-width:675px;
  margin:26px auto 0;
  padding:1px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(115,255,86,.8),rgba(210,0,255,.34) 48%,rgba(115,255,86,.55));
  box-shadow:0 0 18px rgba(86,244,1,.17),0 22px 48px rgba(0,0,0,.32);
}
.request-panel[hidden]{
  display:none;
}
.request-frame{
  width:100%;
  overflow:hidden;
  border:0;
  border-radius:19px;
  background:rgba(2,8,5,.88);
  box-shadow:inset 0 0 30px rgba(115,255,86,.06);
}
.request-console-bar{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  color:#dfffd8;
  background:linear-gradient(90deg,rgba(4,19,9,.98),rgba(10,28,18,.94),rgba(4,19,9,.98));
  border-bottom:1px solid rgba(115,255,86,.34);
  font:800 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:2px;
  text-align:left;
  text-shadow:0 0 10px rgba(86,244,1,.35);
}
.request-console-light{
  flex:0 0 9px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#56f401;
  box-shadow:0 0 5px #56f401,0 0 13px rgba(86,244,1,.8);
}
.request-console-status{
  margin-left:auto;
  color:#56f401;
  font-size:9px;
}
.request-frame iframe{
  display:block;
  width:100%;
  min-height:850px;
  height:850px;
  border:0;
}
@media(max-width:760px){
  .request-section{
    margin-top:30px;
    padding:26px 14px 22px;
  }
  .request-frame iframe{
    min-height:850px;
    height:850px;
  }
  .request-console-bar{
    min-height:44px;
    padding:0 12px;
    font-size:9px;
    letter-spacing:1.2px;
  }
}


/* REQUEST WINDOW — expanded so the embedded request page does not scroll */
.request-frame{
  overflow:hidden !important;
}
.request-frame iframe{
  height:1200px !important;
  min-height:1200px !important;
  overflow:hidden !important;
}
@media(max-width:760px){
  .request-frame iframe{
    height:1350px !important;
    min-height:1350px !important;
  }
}


/* =========================================================
   MEGAKURTZ RADIO — MORE TRANSPARENT / STILL READABLE
   Visual-only override. Player, HLS, requests and JS untouched.
   ========================================================= */

/* Let much more of the scenic background show through. */
header,
.recent,
.request-section,
.listener-map,
.site-footer{
  background:rgba(2,8,5,.16) !important;
}

.player,
.artist-bio,
.now-playing-widget{
  background:rgba(3,11,7,.25) !important;
}

/* Individual cards remain slightly darker so song text stays easy to read. */
.track{
  background:rgba(3,10,6,.38) !important;
}

/* Request frame gets only a light tint. */
.request-frame,
.listener-map-frame{
  background:rgba(0,0,0,.12) !important;
}

/* Keep borders/glow subtle rather than turning panels into green boxes. */
header,
.player,
.recent,
.artist-bio,
.now-playing-widget,
.request-section,
.listener-map{
  border-color:rgba(115,255,86,.24) !important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.20),
    0 0 20px rgba(115,255,86,.035) !important;
}

/* Readability: retain bright headings and slightly strengthen body copy. */
.info h2,
.artist-bio-copy h2,
.request-section h2,
.listener-map h2,
.track .t{
  text-shadow:
    0 1px 3px rgba(0,0,0,.95),
    0 0 12px rgba(115,255,86,.18);
}

.info #artist,
.album,
.artist-bio-copy p,
.request-section > p,
.listener-map p,
.track .a{
  color:rgba(225,241,222,.88) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.95);
}

/* Controls remain dark enough to distinguish them over the photograph. */
.quality-btn{
  background:rgba(2,10,5,.38) !important;
}
.quality-btn.active{
  background:rgba(28,76,24,.32) !important;
}

/* Footer is intentionally very light/transparent. */
.site-footer{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep the request console readable over the scenic background. */
.request-panel .request-frame{
  background:rgba(2,8,5,.88) !important;
}


/* REQUEST WINDOW WIDTH FIX — narrow only; preserve full request height */
.request-panel{
  width:100% !important;
  max-width:675px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.request-frame{
  width:100% !important;
  overflow:hidden !important;
}
.request-frame iframe{
  display:block !important;
  width:100% !important;
  height:1200px !important;
  min-height:1200px !important;
  border:0 !important;
  overflow:hidden !important;
}
@media(max-width:760px){
  .request-panel{
    width:100% !important;
    max-width:100% !important;
  }
  .request-frame iframe{
    height:1350px !important;
    min-height:1350px !important;
  }
}


/* SPEED ICON VISIBILITY FIX — 2026-09-15 */
.quality-btn .signal{
  display:inline-block !important;
  min-width:24px !important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important;
  font-size:22px !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}
@media(max-width:520px){.quality-btn .signal{font-size:20px !important;min-width:22px !important;}}


/* LIVE now-playing artwork widget */
.live-artwork-widget{width:min(500px,100%);margin:18px auto 14px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:22px;background:rgba(0,0,0,.18);box-shadow:0 0 26px rgba(87,250,0,.10)}
.live-artwork-widget iframe{display:block;width:min(500px,100%);height:auto;aspect-ratio:1/1;border:0;max-width:100%}
@media(max-width:600px){.live-artwork-widget{width:min(88vw,500px);margin-top:14px;border-radius:18px}}


/* Live artwork — standalone section between header and player */
.live-artwork-section{
  width:100%;
  margin:0 auto 38px;
  padding:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:rgba(4,12,8,.32);
  border:1px solid rgba(115,255,86,.28);
  border-radius:24px;
  box-shadow:0 20px 55px rgba(0,0,0,.30),0 0 24px rgba(115,255,86,.055);
}
.live-artwork-section .live-artwork-widget{
  width:min(500px,100%);
  margin:0 auto;
}
.live-artwork-section iframe{
  display:block;
  width:100%;
  max-width:500px;
  height:auto;
  aspect-ratio:1/1;
  margin:0 auto;
  border:0;
}
@media(max-width:760px){
  .live-artwork-section{margin-bottom:30px;padding:16px;border-radius:18px}
}


/* MEGAKURTZ MEDIA PRESENTATION — rotating current-artist imagery */
.media-presentation{width:100%;margin:38px auto 38px;padding:0;border:1px solid rgba(115,255,86,.28);border-radius:24px;overflow:hidden;background:rgba(2,8,5,.16);box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 20px rgba(115,255,86,.035)}
.media-stage{position:relative;width:100%;aspect-ratio:16/8;min-height:430px;overflow:hidden;background:rgba(0,0,0,.48)}
.media-slide{position:absolute;inset:-4%;background-position:center 28%;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.03);transition:opacity 1.8s ease;will-change:opacity,transform}
.media-slide.is-visible{opacity:1;animation:mediaDrift 12s ease-in-out infinite alternate}
.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.78) 100%);pointer-events:none}
.media-copy{position:absolute;z-index:4;left:clamp(22px,4vw,48px);right:clamp(22px,4vw,48px);bottom:clamp(22px,4vw,42px);text-align:left;text-shadow:0 2px 8px #000,0 0 18px rgba(0,0,0,.8)}
.media-kicker{color:#73ff56;font-size:10px;font-weight:800;letter-spacing:3.5px;margin-bottom:8px;text-shadow:0 0 12px rgba(115,255,86,.45),0 2px 8px #000}
.media-copy h2{margin:0;color:#efffec;font-size:clamp(28px,5vw,54px);line-height:1;letter-spacing:-1px}
.media-now{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px;color:rgba(235,255,231,.88);font-size:clamp(13px,2vw,17px)}
#mediaArtist{color:#b9ffab;font-weight:800}.media-dot{color:#73ff56}.media-scan{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:.10;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(115,255,86,.12) 4px)}
@keyframes mediaDrift{0%{transform:scale(1.03) translate3d(-.4%,0,0)}100%{transform:scale(1.11) translate3d(.6%,-.6%,0)}}
@media(max-width:760px){.media-presentation{margin:30px auto;border-radius:18px}.media-stage{aspect-ratio:4/3;min-height:330px}.media-slide{background-position:center 24%}.media-copy{left:20px;right:20px;bottom:22px}.media-now{gap:6px}.media-dot{display:none}#mediaTitle{width:100%}}
@media(prefers-reduced-motion:reduce){.media-slide.is-visible{animation:none}.media-slide{transition:opacity .4s ease}}

/* MEDIA PRESENTATION IMAGE FIT — show the complete artist image without cropping.
   Morph/timer logic is unchanged. */
.media-stage .media-slide{
  inset:0 !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
}
.media-stage .media-slide.is-visible{
  animation:none !important;
}


/* V747: MARC SAYS — isolated visual panel; no player/stream changes */


/* v747: Recently Played replaces MARC SAYS — last 10 songs */
.recent{margin-top:44px !important;padding:26px !important;}
.recent-head{align-items:flex-end;}
.recent-head h2{margin:7px 0 0;color:#f0ffe9;font-size:clamp(24px,4vw,36px);text-shadow:0 0 14px rgba(86,244,1,.28);}
.recent .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.recent .track{border:1px solid rgba(115,255,86,.18);border-radius:16px;}
.recent .track .img{aspect-ratio:1/1 !important;background-position:center !important;background-size:cover !important;}
.recent .track .meta{padding:12px 12px 14px;}
.recent .track .t{font-size:13px;}
.recent .track .a{font-size:11px;}
@media(max-width:900px){.recent .cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.recent{padding:16px !important}.recent .cards{grid-template-columns:1fr}.recent .track{display:grid;grid-template-columns:104px 1fr}.recent .track .img{min-height:104px}.recent-head{align-items:flex-start}.recent-note{margin-top:4px}}


/* v747 floating section navigation */
html{scroll-behavior:smooth}
#top,#live-radio,#visuals,#artist-bio,#about-marc,#recently-played,#requests,#listener-map{scroll-margin-top:105px}
.mega-float-nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:9999;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:5px;overflow-x:auto;scrollbar-width:none;background:rgba(3,8,11,.76);border:1px solid rgba(86,244,1,.34);border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.46),0 0 22px rgba(86,244,1,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mega-float-nav::-webkit-scrollbar{display:none}
.mega-float-nav a{flex:0 0 auto;padding:9px 12px;border-radius:999px;color:#dfffd8;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:1.25px;line-height:1;border:1px solid transparent;transition:.18s ease}
.mega-float-nav a:hover,.mega-float-nav a:focus-visible{color:#56f401;background:rgba(86,244,1,.10);border-color:rgba(86,244,1,.28);text-shadow:0 0 10px rgba(86,244,1,.55);outline:none}
@media(max-width:760px){.mega-float-nav{top:8px;justify-content:flex-start;margin-bottom:20px;padding:7px 8px}.mega-float-nav a{padding:8px 10px;font-size:9px;letter-spacing:1px}}


/* v747 About Marc — radio history feature */
.about-marc{margin-top:44px;display:grid;grid-template-columns:minmax(300px,48%) 1fr;overflow:hidden;background:rgba(4,9,13,.28);border:1px solid rgba(86,244,1,.16);border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 26px rgba(86,244,1,.05);text-align:left}
.about-marc-visual{min-height:420px;background:#05080a;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-marc-visual img{display:block;width:100%;height:100%;object-fit:contain}
.about-marc-copy{padding:38px 40px;align-self:center}
.about-marc-kicker{color:#56f401;font-size:10px;letter-spacing:3.5px;font-weight:800}
.about-marc-copy h2{margin:9px 0 5px;font-size:clamp(30px,4vw,46px);line-height:1;color:#fff;text-shadow:0 0 16px rgba(86,244,1,.18)}
.about-marc-copy h3{margin:0 0 20px;color:#ffd52a;font-size:14px;letter-spacing:2px}
.about-marc-copy p{margin:0 0 16px;color:#c1c9cd;font-size:15px;line-height:1.72}
.about-marc-tagline{margin-top:23px;padding-top:18px;border-top:1px solid rgba(86,244,1,.18);color:#56f401;font-size:12px;font-weight:900;letter-spacing:2.2px;text-shadow:0 0 10px rgba(86,244,1,.35)}
@media(max-width:800px){.about-marc{margin-top:30px;grid-template-columns:1fr}.about-marc-visual{min-height:0}.about-marc-visual img{height:auto;max-height:none}.about-marc-copy{padding:28px 24px 30px}.about-marc-copy p{font-size:14px;line-height:1.65}}

/* v747 nav visibility fix: true floating navigation */
body{padding-top:68px}
.mega-float-nav{z-index:2147483000 !important}
@media(max-width:760px){body{padding-top:58px}.mega-float-nav{left:12px;right:12px;transform:none;width:auto;max-width:none}}

/* v747 nav transparency match — lighter glass like the site panels */
.mega-float-nav{
  background:rgba(4,9,13,.24) !important;
  border-color:rgba(86,244,1,.20) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.24),0 0 18px rgba(86,244,1,.07) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}
.mega-float-nav a{
  color:rgba(223,255,216,.90);
}

/* =========================================================
   V747 PAGE-WIDE VISUAL MATCH PASS
   One glass/neon language across every major section.
   ========================================================= */
:root{
  --mega-glass:rgba(2,8,5,.16);
  --mega-glass-strong:rgba(3,11,7,.25);
  --mega-line:rgba(115,255,86,.24);
  --mega-glow:rgba(115,255,86,.035);
  --mega-green:#56f401;
  --mega-copy:rgba(225,241,222,.88);
  --mega-radius:24px;
}

header,
.player,
.media-presentation,
.artist-bio,
.recent,
.request-section,
.listener-map,
.about-marc,
.site-footer{
  border:1px solid var(--mega-line) !important;
  border-radius:var(--mega-radius) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 20px var(--mega-glow) !important;
}

header,
.media-presentation,
.recent,
.request-section,
.listener-map,
.about-marc,
.site-footer{
  background:var(--mega-glass) !important;
}
.player,.artist-bio{background:var(--mega-glass-strong) !important;}

.media-presentation,
.artist-bio,
.recent,
.request-section,
.listener-map,
.about-marc{margin-top:44px !important;}

.artist-bio-kicker,
.request-kicker,
.listener-map .eyebrow,
.about-marc-kicker,
.media-kicker,
.recent .section-title{
  color:var(--mega-green) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:3.5px !important;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(86,244,1,.35);
}

.artist-bio-copy h2,
.request-section h2,
.listener-map h2,
.about-marc-copy h2,
.media-copy h2,
.recent-head h2{
  color:#f0ffe9 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(86,244,1,.22) !important;
}

.artist-bio-copy p,
.request-section > p,
.listener-map p,
.about-marc-copy p,
.media-now,
.track .a{
  color:var(--mega-copy) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.95);
}

/* Floating nav uses the exact same glass language, only slightly blurred so it stays legible over stars. */
.mega-float-nav{
  background:rgba(2,8,5,.16) !important;
  border:1px solid var(--mega-line) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 20px var(--mega-glow) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}
.mega-float-nav a{color:var(--mega-copy) !important;}
.mega-float-nav a:hover,.mega-float-nav a:focus-visible{
  color:var(--mega-green) !important;
  background:rgba(86,244,1,.08) !important;
  border-color:rgba(86,244,1,.22) !important;
}

/* Marc remains the final content section and now visually belongs to the same page. */
.about-marc-visual{background:rgba(0,0,0,.12) !important;}
.about-marc-tagline{border-top-color:var(--mega-line) !important;}

@media(max-width:760px){
  header,.player,.media-presentation,.artist-bio,.recent,.request-section,.listener-map,.about-marc,.site-footer{border-radius:18px !important;}
  .media-presentation,.artist-bio,.recent,.request-section,.listener-map,.about-marc{margin-top:30px !important;}
}

/* V747: per-section FULL PAGE controls */
#live-radio,#visuals,#artist-bio,#recently-played,#requests,#listener-map,#about-marc{position:relative}
.section-fullscreen-btn{
  position:absolute;top:14px;right:14px;z-index:40;
  width:auto;height:34px;min-width:34px;padding:0 10px;
  border:1px solid rgba(86,244,1,.30);border-radius:999px;
  background:rgba(3,9,8,.26);color:#dfffd8;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-size:13px;line-height:1;letter-spacing:.08em;
  box-shadow:0 0 16px rgba(86,244,1,.08);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.section-fullscreen-btn:hover{background:rgba(20,55,18,.42);border-color:rgba(86,244,1,.65);box-shadow:0 0 20px rgba(86,244,1,.18);transform:translateY(-1px)}
.section-fullscreen-btn .fullscreen-label{font-size:9px;font-weight:800;letter-spacing:1.4px}
section:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border-radius:0!important;overflow:auto!important;padding:clamp(24px,4vw,56px)!important;background:rgba(3,7,10,.94)!important;box-sizing:border-box!important}
section:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border-radius:0!important;overflow:auto!important;padding:clamp(24px,4vw,56px)!important;background:rgba(3,7,10,.94)!important;box-sizing:border-box!important}
section:fullscreen .section-fullscreen-btn,section:-webkit-full-screen .section-fullscreen-btn{position:fixed;top:18px;right:18px}
@media(max-width:620px){.section-fullscreen-btn{top:10px;right:10px;padding:0 8px}.section-fullscreen-btn .fullscreen-label{display:none}}

/* V747 mobile-safe FULL PAGE fallback */
html.mega-fullpage-open,body.mega-fullpage-open{overflow:hidden!important;overscroll-behavior:none!important}
section.mega-css-fullpage{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding:clamp(52px,8vw,72px) clamp(16px,4vw,40px) 32px!important;
  background:rgba(3,7,10,.98)!important;
  box-sizing:border-box!important;
  transform:none!important;
}
section.mega-css-fullpage>.section-fullscreen-btn{
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top))!important;
  right:max(12px,env(safe-area-inset-right))!important;
  z-index:2147483647!important;
  background:rgba(8,24,10,.96)!important;
  border-color:rgba(86,244,1,.72)!important;
}
@media(max-width:620px){
  section.mega-css-fullpage>.section-fullscreen-btn{width:44px!important;height:44px!important;padding:0!important}
  section.mega-css-fullpage>.section-fullscreen-btn .fullscreen-label{display:none!important}
}


/* V747 SOCIAL + SHARE — added without changing player/stream architecture */
.social-media-section{position:relative;margin-top:44px;padding:34px;background:var(--mega-glass);border:1px solid var(--mega-line);border-radius:var(--mega-radius);box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 20px var(--mega-glow);text-align:center;overflow:hidden}
.social-kicker{color:var(--mega-green);font-size:10px;font-weight:800;letter-spacing:3.5px;text-transform:uppercase;text-shadow:0 0 10px rgba(86,244,1,.35)}
.social-media-section h2{margin:9px 0 8px;color:#f0ffe9;font-size:clamp(27px,4vw,42px);text-shadow:0 1px 3px #000,0 0 14px rgba(86,244,1,.22)}
.social-media-section>p{margin:0 auto 25px;max-width:760px;color:var(--mega-copy);line-height:1.6}
.social-grid{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:26px;align-items:stretch}
.social-widget-wrap,.share-console{border:1px solid rgba(86,244,1,.18);border-radius:20px;background:rgba(0,0,0,.22);padding:18px;min-width:0}
.social-widget-wrap{display:flex;justify-content:center;align-items:flex-start;overflow:hidden}
.social-widget-wrap iframe{display:block;width:350px;max-width:100%;height:600px;border:0}
.share-console{display:flex;flex-direction:column;justify-content:center;text-align:left;padding:28px}
.share-console-label{color:#56f401;font-size:10px;font-weight:900;letter-spacing:2.8px}
.share-now{font-size:clamp(20px,3vw,30px);font-weight:900;margin:10px 0 18px;color:#f4fff1;line-height:1.15}
.share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.share-buttons button,.live-share-btn{width:auto;height:auto;min-height:44px;border-radius:999px;padding:10px 14px;border:1px solid rgba(86,244,1,.28);background:rgba(6,20,10,.42);color:#eaffE5;font-size:13px;font-weight:800;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 14px rgba(86,244,1,.06)}
.share-buttons button:hover,.live-share-btn:hover{border-color:#56f401;background:rgba(30,80,25,.42);box-shadow:0 0 18px rgba(86,244,1,.16)}
.share-message{margin-top:18px;padding:14px;border-left:3px solid rgba(86,244,1,.55);background:rgba(0,0,0,.18);color:#cfe8ca;font-size:13px;line-height:1.55}
.share-feedback{min-height:18px;margin-top:9px;color:#56f401;font-size:10px;font-weight:800;letter-spacing:1.5px}
.live-share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.live-share-btn{min-height:38px;padding:8px 13px;font-size:11px}
#social-media{position:relative}
@media(max-width:800px){.social-media-section{margin-top:30px;padding:24px 16px;border-radius:18px}.social-grid{grid-template-columns:1fr}.social-widget-wrap iframe{height:600px}.share-console{padding:22px}}
@media(max-width:480px){.share-buttons{grid-template-columns:1fr 1fr}.share-buttons button span{font-size:10px}.social-widget-wrap{padding:8px}}

/* V747 AMAZON MUSIC FLIP CARDS */
.mega-flip-card{perspective:1200px;cursor:pointer;position:relative}
.mega-flip-inner{position:relative;width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.7,.2,1)}
.mega-flip-card.is-flipped .mega-flip-inner{transform:rotateY(180deg)}
.mega-flip-front,.mega-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:inherit}
.mega-flip-front{background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#0a0e12}
.mega-flip-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;background:radial-gradient(circle at 50% 15%,rgba(86,244,1,.14),rgba(4,9,13,.97) 60%);border:1px solid rgba(86,244,1,.35);box-shadow:inset 0 0 36px rgba(86,244,1,.07)}
.flip-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:4;white-space:nowrap;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid rgba(86,244,1,.4);color:#baff9e;font-size:8px;font-weight:800;letter-spacing:1.5px;text-shadow:0 0 8px rgba(86,244,1,.5)}
.flip-kicker{color:#56f401;font-size:9px;font-weight:900;letter-spacing:2.5px}.mega-flip-back h3{margin:9px 0 5px;font-size:clamp(20px,2.5vw,30px);line-height:1.05}.flip-artist{color:#dfffd8;font-weight:800}.flip-album{margin-top:6px;color:#9eaaa3;font-size:12px}
.amazon-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.amazon-buy{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border-radius:999px;border:1px solid rgba(86,244,1,.5);background:rgba(86,244,1,.09);color:#dfffd8;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:1px}.amazon-buy:hover{background:rgba(86,244,1,.2);color:#fff;box-shadow:0 0 16px rgba(86,244,1,.18)}.affiliate-note{max-width:310px;margin-top:15px;color:#839087;font-size:8px;line-height:1.4;letter-spacing:.4px}
#art .mega-flip-inner{min-height:100%;aspect-ratio:1}.player .art{overflow:visible}.player .mega-flip-front .fallback{height:100%;display:grid;place-items:center}
.artist-bio-image{overflow:visible}.artist-bio-image .mega-flip-inner{min-height:280px}.artist-bio-image .mega-flip-front span{height:100%;display:grid;place-items:center}
.recent-flip{min-height:310px;background:transparent!important;overflow:visible!important}.recent-flip .mega-flip-inner{min-height:310px}.recent-front{background:rgba(10,15,20,.88)}.recent-front .img{height:auto}.recent-front .meta{text-align:left}.recent-back{padding:18px}.recent-back h3{font-size:18px}.recent-back .amazon-links{margin-top:12px}.recent-back .amazon-buy{font-size:8px;padding:7px 9px}.recent-back .affiliate-note{margin-top:10px;font-size:7px}
@media(max-width:760px){.mega-flip-inner{transition-duration:.58s}.artist-bio-image .mega-flip-inner{min-height:260px}.recent-flip,.recent-flip .mega-flip-inner{min-height:150px}.recent-front{display:grid;grid-template-columns:104px 1fr}.recent-front .flip-hint{left:auto;right:8px;transform:none;font-size:6px}.recent-back{padding:12px}.recent-back h3{font-size:16px}.recent-back .amazon-links{gap:5px;margin-top:8px}.recent-back .amazon-buy{min-height:30px;font-size:7px}.recent-back .affiliate-note{display:none}}
@media(prefers-reduced-motion:reduce){.mega-flip-inner{transition:none}}

/* V747 mobile FULL PAGE reliability patch 2026-09-18 */
.privacy-section{position:relative;margin-top:44px;padding:34px;background:var(--mega-glass);border:1px solid var(--mega-line);border-radius:var(--mega-radius);box-shadow:0 16px 42px rgba(0,0,0,.20),0 0 20px var(--mega-glow);text-align:center;overflow:hidden}
.privacy-kicker{color:var(--mega-green);font-size:10px;font-weight:800;letter-spacing:3.5px;text-transform:uppercase;text-shadow:0 0 10px rgba(86,244,1,.35)}
.privacy-section h2{margin:9px 0 12px;color:#f0ffe9;font-size:clamp(27px,4vw,42px);text-shadow:0 1px 3px #000,0 0 14px rgba(86,244,1,.22)}
.privacy-section p{max-width:900px;margin:14px auto 0;color:var(--mega-copy);line-height:1.7}
.privacy-section .privacy-lead{color:#edffe8;font-size:clamp(16px,2vw,20px);font-weight:800}
.privacy-points{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:24px auto 20px}
.privacy-points span{padding:8px 13px;border:1px solid rgba(86,244,1,.35);border-radius:999px;background:rgba(6,20,10,.42);color:#cfffbe;font-size:9px;font-weight:900;letter-spacing:1.3px;box-shadow:0 0 12px rgba(86,244,1,.08)}
.privacy-section .privacy-third-party{font-size:12px;color:#aebdad}
.privacy-section .privacy-updated{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#72a966;text-transform:uppercase}
@media(max-width:620px){.privacy-section{margin-top:30px;padding:26px 17px;border-radius:18px}.privacy-points{gap:7px}.privacy-points span{font-size:8px;padding:7px 10px}}

.section-fullscreen-btn{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto!important;
  user-select:none;
  -webkit-user-select:none;
}
@media(max-width:900px){
  section.mega-css-fullpage{
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    contain:none!important;
  }
  section.mega-css-fullpage>.section-fullscreen-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}


/* MEGAKURTZ TV external link */
.megakurtz-tv-link{margin-top:44px}
.megakurtz-tv-card{display:grid;grid-template-columns:minmax(220px,360px) 1fr;align-items:center;gap:30px;padding:28px;border:1px solid rgba(86,244,1,.28);border-radius:24px;background:rgba(0,0,0,.38);box-shadow:0 18px 55px rgba(0,0,0,.35),0 0 28px rgba(86,244,1,.07);text-decoration:none;color:#f4f7f8;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.megakurtz-tv-card:hover{transform:translateY(-3px);border-color:rgba(86,244,1,.65);box-shadow:0 22px 60px rgba(0,0,0,.42),0 0 36px rgba(86,244,1,.14)}
.megakurtz-tv-card img{display:block;width:100%;max-width:340px;margin:auto;filter:drop-shadow(0 0 18px rgba(86,244,1,.22))}
.megakurtz-tv-copy h2{margin:8px 0 10px;font-size:clamp(28px,4vw,48px)}
.megakurtz-tv-copy p{margin:0 0 20px;color:#aeb8be;line-height:1.6}
.megakurtz-tv-button{display:inline-block;padding:12px 18px;border:1px solid rgba(86,244,1,.55);border-radius:999px;color:#56f401;font-size:11px;font-weight:900;letter-spacing:.14em;background:rgba(86,244,1,.06)}
@media(max-width:700px){.megakurtz-tv-card{grid-template-columns:1fr;text-align:center;padding:20px}.megakurtz-tv-card img{max-width:280px}.megakurtz-tv-copy p{font-size:13px}}


/* V747 — MEGAKURTZ RADIO schedule */
.schedule-section{position:relative;margin-top:28px;padding:28px;border:1px solid rgba(86,244,1,.22);border-radius:22px;background:rgba(0,0,0,.34);backdrop-filter:blur(8px);box-shadow:0 0 30px rgba(86,244,1,.06);text-align:center;overflow:hidden}
.schedule-section .eyebrow{color:#56f401;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.schedule-section h2{margin:.4rem 0 .35rem;color:#fff;text-shadow:0 0 14px rgba(86,244,1,.28)}
.schedule-section p{margin:0 0 18px;color:rgba(255,255,255,.72)}
.schedule-frame{width:100%;max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.2)}
.schedule-frame iframe{display:block;width:100%;height:650px;border:0}
@media(max-width:700px){.schedule-section{padding:18px 12px}.schedule-frame iframe{height:720px}}


/* MEGAKURTZ media photo provenance note */
.media-photo-disclaimer{
  position:absolute;
  right:18px;
  bottom:14px;
  z-index:8;
  max-width:min(520px,72%);
  padding:7px 10px;
  border-radius:7px;
  background:rgba(0,0,0,.48);
  color:rgba(255,255,255,.78);
  font-size:10px;
  line-height:1.35;
  letter-spacing:.04em;
  text-align:right;
  text-shadow:0 1px 3px #000;
  pointer-events:none;
}
@media(max-width:600px){
  .media-photo-disclaimer{right:9px;bottom:8px;max-width:82%;font-size:8px;padding:5px 7px;}
}

/* V747 — compact Media ID bug: small and tight to lower-left corner */
#visuals .media-copy{
  left:12px!important;
  right:auto!important;
  bottom:10px!important;
  width:auto!important;
  max-width:min(360px,72%)!important;
  padding:7px 10px!important;
  margin:0!important;
  border:1px solid rgba(86,244,1,.22)!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  text-align:left!important;
  box-shadow:0 3px 14px rgba(0,0,0,.35)!important;
}
#visuals .media-kicker{
  margin:0 0 3px!important;
  font-size:7px!important;
  line-height:1.1!important;
  letter-spacing:1.25px!important;
  white-space:nowrap!important;
}
#visuals .media-now{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#visuals .media-now #mediaArtist,
#visuals .media-now #mediaTitle{
  width:auto!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#visuals .media-dot{display:inline!important;opacity:.7!important}
@media(max-width:600px){
  #visuals .media-copy{left:7px!important;bottom:7px!important;max-width:78%!important;padding:5px 7px!important}
  #visuals .media-kicker{font-size:6px!important;letter-spacing:.9px!important}
  #visuals .media-now{font-size:8px!important;gap:4px!important}
  #visuals .media-now #mediaArtist,#visuals .media-now #mediaTitle{max-width:112px!important}
}

/* V747 — original Marc Kurtz broadcasting-photo identification */
#visuals .media-original-note{
  margin:0 0 4px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:7px!important;
  line-height:1.2!important;
  letter-spacing:.35px!important;
  white-space:normal!important;
  max-width:330px!important;
}
@media(max-width:600px){#visuals .media-original-note{font-size:6px!important;max-width:245px!important;margin-bottom:3px!important}}

/* V747 — slightly larger Media information box */
#visuals .media-copy{
  max-width:min(410px,78%)!important;
  padding:9px 13px!important;
}
#visuals .media-original-note{font-size:8px!important;max-width:380px!important;}
@media(max-width:600px){
  #visuals .media-copy{max-width:84%!important;padding:7px 9px!important;}
  #visuals .media-original-note{font-size:7px!important;max-width:285px!important;}
}