/*
==========================================
DATEI: external-player/css/desktop.css
ERSTELLT: 2026-04-20
GEÄNDERT: 2026-04-21
ZWECK: Desktop-Feinschliff.
ÄNDERUNG: FULLPACK v8 METADATA + EQ. EQ höher und filigraner, Volume sauberer im Bottom-Console-Bereich, No-DJ-Bereinigung in den Playerdaten.
==========================================
*/
@media (min-width: 861px) {
  body[data-device="desktop"] .frame-stage {
    min-height: 100vh;
  }
  body[data-device="desktop"] .player-shell {
    width: min(56vw, 960px);
  }
  .frame-stage {
    background-position: center top;
    background-size: contain;
  }
  .status-cluster { justify-content: flex-end; }
}


/*
============================================================
666SOUNDsDESIGn — v76 HARD PURGE PC BOOST FIX
GEÄNDERT: 2026-04-30
ZWECK:
- Eine einzige kanonische Desktop-Layout-Schicht.
- Keine alten v51/v52/v53/v55/v56 Schichten mehr.
- Side-Levelmeter bleiben original.
============================================================
*/

@media (min-width: 761px) {
  :root {
    --pc-cyan: #28fff4;
    --pc-pink: #ff3dbb;
    --pc-text: #f7f8ff;
    --pc-muted: #aeb6cc;
    --pc-panel: rgba(7,10,29,.78);
    --pc-border-cyan: rgba(22,255,243,.42);
    --pc-border-pink: rgba(255,61,187,.34);
  }

  body {
    background-image:
      radial-gradient(circle at 50% 12%, rgba(22,255,243,.10), transparent 38%),
      radial-gradient(circle at 22% 72%, rgba(255,61,187,.10), transparent 42%),
      linear-gradient(rgba(3,7,18,.28),rgba(3,7,18,.42)),
      url('/assets/images/pc-player-background.png?v=smfp-v82-restore-iphone-pc-only-isolation-20260505-0215') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
  }

  /* Hauptplayer: eine klare Spalte, nicht mehr vertauschte Reihenfolge */
  .player-shell {
    width: min(74vw, 1140px) !important;
    max-width: calc(100vw - 190px) !important;
    min-width: 820px !important;
    margin: 32px auto 112px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  .top-hud {
    order: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .status-cluster,
  .status-bar {
    width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid var(--pc-border-cyan) !important;
    background: linear-gradient(145deg,rgba(22,255,243,.045),rgba(255,61,187,.035)),rgba(7,10,29,.72) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025),0 0 22px rgba(22,255,243,.10) !important;
  }

  .status-chip {
    min-width: 78px !important;
    height: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(5,8,22,.74) !important;
    color: #dfe7ff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
  }

  .status-dot {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    flex: 0 0 9px !important;
  }

  .status-chip.state-ok .status-dot,
  .status-chip.state-main .status-dot,
  .status-chip.state-api .status-dot,
  .status-chip.state-external .status-dot,
  .status-chip.is-active .status-dot {
    background: var(--pc-cyan) !important;
    border: 1px solid rgba(40,255,244,.95) !important;
    box-shadow: 0 0 10px rgba(22,255,243,.95), 0 0 18px rgba(22,255,243,.36) !important;
  }

  .status-chip.state-warn .status-dot,
  .status-chip.state-error .status-dot,
  .status-chip.state-backup .status-dot,
  .status-chip.state-stopped .status-dot,
  .status-chip.state-paused .status-dot {
    background: var(--pc-pink) !important;
    border: 1px solid rgba(255,61,187,.95) !important;
    box-shadow: 0 0 10px rgba(255,61,187,.95), 0 0 18px rgba(255,61,187,.36) !important;
  }

  .status-chip.state-empty .status-dot,
  .status-chip.state-off .status-dot {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 0 8px rgba(255,255,255,.38) !important;
  }

  .hero {
    order: 2 !important;
  }

  .hero-label-row,
  .hero-badge,
  .hero-live,
  #streamState {
    display: none !important;
  }

  .now-playing {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    gap: 8px 16px !important;
    min-height: 136px !important;
    padding: 18px 22px !important;
    border: 1px solid var(--pc-border-cyan) !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(255,61,187,.055), rgba(22,255,243,.035)), var(--pc-panel) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 0 18px rgba(22,255,243,.12) !important;
  }

  .section-topline {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: start !important;
    margin: 0 !important;
  }

  .section-kicker {
    color: var(--pc-cyan) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(22,255,243,.30) !important;
  }

  .meta-line {
    color: var(--pc-pink) !important;
    font-size: clamp(17px, 1.65vw, 24px) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .ticker-window {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 4 !important;
    min-width: 0 !important;
  }

  #historyToggle {
    grid-column: 2 / 3 !important;
    grid-row: 3 !important;
    align-self: end !important;
    justify-self: end !important;
    min-width: 112px !important;
    height: 42px !important;
    position: static !important;
    margin: 0 !important;
  }

  .meter-card {
    order: 4 !important;
  }

  .control-row {
    order: 5 !important;
  }

  .now-playing + .history-panel {
    display: none !important;
  }


  /* v58 NOWPLAYING duplicate source/ticker purge
     Grund:
     Die Hauptzeile zeigt bereits Titel/Fallback.
     Die untere Ticker-/Source-Zeile hat denselben Text erneut angezeigt.
     Daher auf Desktop: nur eine Now-Playing-Anzeige sichtbar lassen. */
  .now-playing .ticker-window {
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 38px !important;
    display: block !important;
  }

  .now-playing .ticker-window .ticker {
    color: var(--pc-pink) !important;
    font-size: clamp(18px, 1.65vw, 25px) !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  /* Doppelte untere Status-/Source-Laufschrift im PC-NowPlaying ausblenden */
  .now-playing .source,
  .now-playing .meta-source,
  .now-playing .stream-source,
  .now-playing .ticker-source,
  .now-playing .ticker-window + .source,
  .now-playing .ticker-window + .meta-source,
  .now-playing [data-source],
  .now-playing [data-meta-source] {
    display: none !important;
  }

  /* History bleibt unten rechts, aber die untere Doppel-Laufschrift bekommt keinen eigenen Platz mehr */
  #historyToggle {
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: end !important;
  }


  /* History echtes Overlay: wird per JS in body portalt */
  #historyOverlayBackdrop,
  .history-overlay-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147482990 !important;
    background: rgba(0,0,0,.58) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  #historyOverlayBackdrop.hidden,
  .history-overlay-backdrop.hidden {
    display: none !important;
  }

  #historyPanel,
  .history-panel,
  .history-overlay-panel {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: min(560px, calc(100vw - 96px)) !important;
    max-height: min(70vh, 620px) !important;
    overflow: auto !important;
    z-index: 2147483000 !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,61,187,.62) !important;
    background: radial-gradient(circle at 18% 0%,rgba(255,61,187,.18),transparent 35%),radial-gradient(circle at 84% 18%,rgba(22,255,243,.13),transparent 38%),rgba(3,7,20,.97) !important;
    box-shadow: 0 0 36px rgba(255,61,187,.32),0 0 28px rgba(22,255,243,.18),inset 0 0 26px rgba(255,255,255,.035) !important;
  }

  #historyPanel.hidden,
  .history-panel.hidden,
  .history-overlay-panel.hidden {
    display: none !important;
  }

  /* Unteres PC-Levelmeter: eine feste HUD-Zeile, nicht Container-abhängig */
  #pcBottomSyncMeter.pc-bottom-sync-meter {
    position: fixed !important;
    left: 50% !important;
    bottom: 64px !important;
    transform: translateX(-50%) !important;
    z-index: 9998 !important;
    width: min(900px, calc(100vw - 220px)) !important;
    min-height: 62px !important;
    max-height: 62px !important;
    margin: 0 !important;
    padding: 13px 24px !important;
    box-sizing: border-box !important;
    display: block !important;
    border: 1px solid var(--pc-border-cyan) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg,rgba(255,61,187,.045),rgba(22,255,243,.035)),rgba(7,10,29,.82) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px rgba(22,255,243,.12),0 18px 54px rgba(0,0,0,.28) !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  #pcBottomSyncMeter .pc-bottom-sync-inner {
    width: 100% !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  #pcBottomSyncMeter .pc-bottom-sync-seg {
    width: clamp(4px,.38vw,7px) !important;
    height: 28px !important;
    flex: 0 0 clamp(4px,.38vw,7px) !important;
    border-radius: 999px !important;
    background: linear-gradient(to top,#22fff4 0%,#20dfff 36%,#8e58ff 66%,#ff3dbb 100%) !important;
    opacity: .18;
    transform-origin: 50% 50% !important;
    transition: opacity .07s linear, filter .07s linear, transform .07s linear !important;
  }

  #pcBottomSyncMeter .pc-bottom-sync-seg.is-on {
    filter: brightness(1.16) saturate(1.18) !important;
    box-shadow: 0 0 8px rgba(22,255,243,.30),0 0 10px rgba(255,61,187,.22) !important;
  }

  .pc-version-badge {
    position: fixed !important;
    right: max(18px, env(safe-area-inset-right, 0px)) !important;
    bottom: 18px !important;
    z-index: 99999 !important;
    min-width: 54px !important;
    height: 34px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,61,187,.72) !important;
    background: radial-gradient(circle at 50% 50%, rgba(255,61,187,.40), rgba(255,61,187,.16) 54%, rgba(7,10,29,.78) 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  /* WICHTIG: Keine CSS-Regeln für .side-meter / .left-meter / .right-meter.
     PC-Seitenlevelmeter bleiben original. */
}

@media (max-width: 760px) {
  #pcBottomSyncMeter,
  .pc-version-badge {
    display: none !important;
  }
}


/* v60 collected patch */
@media (min-width: 761px) {
  .pc-version-badge {
    right: auto !important;
    left: max(24px, calc((100vw - min(900px, calc(100vw - 220px))) / 2 - 76px)) !important;
    bottom: 78px !important;
    z-index: 99999 !important;
  }

  .now-playing {
    grid-template-columns: 112px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    min-height: 156px !important;
    align-items: center !important;
  }

  .now-cover-wrap {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
    width: 92px !important;
    height: 92px !important;
    align-self: center !important;
    justify-self: center !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,61,187,.50) !important;
    background: rgba(3,7,18,.42) !important;
    box-shadow: 0 0 18px rgba(255,61,187,.22), 0 0 20px rgba(22,255,243,.12) !important;
    overflow: hidden !important;
  }

  .now-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .now-playing .section-topline {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
  }

  .now-playing .ticker-window {
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
  }

  #historyToggle {
    grid-column: 3 / 4 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: end !important;
  }

  .now-playing .source,
  .now-playing .meta-source,
  .now-playing .stream-source,
  .now-playing [data-source],
  .now-playing [data-meta-source] {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .now-cover-wrap {
    display: none !important;
  }
}




@media (min-width: 761px) {
  /* Hintergrund auf komplette Seitenbreite strecken */
  html,
  body {
    width: 100% !important;
    min-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  /* Cyberstream/Branding ganz nach oben, aber kleiner, damit EQ nicht verschwindet */
  .hero {
    order: 0 !important;
    width: 100% !important;
    min-height: 118px !important;
    max-height: 156px !important;
    padding: 10px 18px 6px !important;
    margin: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .pc-header-brand-logo {
    display: block !important;
    width: min(78%, 760px) !important;
    max-width: 760px !important;
    height: auto !important;
    max-height: 138px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 0 14px rgba(255,61,187,.34)) drop-shadow(0 0 14px rgba(22,255,243,.20)) !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  /* Alten Cyber Stream Cockpit Text im Hero physisch optisch neutralisieren, nicht überlagern */
  .hero h1,
  .hero .hero-title,
  .hero .hero-subtitle,
  .hero p {
    display: none !important;
  }

  /* Reihenfolge bleibt kompakt: Logo oben, dann Panels, EQ bleibt erhalten */
  .top-hud {
    order: 1 !important;
    margin-top: 0 !important;
  }

  .meter-card,
  .eq-card,
  .equalizer-card,
  .visualizer-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Laufschrift vertikal mittig im vorgesehenen Feld */
  .now-playing .ticker-window {
    min-height: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  .now-playing .ticker,
  .now-playing .ticker-text,
  #nowPlayingTicker {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  /* Logo darf den EQ nicht verdrängen */
  .player-shell {
    gap: 12px !important;
    margin-top: 24px !important;
    margin-bottom: 112px !important;
  }
}

@media (max-width: 760px) {
  .pc-header-brand-logo {
    display: none !important;
  }
}




@media (min-width: 761px) {
  .pc-header-brand-logo {
    width: min(72%, 720px) !important;
    max-width: 720px !important;
    max-height: 132px !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding-left: clamp(10px, 1.2vw, 22px) !important;
    padding-right: clamp(10px, 1.2vw, 22px) !important;
    box-sizing: border-box !important;
  }

  .hero {
    column-gap: clamp(18px, 2.2vw, 34px) !important;
    gap: clamp(18px, 2.2vw, 34px) !important;
  }
}




@media (min-width: 761px) {
  /*
    Systempanel-Bereich bündig mit Hauptkarten.
    Keine Änderung an LED-Logik.
  */
  .top-hud {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .status-cluster,
  .status-bar {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
  }

  /*
    Musikaktives Logo:
    gekoppelt an --pc-audio-energy aus equalizer.js.
    Kein unabhängiger Fake-Puls.
  */
  .pc-header-brand-logo {
    --logo-energy: var(--pc-audio-energy, .18);
    filter:
      brightness(calc(1.02 + (var(--logo-energy) * .36)))
      saturate(calc(1.04 + (var(--logo-energy) * .58)))
      drop-shadow(0 0 calc(12px + (var(--logo-energy) * 18px)) rgba(255,61,187,.34))
      drop-shadow(0 0 calc(10px + (var(--logo-energy) * 16px)) rgba(22,255,243,.24)) !important;
    transform: scale(calc(1 + (var(--logo-energy) * .018))) !important;
    transition: filter .08s linear, transform .08s linear !important;
    will-change: filter, transform !important;
  }

  .hero {
    box-shadow:
      0 0 calc(10px + (var(--pc-audio-energy, .18) * 24px)) rgba(255,61,187,.08),
      0 0 calc(8px + (var(--pc-audio-energy, .18) * 18px)) rgba(22,255,243,.06) !important;
  }

  /*
    Equalizer darf etwas stärker ausschlagen.
    CSS ergänzt JS-Skalierung, ohne Layout zu zerstören.
  */
  .eq-bar-fill,
  .eq-bar,
  .eq-band,
  [data-eq-band] {
    min-height: 16px !important;
    transform-origin: 50% 100% !important;
  }

  .meter-card,
  .eq-card,
  .equalizer-card,
  .visualizer-card {
    overflow: hidden !important;
  }
}




@media (min-width: 761px) {
  /*
    KANONISCHE PC-REGEL FÜR HEADER / SYSTEMPANELS / TICKER
    Alte v62/v63/v64 Zusatzblöcke wurden physisch entfernt.
    Ziel: keine Layer-Konkurrenz mehr.
  */

  html,
  body {
    width: 100% !important;
    min-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  .player-shell {
    width: min(74vw, 1140px) !important;
    max-width: calc(100vw - 190px) !important;
    min-width: 820px !important;
    margin-top: 22px !important;
    margin-bottom: 112px !important;
    gap: 12px !important;
  }

  /*
    Header ganz oben, Logo kleiner und mit sichtbarerem Zwischenraum.
    EQ darf nicht verdrängt werden.
  */
  .hero {
    order: 0 !important;
    width: 100% !important;
    min-height: 116px !important;
    max-height: 152px !important;
    padding: 10px 18px 8px !important;
    margin: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    gap: clamp(22px, 2.8vw, 42px) !important;
    box-shadow:
      0 0 calc(10px + (var(--pc-audio-energy, .18) * 24px)) rgba(255,61,187,.08),
      0 0 calc(8px + (var(--pc-audio-energy, .18) * 18px)) rgba(22,255,243,.06) !important;
  }

  .hero h1,
  .hero .hero-title,
  .hero .hero-subtitle,
  .hero p {
    display: none !important;
  }

  .pc-header-brand-logo {
    --logo-energy: var(--pc-audio-energy, .18);
    display: block !important;
    width: min(70%, 700px) !important;
    max-width: 700px !important;
    height: auto !important;
    max-height: 128px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    padding-left: clamp(18px, 1.8vw, 34px) !important;
    padding-right: clamp(18px, 1.8vw, 34px) !important;
    box-sizing: border-box !important;
    filter:
      brightness(calc(1.02 + (var(--logo-energy) * .42)))
      saturate(calc(1.04 + (var(--logo-energy) * .66)))
      drop-shadow(0 0 calc(12px + (var(--logo-energy) * 22px)) rgba(255,61,187,.38))
      drop-shadow(0 0 calc(10px + (var(--logo-energy) * 18px)) rgba(22,255,243,.28)) !important;
    transform: scale(calc(1 + (var(--logo-energy) * .020))) !important;
    transition: filter .08s linear, transform .08s linear !important;
    will-change: filter, transform !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  /*
    Systempanel-Bereich bündig mit Hauptkarten.
    Kein schmaleres eigenes Kästchen mehr.
  */
  .top-hud {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  .status-cluster,
  .status-bar {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
    justify-content: center !important;
  }

  /*
    Ticker-Feld: wirklich mittig, nicht nur line-height.
    Das Feld bleibt an seiner Position neben Cover und History.
  */
  .now-playing .ticker-window {
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
    min-height: 52px !important;
    height: 52px !important;
    display: grid !important;
    align-items: center !important;
    justify-items: start !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
  }

  .now-playing .ticker,
  .now-playing .ticker-text,
  #nowPlayingTicker {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    transform: translateY(1px) !important;
    will-change: transform !important;
  }

  /*
    EQ bleibt sichtbar und darf etwas stärker arbeiten.
    Keine Layout-Verdrängung.
  */
  .meter-card,
  .eq-card,
  .equalizer-card,
  .visualizer-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  .eq-bar-fill,
  .eq-bar,
  .eq-band,
  [data-eq-band] {
    min-height: 16px !important;
    transform-origin: 50% 100% !important;
  }
}

@media (max-width: 760px) {
  .pc-header-brand-logo {
    display: none !important;
  }
}




@media (min-width: 761px) {
  html, body { width:100% !important; min-width:100% !important; height:100% !important; overflow-x:hidden !important; }
  body { background-size:100vw 100vh !important; background-position:center center !important; background-repeat:no-repeat !important; background-attachment:fixed !important; }
  .player-shell { width:min(74vw, 1140px) !important; max-width:calc(100vw - 190px) !important; min-width:820px !important; margin-top:22px !important; margin-bottom:112px !important; gap:12px !important; }
  .hero { order:0 !important; width:100% !important; min-height:116px !important; max-height:152px !important; padding:10px 18px 8px !important; margin:0 0 8px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:visible !important; box-sizing:border-box !important; }
  .hero h1, .hero .hero-title, .hero .hero-subtitle, .hero p { display:none !important; }
  .pc-header-brand-logo { --logo-energy:var(--pc-audio-energy, .18); display:block !important; width:min(68%, 680px) !important; max-width:680px !important; height:auto !important; max-height:124px !important; object-fit:contain !important; object-position:center center !important; margin:0 auto !important; padding-left:38px !important; padding-right:38px !important; box-sizing:border-box !important; filter:brightness(calc(1.02 + (var(--logo-energy) * .42))) saturate(calc(1.04 + (var(--logo-energy) * .66))) drop-shadow(0 0 calc(12px + (var(--logo-energy) * 22px)) rgba(255,61,187,.38)) drop-shadow(0 0 calc(10px + (var(--logo-energy) * 18px)) rgba(22,255,243,.28)) !important; transform:scale(calc(1 + (var(--logo-energy) * .020))) !important; transition:filter .08s linear, transform .08s linear !important; will-change:filter, transform !important; pointer-events:none !important; user-select:none !important; }
  .top-hud { order:1 !important; width:100% !important; max-width:none !important; box-sizing:border-box !important; padding:0 !important; margin:0 !important; align-self:stretch !important; }
  .status-cluster, .status-bar { width:100% !important; max-width:none !important; min-height:48px !important; box-sizing:border-box !important; margin-left:0 !important; margin-right:0 !important; align-self:stretch !important; justify-content:center !important; }
  .now-playing .ticker-window { grid-column:2 / 3 !important; grid-row:2 !important; min-height:56px !important; height:56px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; overflow:hidden !important; padding:0 !important; margin:0 !important; align-self:center !important; }
  .now-playing .ticker, .now-playing .ticker-text, #nowPlayingTicker { display:flex !important; align-items:center !important; height:56px !important; min-height:56px !important; line-height:56px !important; margin:0 !important; padding:0 !important; white-space:nowrap !important; transform:translateY(0) !important; will-change:transform !important; }
  .meter-card, .eq-card, .equalizer-card, .visualizer-card { display:block !important; visibility:visible !important; opacity:1 !important; overflow:hidden !important; }
}
@media (max-width: 760px) { .pc-header-brand-logo { display:none !important; } }


/* v68 pc layout buttons ticker logo final */
@media (min-width: 761px) {
  html, body {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    background-size: 100vw 100vh !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  .player-shell {
    width: min(74vw, 1140px) !important;
    max-width: calc(100vw - 190px) !important;
    min-width: 820px !important;
    margin-top: 22px !important;
    margin-bottom: 124px !important;
    gap: 12px !important;
  }

  .hero {
    order: 0 !important;
    width: 100% !important;
    min-height: 118px !important;
    max-height: 156px !important;
    padding: 10px 18px 8px !important;
    margin: 0 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .hero h1,
  .hero .hero-title,
  .hero .hero-subtitle,
  .hero p,
  .hero-brand,
  .hero-brand-image {
    display: none !important;
  }

  .pc-header-brand-logo {
    display: none !important;
  }

  .pc-header-brand-split {
    --logo-energy: var(--pc-audio-energy, .18);
    width: min(82%, 860px) !important;
    max-width: 860px !important;
    min-height: 112px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3cm !important;
    margin: 0 auto !important;
    pointer-events: none !important;
    user-select: none !important;
    filter:
      brightness(calc(1.02 + (var(--logo-energy) * .42)))
      saturate(calc(1.04 + (var(--logo-energy) * .66))) !important;
    transform: scale(calc(1 + (var(--logo-energy) * .018))) !important;
    transition: filter .08s linear, transform .08s linear !important;
  }

  .pc-header-logo-part {
    display: block !important;
    height: auto !important;
    max-height: 122px !important;
    object-fit: contain !important;
    filter:
      drop-shadow(0 0 calc(12px + (var(--logo-energy) * 22px)) rgba(255,61,187,.38))
      drop-shadow(0 0 calc(10px + (var(--logo-energy) * 18px)) rgba(22,255,243,.28)) !important;
  }

  .pc-header-logo-left {
    max-width: min(38vw, 380px) !important;
  }

  .pc-header-logo-right {
    max-width: min(38vw, 380px) !important;
  }

  .pc-header-logo-gap {
    flex: 0 0 3cm !important;
    width: 3cm !important;
    min-width: 3cm !important;
    height: 1px !important;
  }

  .top-hud {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  .status-cluster,
  .status-bar {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .system-status-spacer {
    flex: 1 1 auto !important;
    min-width: calc(3 * 78px) !important;
  }

  .system-source-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  .system-source-actions .status-source-btn {
    min-width: 78px !important;
    height: 31px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    background: rgba(5,8,22,.74) !important;
    color: #dfe7ff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    box-shadow: inset 0 0 14px rgba(0,0,0,.24),0 0 13px rgba(22,255,243,.10) !important;
  }

  .system-source-actions .status-source-btn::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    flex: 0 0 9px !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 0 8px rgba(255,255,255,.38) !important;
  }

  .system-source-actions .status-source-btn.is-active::before {
    background: #28fff4 !important;
    border-color: rgba(40,255,244,.95) !important;
    box-shadow: 0 0 10px rgba(22,255,243,.95), 0 0 18px rgba(22,255,243,.36) !important;
  }

  .now-playing {
    grid-template-columns: 220px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    min-height: 238px !important;
    align-items: center !important;
    gap: 10px 18px !important;
  }

  .now-cover-wrap {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
    width: 184px !important;
    height: 184px !important;
    align-self: center !important;
    justify-self: center !important;
    border-radius: 26px !important;
    border: 1px solid rgba(170,78,255,.56) !important;
    background: rgba(3,7,18,.42) !important;
    box-shadow: 0 0 22px rgba(170,78,255,.24), 0 0 22px rgba(255,61,187,.20), 0 0 18px rgba(22,255,243,.13) !important;
    overflow: hidden !important;
  }

  .now-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    image-rendering: auto !important;
    display: block !important;
  }

  .now-playing .section-topline {
    grid-column: 2 / 4 !important;
    grid-row: 1 !important;
    align-items: end !important;
  }

  .meta-line {
    font-size: clamp(13px, 1.15vw, 17px) !important;
    line-height: 1.18 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .now-playing .ticker-window {
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    height: 56px !important;
    display: block !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
    position: relative !important;
  }

  .now-playing .ticker,
  .now-playing .ticker-text,
  #nowPlayingTicker {
    display: inline-block !important;
    width: max-content !important;
    min-width: 100% !important;
    height: 56px !important;
    line-height: 56px !important;
    margin: 0 !important;
    padding: 0 0 0 100% !important;
    white-space: nowrap !important;
    font-size: clamp(14px, 1.18vw, 18px) !important;
    animation: pcTickerFullField 22s linear infinite !important;
    transform: none !important;
  }

  #nowPlayingTicker:empty {
    animation: none !important;
  }

  @keyframes pcTickerFullField {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - 100vw)); }
  }

  #historyToggle {
    grid-column: 3 / 4 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  #pcBottomSyncMeter.pc-bottom-sync-meter {
    bottom: 64px !important;
  }

  .pc-version-badge {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 20px !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
  }

  .pc-bottom-sync-seg,
  .side-meter-fill,
  .eq-bar-fill,
  .eq-bar,
  .eq-band,
  [data-eq-band] {
    background: linear-gradient(to top,#22fff4 0%,#8a4dff 42%,#c047ff 66%,#ff3dbb 100%) !important;
    box-shadow: 0 0 8px rgba(138,77,255,.30), 0 0 10px rgba(255,61,187,.22) !important;
  }

  .meter-card,
  .eq-card,
  .equalizer-card,
  .visualizer-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 760px) {
  .pc-header-brand-split,
  .pc-header-logo-part {
    display: none !important;
  }
}

@media (min-width: 761px) {
  .system-source-actions { display:inline-flex !important; visibility:visible !important; opacity:1 !important; }
  #mainBtn, #fallbackBtn { display:inline-flex !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; }
}

@media (max-width: 760px) {
  .top-hud { display:block !important; visibility:visible !important; opacity:1 !important; width:calc(100vw - 18px) !important; max-width:calc(100vw - 18px) !important; margin:6px auto 8px !important; padding:0 !important; order:1 !important; }
  .status-cluster, .status-bar { display:flex !important; visibility:visible !important; opacity:1 !important; width:100% !important; max-width:100% !important; min-height:42px !important; align-items:center !important; justify-content:flex-start !important; gap:7px !important; padding:6px 8px !important; box-sizing:border-box !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
  .system-status-spacer { flex:1 0 10px !important; min-width:10px !important; }
  .system-source-actions { display:inline-flex !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:flex-end !important; gap:7px !important; margin-left:auto !important; flex:0 0 auto !important; }
  .system-source-actions #mainBtn, .system-source-actions #fallbackBtn, #mainBtn, #fallbackBtn { display:inline-flex !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; min-width:54px !important; width:54px !important; height:30px !important; border-radius:999px !important; align-items:center !important; justify-content:center !important; font-size:11px !important; font-weight:950 !important; letter-spacing:.08em !important; padding:0 8px !important; }
  .system-source-actions .status-source-btn::before { width:8px !important; height:8px !important; flex-basis:8px !important; }
  #historyOverlayBackdrop, .history-overlay-backdrop { position:fixed !important; inset:0 !important; z-index:2147482990 !important; display:block !important; background:rgba(0,0,0,.62) !important; backdrop-filter:blur(7px) !important; -webkit-backdrop-filter:blur(7px) !important; }
  #historyOverlayBackdrop.hidden, .history-overlay-backdrop.hidden { display:none !important; }
  #historyPanel, .history-panel, .history-overlay-panel { position:fixed !important; left:50% !important; top:50% !important; right:auto !important; bottom:auto !important; transform:translate(-50%,-50%) !important; width:min(92vw,430px) !important; max-height:min(72vh,560px) !important; overflow:auto !important; z-index:2147483000 !important; margin:0 !important; padding:16px 17px !important; border-radius:22px !important; border:1px solid rgba(255,61,187,.66) !important; background:radial-gradient(circle at 18% 0%,rgba(255,61,187,.18),transparent 35%),radial-gradient(circle at 84% 18%,rgba(22,255,243,.13),transparent 38%),rgba(3,7,20,.98) !important; box-shadow:0 0 36px rgba(255,61,187,.34),0 0 28px rgba(22,255,243,.20),inset 0 0 26px rgba(255,255,255,.035) !important; }
  #historyPanel.hidden, .history-panel.hidden, .history-overlay-panel.hidden { display:none !important; }
  html.history-overlay-open, body.history-overlay-open { overflow:hidden !important; touch-action:none !important; }
}

@media (min-width:761px){
  html,body,.frame-stage{width:100vw!important;min-width:100vw!important;height:100vh!important;min-height:100vh!important;overflow-x:hidden!important}
  body,.frame-stage,.frame-overlay{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
  .frame-stage::before{content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:0!important;background:radial-gradient(circle at 18% 72%,rgba(255,61,187,calc(.10 + var(--pc-audio-energy,.10) * .34)),transparent 34%),radial-gradient(circle at 82% 34%,rgba(22,255,243,calc(.08 + var(--pc-audio-energy,.10) * .30)),transparent 36%),linear-gradient(120deg,rgba(255,61,187,calc(.035 + var(--pc-audio-energy,.10) * .10)),transparent 42%,rgba(22,255,243,calc(.035 + var(--pc-audio-energy,.10) * .10)))!important;mix-blend-mode:screen!important;filter:blur(calc(6px + var(--pc-audio-energy,.10) * 10px)) saturate(calc(1.05 + var(--pc-audio-energy,.10) * .80))!important;opacity:calc(.32 + var(--pc-audio-energy,.10) * .58)!important;transition:opacity .08s linear,filter .08s linear!important}
  .player-shell{width:min(82vw,1180px)!important;max-width:calc(100vw - 172px)!important;min-width:880px!important;transform:none!important;scale:1!important}
  .now-playing .ticker-window{width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;overflow:hidden!important;position:relative!important;display:block!important}
  #nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;width:max-content!important;min-width:100%!important;height:58px!important;line-height:58px!important;white-space:nowrap!important;padding-left:100%!important;padding-right:0!important;margin:0!important;transform:none!important;animation:v70TickerAcrossFullField 24s linear infinite!important;will-change:transform!important}
  #nowPlayingTicker:empty,.now-playing .ticker-text:empty{animation:none!important}
  
}
@media (max-width:760px){
  .info-grid{display:grid!important;grid-template-columns:1fr 1fr 1.35fr!important;gap:10px!important;align-items:stretch!important}
  .info-card{min-width:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto 1fr auto!important;align-items:center!important;justify-items:center!important;text-align:center!important}
  .info-card .info-label,.info-label{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;line-height:1.05!important;min-height:22px!important}
  .info-card .info-value,.info-value,#djText{width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;line-height:1.08!important}
  #djText{font-size:clamp(18px,5.2vw,29px)!important}
  .now-playing .ticker-window{height:42px!important;min-height:42px!important;overflow:hidden!important;position:relative!important;display:block!important}
  #nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;width:max-content!important;min-width:100%!important;height:42px!important;line-height:42px!important;white-space:nowrap!important;padding-left:100%!important;animation:v70MobileTickerAcrossFullField 22s linear infinite!important}
  #nowPlayingTicker:empty{animation:none!important}
  
}

@media (min-width:761px){
.player-shell{width:min(80vw,1180px)!important;max-width:calc(100vw - 170px)!important;min-width:880px!important;z-index:2!important}
.top-hud,.status-cluster,.status-bar{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.top-hud{align-self:stretch!important;padding:0!important;margin:0 0 8px 0!important}
.status-cluster,.status-bar{justify-content:flex-start!important;padding:6px 14px!important;overflow:hidden!important}
.system-status-spacer{flex:1 1 auto!important;min-width:22px!important}
.system-source-actions{margin-left:auto!important;transform:translateX(-16px)!important}
.system-version-badge,#pcVersionBadge.pc-version-badge{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:31px!important;min-width:52px!important;margin-left:-8px!important;padding:0 12px!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;color:#fff!important;background:rgba(255,61,187,.18)!important;border:1px solid rgba(255,61,187,.66)!important;box-shadow:0 0 15px rgba(255,61,187,.34),inset 0 0 12px rgba(255,255,255,.04)!important}
#pcBottomSyncMeter.pc-bottom-sync-meter{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin:6px 0 0 0!important;transform:none!important;z-index:2!important;border-radius:22px!important;border:1px solid rgba(22,255,243,.42)!important;background:rgba(4,8,22,.52)!important;box-shadow:inset 0 0 20px rgba(22,255,243,.06),0 0 18px rgba(255,61,187,.12)!important}
.now-playing .ticker-window{grid-column:2/4!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;overflow:hidden!important;position:relative!important;display:block!important;border:1px solid rgba(255,61,187,.28)!important;background:rgba(5,8,20,.46)!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:48px!important;line-height:48px!important;white-space:nowrap!important;padding-left:100%!important;margin:0!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:900!important;animation:v71TickerFullWidth 24s linear infinite!important;will-change:transform!important}
#nowPlayingTicker:empty::after{content:"666SOUNDsDESIGn WebRadio"!important}

}
@media (max-width:760px){
.now-playing .ticker-window{height:42px!important;min-height:42px!important;overflow:hidden!important;display:block!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:42px!important;line-height:42px!important;white-space:nowrap!important;padding-left:100%!important;animation:v71MobileTickerFullWidth 22s linear infinite!important}

}


/*
  Ziel:
  - Bottom-Levelmeter wieder sichtbar.
  - Systempanel-Kasten optisch gleiche Breite wie Now-Playing.
  - Main/Backup weiter links, Versionsbadge weiter rechts mit mehr Abstand.
  - Ticker sichtbar, volle Breite.
  - Streamcover audioreaktiv.
*/
@media (min-width: 761px) {
  .player-shell {
    position: relative !important;
    width: min(80vw, 1180px) !important;
    max-width: calc(100vw - 170px) !important;
    min-width: 880px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .now-playing,
  .eq-card,
  .equalizer-card,
  .visualizer-card,
  .controls-card,
  .transport-card {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .top-hud {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .status-cluster,
  .status-bar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    padding: 6px 12px !important;
    gap: 9px !important;
  }

  .system-status-spacer {
    flex: 1 1 auto !important;
    min-width: 8px !important;
  }

  .system-source-actions {
    margin-left: auto !important;
    transform: translateX(-44px) !important;
    gap: 10px !important;
  }

  .system-version-badge,
  #pcVersionBadge.pc-version-badge {
    position: static !important;
    display: inline-flex !important;
    margin-left: 20px !important;
    margin-right: 2px !important;
    transform: translateX(18px) !important;
    height: 31px !important;
    min-width: 54px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /*
    Bottom-Meter zurückholen: wieder sichtbar unter Player, aber breitengleich und nicht auf Version geklebt.
  */
  #pcBottomSyncMeter.pc-bottom-sync-meter,
  #pcBottomSyncMeter {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    left: 50% !important;
    bottom: 24px !important;
    width: min(80vw, 1180px) !important;
    max-width: calc(100vw - 170px) !important;
    min-width: 880px !important;
    height: 58px !important;
    transform: translateX(-50%) !important;
    z-index: 9997 !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    box-sizing: border-box !important;
    border-radius: 24px !important;
    border: 1px solid rgba(22,255,243,.48) !important;
    background: rgba(3,7,20,.62) !important;
    box-shadow:
      inset 0 0 22px rgba(22,255,243,.08),
      0 0 22px rgba(255,61,187,.16),
      0 0 18px rgba(138,77,255,.12) !important;
    pointer-events: none !important;
  }

  .pc-bottom-sync-inner {
    width: 100% !important;
    height: 100% !important;
  }

  /*
    Ticker: Feld sichtbar + Text sichtbar. Keine halbe Strecke.
  */
  .now-playing .ticker-window {
    grid-column: 2 / 4 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
    border: 1px solid rgba(255,61,187,.34) !important;
    background: rgba(5,8,20,.54) !important;
  }

  #nowPlayingTicker,
  .now-playing .ticker-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: max-content !important;
    min-width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 100% !important;
    padding-right: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    color: #ff4fc7 !important;
    font-size: clamp(13px, 1.05vw, 16px) !important;
    font-weight: 950 !important;
    animation: v72TickerRunFull 23s linear infinite !important;
    will-change: transform !important;
  }

  

  /*
    Streambild/Cover audioreaktiv.
  */
  .now-cover-wrap,
  .now-cover {
    will-change: filter, transform, box-shadow !important;
  }

  .now-cover-wrap {
    filter:
      brightness(calc(1.00 + var(--pc-audio-energy,.10) * .24))
      saturate(calc(1.06 + var(--pc-audio-energy,.10) * .62)) !important;
    transform: scale(calc(1 + var(--pc-audio-energy,.10) * .018)) !important;
    box-shadow:
      0 0 calc(18px + var(--pc-audio-energy,.10) * 28px) rgba(255,61,187,.30),
      0 0 calc(14px + var(--pc-audio-energy,.10) * 24px) rgba(22,255,243,.22),
      0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(138,77,255,.20) !important;
    transition: filter .08s linear, transform .08s linear, box-shadow .08s linear !important;
  }

  .now-cover {
    filter: contrast(calc(1.02 + var(--pc-audio-energy,.10) * .12)) !important;
  }
}

@media (max-width: 760px) {
  #pcBottomSyncMeter.pc-bottom-sync-meter {
    display: none !important;
  }

  .now-playing .ticker-window {
    height: 42px !important;
    min-height: 42px !important;
    overflow: hidden !important;
    display: block !important;
  }

  #nowPlayingTicker,
  .now-playing .ticker-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: max-content !important;
    min-width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    padding-left: 100% !important;
    white-space: nowrap !important;
    animation: v72MobileTickerRunFull 22s linear infinite !important;
  }

  

  .now-cover-wrap {
    filter:
      brightness(calc(1.00 + var(--pc-audio-energy,.10) * .20))
      saturate(calc(1.06 + var(--pc-audio-energy,.10) * .48)) !important;
    box-shadow:
      0 0 calc(14px + var(--pc-audio-energy,.10) * 22px) rgba(255,61,187,.28),
      0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(22,255,243,.20) !important;
  }
}

@media (min-width:761px){
.hero{min-height:130px!important;max-height:168px!important}
.pc-header-brand-split.pc-header-brand-three{width:min(88%,1040px)!important;max-width:1040px!important;min-height:126px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;justify-items:center!important;gap:clamp(28px,3vw,58px)!important;margin:0 auto!important;filter:none!important;transform:none!important}
.pc-header-logo-cell{position:relative!important;display:grid!important;place-items:center!important;min-height:118px!important}
.pc-header-logo-cell::before{content:""!important;position:absolute!important;inset:12px!important;border-radius:999px!important;pointer-events:none!important;background:radial-gradient(circle,rgba(255,61,187,.30),transparent 58%),radial-gradient(circle,rgba(22,255,243,.22),transparent 66%)!important;filter:blur(calc(12px + var(--pc-audio-energy,.10) * 22px))!important;opacity:calc(.28 + var(--pc-audio-energy,.10) * .58)!important;z-index:0!important}
.pc-header-logo-cell-center::before{opacity:.34!important;filter:blur(14px)!important}
.pc-header-logo-part{position:relative!important;z-index:1!important;display:block!important;object-fit:contain!important;height:auto!important;filter:none!important;transform:none!important}
.pc-header-logo-left,.pc-header-logo-right{max-height:92px!important;max-width:360px!important}
.pc-header-logo-center-666{max-height:102px!important;max-width:300px!important;filter:brightness(calc(1.02 + var(--pc-audio-energy,.10) * .32)) saturate(calc(1.06 + var(--pc-audio-energy,.10) * .70))!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .022))!important;transition:filter .08s linear,transform .08s linear!important}
.system-boost-actions{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:0 0 auto!important;margin-left:auto!important}
.system-boost-btn{width:32px!important;height:31px!important;border-radius:999px!important;border:1px solid rgba(22,255,243,.46)!important;background:rgba(5,8,22,.74)!important;color:#fff!important;font-weight:950!important;font-size:18px!important;line-height:1!important;box-shadow:0 0 12px rgba(22,255,243,.15)!important}
.system-boost-label{min-width:62px!important;height:31px!important;border-radius:999px!important;border:1px solid rgba(255,61,187,.48)!important;background:rgba(255,61,187,.12)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;box-shadow:0 0 14px rgba(255,61,187,.20)!important}
.system-source-actions{margin-left:8px!important;transform:none!important}
#pcVersionBadge.pc-version-badge{margin-left:20px!important;transform:none!important}
.now-cover{filter:none!important;transform:none!important}
.now-cover-wrap{position:relative!important;filter:none!important;transform:none!important;overflow:visible!important;box-shadow:0 0 calc(18px + var(--pc-audio-energy,.10) * 28px) rgba(255,61,187,.30),0 0 calc(14px + var(--pc-audio-energy,.10) * 24px) rgba(22,255,243,.22),0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(138,77,255,.20)!important}
.now-cover-wrap::before{content:""!important;position:absolute!important;inset:-10px!important;z-index:-1!important;border-radius:28px!important;background:radial-gradient(circle,rgba(255,61,187,.30),transparent 58%),radial-gradient(circle,rgba(22,255,243,.20),transparent 66%)!important;filter:blur(calc(8px + var(--pc-audio-energy,.10) * 16px))!important;opacity:calc(.32 + var(--pc-audio-energy,.10) * .54)!important}
.now-playing .ticker-window{grid-column:2/4!important;width:100%!important;height:50px!important;min-height:50px!important;overflow:hidden!important;display:block!important;position:relative!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:50px!important;line-height:50px!important;padding-left:100%!important;white-space:nowrap!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:950!important;animation:v73TickerRun 23s linear infinite!important}

}
@media (max-width:760px){
.pc-header-brand-three{display:none!important}
.system-boost-actions{display:inline-flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
.system-boost-btn{width:28px!important;height:28px!important;border-radius:999px!important;font-weight:950!important}
.system-boost-label{min-width:48px!important;height:28px!important;font-size:10px!important}
.now-cover{filter:none!important;transform:none!important}
.now-cover-wrap{filter:none!important;transform:none!important;box-shadow:0 0 calc(14px + var(--pc-audio-energy,.10) * 22px) rgba(255,61,187,.28),0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(22,255,243,.20)!important}
.now-playing .ticker-window{height:42px!important;min-height:42px!important;overflow:hidden!important;display:block!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:42px!important;line-height:42px!important;padding-left:100%!important;white-space:nowrap!important;animation:v73MobileTickerRun 22s linear infinite!important}

}

@media (min-width:761px){
.top-hud.systempanel-v74{width:calc(100% - 44px)!important;max-width:calc(100% - 44px)!important;margin:0 auto 8px auto!important;padding:0!important;box-sizing:border-box!important}
.systempanel-grid-v74{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(245px,1fr) auto minmax(245px,1fr)!important;align-items:center!important;gap:14px!important;padding:6px 12px!important;box-sizing:border-box!important;overflow:hidden!important}
.systempanel-group{display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:0!important}.systempanel-left{justify-content:flex-start!important}.systempanel-center{justify-content:center!important}.systempanel-right{justify-content:flex-end!important}
.systempanel-left .status-chip{min-width:74px!important}.systempanel-center .status-chip{min-width:40px!important}#pcBoostLabel{min-width:76px!important}.systempanel-right .status-chip{min-width:70px!important}#pcVersionBadge{min-width:56px!important;margin-left:12px!important}
.hero{min-height:130px!important;max-height:168px!important}.pc-header-brand-split.pc-header-brand-three{width:min(88%,1040px)!important;max-width:1040px!important;min-height:126px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;justify-items:center!important;gap:clamp(28px,3vw,58px)!important;margin:0 auto!important;filter:none!important;transform:none!important}
.pc-header-logo-cell{position:relative!important;display:grid!important;place-items:center!important;min-height:118px!important}.pc-header-logo-cell::before{content:""!important;position:absolute!important;inset:12px!important;border-radius:999px!important;pointer-events:none!important;background:radial-gradient(circle,rgba(255,61,187,.30),transparent 58%),radial-gradient(circle,rgba(22,255,243,.22),transparent 66%)!important;filter:blur(calc(12px + var(--pc-audio-energy,.10) * 22px))!important;opacity:calc(.28 + var(--pc-audio-energy,.10) * .58)!important;z-index:0!important}
.pc-header-logo-cell-center::before{opacity:.34!important;filter:blur(14px)!important}.pc-header-logo-part{position:relative!important;z-index:1!important;display:block!important;object-fit:contain!important;height:auto!important;filter:none!important;transform:none!important}.pc-header-logo-left,.pc-header-logo-right{max-height:92px!important;max-width:360px!important}
.pc-header-logo-center-666{max-height:102px!important;max-width:300px!important;filter:brightness(calc(1.02 + var(--pc-audio-energy,.10) * .32)) saturate(calc(1.06 + var(--pc-audio-energy,.10) * .70))!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .022))!important;transition:filter .08s linear,transform .08s linear!important}
.now-cover{filter:none!important;transform:none!important}.now-cover-wrap{position:relative!important;filter:none!important;transform:none!important;overflow:visible!important;box-shadow:0 0 calc(18px + var(--pc-audio-energy,.10) * 28px) rgba(255,61,187,.30),0 0 calc(14px + var(--pc-audio-energy,.10) * 24px) rgba(22,255,243,.22),0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(138,77,255,.20)!important}
.now-cover-wrap::before{content:""!important;position:absolute!important;inset:-10px!important;z-index:-1!important;border-radius:28px!important;background:radial-gradient(circle,rgba(255,61,187,.30),transparent 58%),radial-gradient(circle,rgba(22,255,243,.20),transparent 66%)!important;filter:blur(calc(8px + var(--pc-audio-energy,.10) * 16px))!important;opacity:calc(.32 + var(--pc-audio-energy,.10) * .54)!important}
.now-playing .ticker-window{grid-column:2/4!important;width:100%!important;height:50px!important;min-height:50px!important;overflow:hidden!important;display:block!important;position:relative!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:50px!important;line-height:50px!important;padding-left:100%!important;white-space:nowrap!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:950!important;animation:v74TickerRun 23s linear infinite!important}

}
@media (max-width:760px){
.systempanel-v74{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;margin:6px auto 8px!important}.systempanel-grid-v74{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:6px!important;padding:7px 8px!important;overflow:visible!important}
.systempanel-left,.systempanel-center,.systempanel-right{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:nowrap!important;min-width:0!important}.status-chip.led-state{min-height:28px!important;font-size:10px!important;padding:0 8px!important;gap:6px!important}.status-chip.led-state .status-dot{width:8px!important;height:8px!important;flex-basis:8px!important}#pcBoostLabel{min-width:58px!important}
.pc-header-brand-three{display:none!important}.now-cover{filter:none!important;transform:none!important}.now-cover-wrap{filter:none!important;transform:none!important;box-shadow:0 0 calc(14px + var(--pc-audio-energy,.10) * 22px) rgba(255,61,187,.28),0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(22,255,243,.20)!important}
.now-playing .ticker-window{height:42px!important;min-height:42px!important;overflow:hidden!important;display:block!important}#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:42px!important;line-height:42px!important;padding-left:100%!important;white-space:nowrap!important;animation:v74MobileTickerRun 22s linear infinite!important}

}


/*
  Einziger aktiver Patchblock für:
  - Systempanel LED-Technik
  - Ticker
  - History Overlay
  - Header/Cover Glow
  Alte v69-v74 Patchblöcke wurden vor diesem Block physisch entfernt.
*/

.status-chip.led-state {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 31px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(5,8,22,.74) !important;
  color: #dfe7ff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  padding: 0 12px !important;
  box-shadow: inset 0 0 14px rgba(0,0,0,.24), 0 0 13px rgba(22,255,243,.10) !important;
}

.status-chip.led-state .status-dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  flex: 0 0 9px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  box-shadow: 0 0 6px rgba(255,255,255,.22) !important;
}

.status-chip.led-state.state-main .status-dot,
.status-chip.led-state.state-api .status-dot,
.status-chip.led-state.state-external .status-dot {
  background: #28fff4 !important;
  border-color: rgba(40,255,244,.96) !important;
  box-shadow: 0 0 10px rgba(22,255,243,.95), 0 0 18px rgba(22,255,243,.36) !important;
}

.status-chip.led-state.state-backup .status-dot,
.status-chip.led-state.boost-status.state-api .status-dot {
  background: #c047ff !important;
  border-color: rgba(192,71,255,.95) !important;
  box-shadow: 0 0 10px rgba(192,71,255,.90), 0 0 18px rgba(255,61,187,.34) !important;
}

.status-chip.led-state.state-error .status-dot,
.status-chip.led-state.is-error .status-dot {
  background: #ff3dbb !important;
  border-color: rgba(255,61,187,.95) !important;
  box-shadow: 0 0 10px rgba(255,61,187,.90), 0 0 18px rgba(255,61,187,.36) !important;
}

.history-overlay-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482990 !important;
  display: block !important;
  background: rgba(0,0,0,.62) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}
.history-overlay-backdrop.hidden { display: none !important; }

#historyPanel.history-overlay-panel,
.history-overlay-panel {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(92vw, 520px) !important;
  max-height: min(74vh, 620px) !important;
  overflow: auto !important;
  z-index: 2147483000 !important;
  margin: 0 !important;
  padding: 17px 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,61,187,.66) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,61,187,.20), transparent 35%),
    radial-gradient(circle at 84% 18%, rgba(22,255,243,.14), transparent 38%),
    rgba(3,7,20,.98) !important;
  box-shadow:
    0 0 38px rgba(255,61,187,.34),
    0 0 30px rgba(22,255,243,.20),
    inset 0 0 26px rgba(255,255,255,.035) !important;
}
#historyPanel.hidden,
.history-overlay-panel.hidden { display: none !important; }

@media (min-width: 761px) {
  .top-hud.systempanel-v74 {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;
    margin: 0 auto 8px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .systempanel-grid-v74 {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(245px, 1fr) auto minmax(245px, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 6px 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .systempanel-group {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }

  .systempanel-left { justify-content: flex-start !important; }
  .systempanel-center { justify-content: center !important; }
  .systempanel-right { justify-content: flex-end !important; }

  .systempanel-left .status-chip { min-width: 74px !important; }
  .systempanel-center .status-chip { min-width: 40px !important; }
  #pcBoostLabel { min-width: 76px !important; }
  .systempanel-right .status-chip { min-width: 70px !important; }
  #pcVersionBadge { min-width: 56px !important; margin-left: 12px !important; }

  .pc-header-logo-cell::before {
    content: "" !important;
    position: absolute !important;
    inset: 12px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle, rgba(255,61,187,.30), transparent 58%),
      radial-gradient(circle, rgba(22,255,243,.22), transparent 66%) !important;
    filter: blur(calc(12px + var(--pc-audio-energy,.10) * 22px)) !important;
    opacity: calc(.28 + var(--pc-audio-energy,.10) * .58) !important;
    z-index: 0 !important;
  }

  .pc-header-logo-cell-center::before {
    opacity: .34 !important;
    filter: blur(14px) !important;
  }

  .pc-header-logo-left,
  .pc-header-logo-right {
    filter: none !important;
    transform: none !important;
  }

  .pc-header-logo-center-666 {
    filter:
      brightness(calc(1.02 + var(--pc-audio-energy,.10) * .32))
      saturate(calc(1.06 + var(--pc-audio-energy,.10) * .70)) !important;
    transform: scale(calc(1 + var(--pc-audio-energy,.10) * .022)) !important;
  }

  .now-cover {
    filter: none !important;
    transform: none !important;
  }

  .now-cover-wrap {
    position: relative !important;
    filter: none !important;
    transform: none !important;
    overflow: visible !important;
    box-shadow:
      0 0 calc(18px + var(--pc-audio-energy,.10) * 28px) rgba(255,61,187,.30),
      0 0 calc(14px + var(--pc-audio-energy,.10) * 24px) rgba(22,255,243,.22),
      0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(138,77,255,.20) !important;
  }

  .now-cover-wrap::before {
    content: "" !important;
    position: absolute !important;
    inset: -10px !important;
    z-index: -1 !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle, rgba(255,61,187,.30), transparent 58%),
      radial-gradient(circle, rgba(22,255,243,.20), transparent 66%) !important;
    filter: blur(calc(8px + var(--pc-audio-energy,.10) * 16px)) !important;
    opacity: calc(.32 + var(--pc-audio-energy,.10) * .54) !important;
  }

  .now-playing .ticker-window {
    grid-column: 2 / 4 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
  }

  #nowPlayingTicker,
  .now-playing .ticker-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: max-content !important;
    min-width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 100% !important;
    white-space: nowrap !important;
    color: #ff4fc7 !important;
    font-size: clamp(13px, 1.05vw, 16px) !important;
    font-weight: 950 !important;
    animation: v75TickerRun 23s linear infinite !important;
  }

  
}

@media (max-width: 760px) {
  .systempanel-v74 {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin: 6px auto 8px !important;
  }

  .systempanel-grid-v74 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 6px !important;
    padding: 7px 8px !important;
    overflow: visible !important;
  }

  .systempanel-left,
  .systempanel-center,
  .systempanel-right {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }

  .status-chip.led-state {
    min-height: 28px !important;
    font-size: 10px !important;
    padding: 0 8px !important;
    gap: 6px !important;
  }

  .status-chip.led-state .status-dot {
    width: 8px !important;
    height: 8px !important;
    flex-basis: 8px !important;
  }

  #pcBoostLabel { min-width: 58px !important; }

  .now-cover { filter: none !important; transform: none !important; }

  .now-playing .ticker-window {
    height: 42px !important;
    min-height: 42px !important;
    overflow: hidden !important;
    display: block !important;
  }

  #nowPlayingTicker,
  .now-playing .ticker-text {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: max-content !important;
    min-width: 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    padding-left: 100% !important;
    white-space: nowrap !important;
    animation: v75MobileTickerRun 22s linear infinite !important;
  }

  
}


/* v76 hard purge pc boost fix */
.status-chip.led-state{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:30px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(5,8,22,.74)!important;color:#dfe7ff!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:0 10px!important;box-shadow:inset 0 0 14px rgba(0,0,0,.24),0 0 13px rgba(22,255,243,.10)!important}
.status-chip.led-state .status-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex:0 0 8px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 0 6px rgba(255,255,255,.22)!important}
.status-chip.led-state.state-main .status-dot,.status-chip.led-state.state-api .status-dot,.status-chip.led-state.state-external .status-dot{background:#28fff4!important;border-color:rgba(40,255,244,.96)!important;box-shadow:0 0 10px rgba(22,255,243,.95),0 0 18px rgba(22,255,243,.36)!important}
.status-chip.led-state.state-backup .status-dot,.status-chip.led-state.boost-status.state-api .status-dot{background:#c047ff!important;border-color:rgba(192,71,255,.95)!important;box-shadow:0 0 10px rgba(192,71,255,.90),0 0 18px rgba(255,61,187,.34)!important}
.status-chip.led-state.state-error .status-dot,.status-chip.led-state.is-error .status-dot{background:#ff3dbb!important;border-color:rgba(255,61,187,.95)!important;box-shadow:0 0 10px rgba(255,61,187,.90),0 0 18px rgba(255,61,187,.36)!important}
.history-overlay-backdrop{position:fixed!important;inset:0!important;z-index:2147482990!important;display:block!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.history-overlay-backdrop.hidden{display:none!important}
#historyPanel.history-overlay-panel,.history-overlay-panel{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,520px)!important;max-height:min(74vh,620px)!important;overflow:auto!important;z-index:2147483000!important;margin:0!important;padding:17px 18px!important;border-radius:22px!important;border:1px solid rgba(255,61,187,.66)!important;background:radial-gradient(circle at 18% 0%,rgba(255,61,187,.20),transparent 35%),radial-gradient(circle at 84% 18%,rgba(22,255,243,.14),transparent 38%),rgba(3,7,20,.98)!important;box-shadow:0 0 38px rgba(255,61,187,.34),0 0 30px rgba(22,255,243,.20),inset 0 0 26px rgba(255,255,255,.035)!important}
#historyPanel.hidden,.history-overlay-panel.hidden{display:none!important}
@media (min-width:761px){
.top-hud.systempanel-v74{width:calc(100% - 44px)!important;max-width:calc(100% - 44px)!important;margin:0 auto 8px auto!important;padding:0!important;box-sizing:border-box!important}
.systempanel-grid-v74{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(245px,1fr) minmax(184px,auto) minmax(245px,1fr)!important;align-items:center!important;gap:10px!important;padding:6px 10px!important;box-sizing:border-box!important;overflow:hidden!important}
.systempanel-group{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.systempanel-left{justify-content:flex-start!important}.systempanel-center{justify-content:center!important}.systempanel-right{justify-content:flex-end!important}.systempanel-left .status-chip{min-width:66px!important}.systempanel-right .status-chip{min-width:62px!important}#pcVersionBadge{min-width:52px!important;margin-left:8px!important}
.boost-compact-v76,#pcBoostPanel{min-width:184px!important;max-width:206px!important;justify-content:center!important;gap:6px!important}
#pcBoostMinus,#pcBoostPlus{width:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;font-size:16px!important;line-height:1!important}
#pcBoostLabel{min-width:72px!important;max-width:78px!important;padding:0 8px!important}
.now-cover{filter:none!important;transform:none!important}.now-cover-wrap{position:relative!important;filter:none!important;transform:none!important;overflow:visible!important;box-shadow:0 0 calc(18px + var(--pc-audio-energy,.10) * 28px) rgba(255,61,187,.30),0 0 calc(14px + var(--pc-audio-energy,.10) * 24px) rgba(22,255,243,.22),0 0 calc(12px + var(--pc-audio-energy,.10) * 18px) rgba(138,77,255,.20)!important}
.now-playing .ticker-window{grid-column:2/4!important;width:100%!important;height:50px!important;min-height:50px!important;overflow:hidden!important;display:block!important;position:relative!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:50px!important;line-height:50px!important;padding-left:100%!important;white-space:nowrap!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:950!important;animation:v76TickerRun 23s linear infinite!important}
@keyframes v76TickerRun{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 100vw))}}
}
@media (max-width:760px){
.systempanel-v74{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;margin:6px auto 8px!important}.systempanel-grid-v74{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:6px!important;padding:7px 8px!important;overflow:visible!important}.systempanel-left,.systempanel-center,.systempanel-right{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:nowrap!important;min-width:0!important}.status-chip.led-state{min-height:28px!important;font-size:10px!important;padding:0 8px!important;gap:6px!important}#pcBoostLabel{min-width:58px!important}
.now-playing .ticker-window{height:42px!important;min-height:42px!important;overflow:hidden!important;display:block!important}#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:42px!important;line-height:42px!important;padding-left:100%!important;white-space:nowrap!important;animation:v76MobileTickerRun 22s linear infinite!important}
@keyframes v76MobileTickerRun{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 100vw))}}
}


/* v77 pc boost meta glow ticker fix */

/*
  v77:
  - PC Boost kompakt und funktionsfähig.
  - PC Ticker übernimmt robuste Mobile/iPhone-Logik: Text wird direkt aus Meta/NowPlaying synchronisiert.
  - Header-Logos: links/rechts nur Schein audioreaktiv, Center-666 Logo + Schein audioreaktiv.
  - Streamcover: Bild stabil, türkisfarbener Schein außen audioreaktiv.
*/
@media (min-width:761px){
.systempanel-grid-v74{grid-template-columns:minmax(255px,1fr) minmax(132px,150px) minmax(255px,1fr)!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important}
.boost-compact-v77,.boost-compact-v76,#pcBoostPanel{min-width:132px!important;max-width:150px!important;gap:4px!important;justify-content:center!important}
#pcBoostMinus,#pcBoostPlus{width:24px!important;min-width:24px!important;max-width:24px!important;height:28px!important;min-height:28px!important;padding:0!important;font-size:14px!important;line-height:1!important;letter-spacing:0!important}
#pcBoostMinus .status-dot,#pcBoostPlus .status-dot{display:none!important}
#pcBoostLabel{min-width:64px!important;max-width:70px!important;height:28px!important;min-height:28px!important;padding:0 6px!important;font-size:10px!important;letter-spacing:.055em!important}
.systempanel-left .status-chip{min-width:62px!important}.systempanel-right .status-chip{min-width:58px!important}#pcVersionBadge{min-width:48px!important;margin-left:6px!important}

.pc-header-logo-cell{position:relative!important;isolation:isolate!important;overflow:visible!important}
.pc-header-logo-cell::before{content:""!important;position:absolute!important;inset:4px!important;border-radius:999px!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(circle,rgba(22,255,243,.30),transparent 54%),radial-gradient(circle,rgba(255,61,187,.20),transparent 68%)!important;filter:blur(calc(10px + var(--pc-audio-energy,.10) * 24px))!important;opacity:calc(.34 + var(--pc-audio-energy,.10) * .58)!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .07))!important}
.pc-header-logo-cell-center::before{background:radial-gradient(circle,rgba(22,255,243,.34),transparent 50%),radial-gradient(circle,rgba(255,61,187,.28),transparent 68%),radial-gradient(circle,rgba(138,77,255,.24),transparent 76%)!important;filter:blur(calc(10px + var(--pc-audio-energy,.10) * 20px))!important;opacity:calc(.42 + var(--pc-audio-energy,.10) * .50)!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .08))!important}
.pc-header-logo-part{position:relative!important;z-index:1!important}
.pc-header-logo-left,.pc-header-logo-right{filter:none!important;transform:none!important}
.pc-header-logo-center-666{filter:brightness(calc(1.02 + var(--pc-audio-energy,.10) * .34)) saturate(calc(1.08 + var(--pc-audio-energy,.10) * .72))!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .025))!important;transition:filter .08s linear,transform .08s linear!important}

.now-cover{filter:none!important;transform:none!important}
.now-cover-wrap{position:relative!important;isolation:isolate!important;overflow:visible!important;filter:none!important;transform:none!important;box-shadow:0 0 calc(18px + var(--pc-audio-energy,.10) * 36px) rgba(22,255,243,.52),0 0 calc(10px + var(--pc-audio-energy,.10) * 24px) rgba(22,255,243,.28)!important}
.now-cover-wrap::before{content:""!important;position:absolute!important;inset:-12px!important;z-index:-1!important;border-radius:30px!important;pointer-events:none!important;background:radial-gradient(circle,rgba(22,255,243,.45),transparent 58%),radial-gradient(circle,rgba(22,255,243,.18),transparent 76%)!important;filter:blur(calc(8px + var(--pc-audio-energy,.10) * 22px))!important;opacity:calc(.36 + var(--pc-audio-energy,.10) * .56)!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .045))!important}

/* PC-Ticker hard fix: wie Mobile, ein klares Feld + eine Animation */
.now-playing .ticker-window{grid-column:2/4!important;width:100%!important;height:50px!important;min-height:50px!important;overflow:hidden!important;display:block!important;position:relative!important}
#nowPlayingTicker,.now-playing .ticker-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:50px!important;line-height:50px!important;padding-left:100%!important;white-space:nowrap!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:950!important;animation:v77TickerRun 23s linear infinite!important;will-change:transform!important}
@keyframes v77TickerRun{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 100vw))}}
}
@media (max-width:760px){
.boost-compact-v77,.boost-compact-v76,#pcBoostPanel{max-width:150px!important;gap:4px!important}
#pcBoostMinus,#pcBoostPlus{width:24px!important;min-width:24px!important;max-width:24px!important;padding:0!important}
#pcBoostLabel{min-width:58px!important;max-width:66px!important}
.now-cover{filter:none!important;transform:none!important}
.now-cover-wrap{position:relative!important;isolation:isolate!important;box-shadow:0 0 calc(14px + var(--pc-audio-energy,.10) * 26px) rgba(22,255,243,.46)!important}
.now-cover-wrap::before{content:""!important;position:absolute!important;inset:-10px!important;z-index:-1!important;border-radius:26px!important;background:radial-gradient(circle,rgba(22,255,243,.42),transparent 62%)!important;filter:blur(calc(7px + var(--pc-audio-energy,.10) * 18px))!important;opacity:calc(.32 + var(--pc-audio-energy,.10) * .52)!important}
}


/*
  v78:
  - Ticker-Ziel ist die pinke Zeile unter History: #historyTickerLane / #historyTickerText.
  - History bekommt echtes Modal-Fenster, nicht nur Backdrop.
  - Boost-Feld etwas größer/lesbarer, aber systempanel-stabil.
*/

.history-ticker-lane {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  border: 1px solid rgba(255,61,187,.42) !important;
  background: rgba(255,61,187,.10) !important;
  box-shadow: inset 0 0 18px rgba(255,61,187,.08), 0 0 16px rgba(255,61,187,.12) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}

.history-ticker-text {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: max-content !important;
  min-width: 100% !important;
  height: 38px !important;
  line-height: 38px !important;
  padding-left: 100% !important;
  white-space: nowrap !important;
  color: #ff4fc7 !important;
  font-size: clamp(12px, 1vw, 15px) !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  animation: v78HistoryTickerRun 22s linear infinite !important;
  will-change: transform !important;
}



.history-overlay-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482990 !important;
  display: block !important;
  background: rgba(0,0,0,.68) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.history-overlay-backdrop.hidden { display: none !important; }

#historyPanel.history-overlay-panel,
.history-overlay-panel {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(92vw, 560px) !important;
  max-height: min(76vh, 660px) !important;
  min-height: 260px !important;
  overflow: auto !important;
  z-index: 2147483000 !important;
  margin: 0 !important;
  padding: 20px 22px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,61,187,.78) !important;
  background:
    linear-gradient(180deg, rgba(10,12,34,.98), rgba(3,7,20,.98)) !important;
  box-shadow:
    0 0 42px rgba(255,61,187,.42),
    0 0 34px rgba(22,255,243,.22),
    inset 0 0 26px rgba(255,255,255,.045) !important;
  color: #f6f7ff !important;
}
#historyPanel.hidden,
.history-overlay-panel.hidden { display: none !important; }

#historyPanel.history-overlay-panel::before {
  content: "HISTORY" !important;
  display: block !important;
  margin: 0 0 12px 0 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  color: #28fff4 !important;
  text-shadow: 0 0 12px rgba(22,255,243,.65) !important;
}

@media (min-width:761px) {
  .systempanel-grid-v74 {
    grid-template-columns: minmax(250px,1fr) minmax(170px,190px) minmax(250px,1fr) !important;
    gap: 9px !important;
  }

  .boost-compact-v78,
  .boost-compact-v77,
  .boost-compact-v76,
  #pcBoostPanel {
    min-width: 170px !important;
    max-width: 190px !important;
    gap: 7px !important;
    justify-content: center !important;
  }

  #pcBoostMinus,
  #pcBoostPlus {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  #pcBoostMinus .status-dot,
  #pcBoostPlus .status-dot {
    display: none !important;
  }

  #pcBoostLabel {
    min-width: 82px !important;
    max-width: 90px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    font-size: 11px !important;
    letter-spacing: .07em !important;
  }

  .history-ticker-lane {
    margin-top: 8px !important;
  }
}

@media (max-width:760px) {
  .history-ticker-lane {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 14px !important;
  }

  .history-ticker-text {
    height: 34px !important;
    line-height: 34px !important;
    font-size: 12px !important;
    animation: v78HistoryTickerRun 20s linear infinite !important;
  }

  .boost-compact-v78,
  .boost-compact-v77,
  .boost-compact-v76,
  #pcBoostPanel {
    max-width: 178px !important;
    gap: 6px !important;
  }

  #pcBoostMinus,
  #pcBoostPlus {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
  }

  #pcBoostLabel {
    min-width: 72px !important;
    max-width: 84px !important;
    font-size: 10.5px !important;
  }
}


/* v79 pc history glow boost ticker rebuild */
@media (min-width:761px){
#historyTickerLane,.history-ticker-lane{display:none!important}
#pcTickerRebuildLane.pc-ticker-rebuild-lane,.pc-ticker-rebuild-lane{width:100%!important;min-height:40px!important;height:40px!important;overflow:hidden!important;position:relative!important;display:block!important;margin-top:8px!important;border:1px solid rgba(255,61,187,.52)!important;background:rgba(255,61,187,.10)!important;box-shadow:inset 0 0 18px rgba(255,61,187,.10),0 0 15px rgba(255,61,187,.16)!important;border-radius:16px!important;box-sizing:border-box!important}
#pcTickerRebuildText.pc-ticker-rebuild-text,.pc-ticker-rebuild-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:40px!important;line-height:40px!important;padding-left:100%!important;white-space:nowrap!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:950!important;letter-spacing:.045em!important;animation:v79PcTickerRun 22s linear infinite!important;will-change:transform!important;text-shadow:0 0 10px rgba(255,61,187,.42)!important}
@keyframes v79PcTickerRun{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 100vw))}}
#historyPanel.history-overlay-panel,.history-overlay-panel{border-color:rgba(255,61,187,calc(.58 + var(--pc-audio-energy,.10) * .34))!important;box-shadow:0 0 calc(30px + var(--pc-audio-energy,.10) * 42px) rgba(255,61,187,.42),0 0 calc(22px + var(--pc-audio-energy,.10) * 36px) rgba(22,255,243,.24),0 0 calc(16px + var(--pc-audio-energy,.10) * 28px) rgba(138,77,255,.18),inset 0 0 26px rgba(255,255,255,.045)!important}
.history-overlay-panel::after,#historyPanel.history-overlay-panel::after{content:""!important;position:absolute!important;inset:-7px!important;border-radius:29px!important;pointer-events:none!important;border:1px solid rgba(22,255,243,calc(.18 + var(--pc-audio-energy,.10) * .35))!important;box-shadow:0 0 calc(18px + var(--pc-audio-energy,.10) * 38px) rgba(255,61,187,.28),0 0 calc(14px + var(--pc-audio-energy,.10) * 28px) rgba(22,255,243,.20)!important}
.systempanel-grid-v74{grid-template-columns:minmax(250px,1fr) minmax(190px,212px) minmax(250px,1fr)!important;gap:9px!important}
.boost-compact-v79,.boost-compact-v78,#pcBoostPanel{min-width:190px!important;max-width:212px!important;gap:13px!important;justify-content:center!important}
#pcBoostMinus,#pcBoostPlus{width:32px!important;min-width:32px!important;max-width:32px!important;height:31px!important;min-height:31px!important;padding:0!important;font-size:16px!important;line-height:1!important}
#pcBoostMinus .status-dot,#pcBoostPlus .status-dot{display:inline-block!important;margin-right:0!important}
#pcBoostMinus .status-code,#pcBoostPlus .status-code{display:none!important}
#pcBoostLabel{min-width:92px!important;max-width:102px!important;height:31px!important;min-height:31px!important;padding:0 12px!important;font-size:11.5px!important;letter-spacing:.075em!important}
}
@media (max-width:760px){#pcTickerRebuildLane{display:none!important}}


/* v80 stream stability mb led repair */

/*
  REPAIR ONLY:
  - Monster-Mainstream/Backup-Flächen auf PC/iPhone neutralisieren.
  - Kompakte M/B LED-Chips wiederherstellen.
  - Stream-Stabilität erfolgt in JS mit sanftem Resume-first Watchdog.
*/

/* bekannte Großflächen/Monster-Umschalter ausblenden, nicht die kompakten mainBtn/fallbackBtn */
.mainstream-switch,
.backupstream-switch,
.stream-source-monster,
.source-switch-large,
.source-pill-large,
.stream-switch-row-large,
.main-back-large-row,
[data-source-switch-large="true"] {
  display: none !important;
}

/* falls alte Fullwidth-Texte als Buttons in Source-Gruppen liegen: Größe wieder Chip-artig erzwingen */
#mainBtn.source-mini-chip-v80,
#fallbackBtn.source-mini-chip-v80,
#mainBtn,
#fallbackBtn {
  width: auto !important;
  min-width: 48px !important;
  max-width: 58px !important;
  height: 31px !important;
  min-height: 31px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
}

#mainBtn .status-code,
#fallbackBtn .status-code {
  font-size: 11px !important;
  letter-spacing: .11em !important;
  font-weight: 950 !important;
}

#mainBtn .status-dot,
#fallbackBtn .status-dot {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
}

@media (min-width:761px){
  .systempanel-right {
    gap: 8px !important;
  }

  .systempanel-right #mainBtn,
  .systempanel-right #fallbackBtn {
    min-width: 50px !important;
    max-width: 56px !important;
  }

  .systempanel-grid-v74 {
    grid-template-columns: minmax(250px,1fr) minmax(190px,212px) minmax(210px,1fr) !important;
  }
}

@media (max-width:760px){
  /* iPhone: große MAINSTREAM/BACKUP STREAM Zeile entfernen */
  .stream-choice-row,
  .source-choice-row,
  .main-back-row,
  .mainstream-backup-row,
  .source-switch-row,
  .stream-source-row {
    display: none !important;
  }

  #mainBtn,
  #fallbackBtn {
    min-width: 46px !important;
    max-width: 54px !important;
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 9px !important;
  }
}


/* v81 pc layout ticker meter repair */
@media (min-width:761px){
.stats,.top-stats,.info-grid,.metrics-row,.hero-stats{min-height:42px!important;max-height:56px!important}
.listeners,.bitrate,.dj-status,.metric-card,.stat-card,[data-panel="listeners"],[data-panel="bitrate"],[data-panel="dj-status"]{transform:scale(.86)!important;transform-origin:top center!important;min-height:38px!important;padding-top:2px!important;padding-bottom:2px!important}
.metric-card .metric-value,.stat-card .metric-value,.listeners .metric-value,.bitrate .metric-value,.dj-status .metric-value{font-size:clamp(10px,.75vw,13px)!important;line-height:1.05!important}
.metric-card .metric-label,.stat-card .metric-label,.listeners .metric-label,.bitrate .metric-label,.dj-status .metric-label{font-size:clamp(7px,.55vw,9px)!important;line-height:1!important}
.systempanel-grid-v74{grid-template-columns:minmax(220px,1fr) minmax(190px,212px) minmax(250px,1fr)!important;gap:9px!important}.systempanel-right{justify-content:flex-end!important;gap:8px!important}#pcVersionBadge{order:99!important;min-width:54px!important;max-width:62px!important;margin-left:8px!important}#mainBtn,#fallbackBtn{order:1!important;min-width:50px!important;max-width:58px!important}
.now-playing,.now-card,.now-panel{position:relative!important}#historyToggle{position:absolute!important;top:14px!important;right:14px!important;z-index:15!important}
.now-label,.now-playing-label,.now-playing .label,.now-playing [class*="label"]{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;letter-spacing:.16em!important}
#metaLine,.now-title,.track-title,.current-title{display:block!important;color:#ff4fc7!important;text-shadow:0 0 12px rgba(255,61,187,.55)!important;font-size:clamp(13px,1.05vw,16px)!important;line-height:1.25!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#historyTickerLane,.history-ticker-lane{display:none!important}
#pcTickerRebuildLane.pc-ticker-rebuild-lane,.pc-ticker-rebuild-lane{width:calc(100% - 22px)!important;min-height:36px!important;height:36px!important;overflow:hidden!important;position:relative!important;display:block!important;margin:12px 11px 0 11px!important;border:1px solid rgba(255,61,187,.52)!important;background:rgba(255,61,187,.10)!important;box-shadow:inset 0 0 18px rgba(255,61,187,.10),0 0 15px rgba(255,61,187,.16)!important;border-radius:14px!important;box-sizing:border-box!important;grid-column:1/-1!important}
#pcTickerRebuildText.pc-ticker-rebuild-text,.pc-ticker-rebuild-text{display:inline-block!important;visibility:visible!important;opacity:1!important;width:max-content!important;min-width:100%!important;height:36px!important;line-height:36px!important;padding-left:35%!important;padding-right:35%!important;white-space:nowrap!important;color:#ff4fc7!important;font-size:clamp(13px,1.05vw,16px)!important;font-weight:950!important;letter-spacing:.045em!important;animation:v81PcTickerRun 13s linear infinite!important;will-change:transform!important;text-shadow:0 0 10px rgba(255,61,187,.42)!important}
@keyframes v81PcTickerRun{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 35vw))}}
#playBtn,.play-btn,button[aria-label="Play"],button[title="Play"]{position:relative!important;isolation:isolate!important;overflow:visible!important}#playBtn::before,.play-btn::before,button[aria-label="Play"]::before,button[title="Play"]::before{content:""!important;position:absolute!important;inset:-10px!important;border-radius:inherit!important;z-index:-1!important;pointer-events:none!important;background:conic-gradient(from calc(var(--pc-audio-energy,.10) * 360deg),#ff3dbb,#ffb000,#39ff14,#28fff4,#8a4dff,#ff3dbb)!important;filter:blur(calc(8px + var(--pc-audio-energy,.10) * 18px))!important;opacity:calc(.32 + var(--pc-audio-energy,.10) * .58)!important;transform:scale(calc(1 + var(--pc-audio-energy,.10) * .08))!important}
.cockpit,.player-shell,.player-frame,.root-player,main{position:relative!important}.bottom-level-meter,#bottomLevelMeter,.gesture-level-meter,.meter-bottom,.bottom-meter,.levelmeter-bottom{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;display:block!important;width:min(72%,760px)!important;margin:14px auto 8px auto!important;z-index:4!important}.copyright,.footer,.player-footer,#copyright{position:relative!important;z-index:5!important;margin-top:8px!important;clear:both!important}
}


/* v82 restore iphone pc only isolation */

/*
  Mobile/iPhone-Restore:
  PC-only Patches bleiben Desktop.
  Mobile Rows/Panels werden wieder freigegeben, falls PC-Patches sie versteckt haben.
*/

@media (min-width:761px){
  body:not(.mobile) .systempanel-grid-v74{
    grid-template-columns:minmax(220px,1fr) minmax(190px,212px) minmax(250px,1fr)!important;
  }
  body:not(.mobile) #pcTickerRebuildLane.pc-ticker-rebuild-lane,
  body:not(.mobile) .pc-ticker-rebuild-lane{display:block!important}
  body:not(.mobile) #historyTickerLane,
  body:not(.mobile) .history-ticker-lane{display:none!important}
}

@media (max-width:760px){
  #pcTickerRebuildLane,
  .pc-ticker-rebuild-lane{
    display:none!important;
  }

  .stream-choice-row,
  .source-choice-row,
  .main-back-row,
  .mainstream-backup-row,
  .source-switch-row,
  .stream-source-row,
  .mobile-stream-row,
  .mobile-source-row,
  .mobile-status-row,
  .mobile-boost-row,
  .mobile-history-row{
    display:flex!important;
    visibility:visible!important;
  }

  #historyToggle{
    position:static!important;
    top:auto!important;
    right:auto!important;
    z-index:auto!important;
  }

  .now-playing,
  .now-card,
  .now-panel{
    max-width:100%!important;
  }

  #metaLine,
  .now-title,
  .track-title,
  .current-title{
    max-width:100%!important;
  }

  .bottom-level-meter,
  #bottomLevelMeter,
  .gesture-level-meter,
  .meter-bottom,
  .bottom-meter,
  .levelmeter-bottom{
    width:auto!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #mainBtn,
  #fallbackBtn,
  #pcBoostPanel,
  #pcBoostLabel{
    transform:none!important;
  }
}

body.mobile #pcTickerRebuildLane,
body.mobile .pc-ticker-rebuild-lane{display:none!important}

body.mobile .stream-choice-row,
body.mobile .source-choice-row,
body.mobile .main-back-row,
body.mobile .mainstream-backup-row,
body.mobile .source-switch-row,
body.mobile .stream-source-row,
body.mobile .mobile-stream-row,
body.mobile .mobile-source-row,
body.mobile .mobile-status-row,
body.mobile .mobile-boost-row,
body.mobile .mobile-history-row{
  display:flex!important;
  visibility:visible!important;
}

body.mobile #historyToggle{
  position:static!important;
  top:auto!important;
  right:auto!important;
}


/*
==========================================
DATEI: css/desktop.css
GEÄNDERT: 2026-05-08
ÄNDERUNG: v95_HISTORY_OVERLAY_BUTTON_STATE_REPAIR
ZWECK:
- PC-History als echtes Overlay mit Close-Button absichern.
- Play/Pause/Stop aktive Zustände pink gefüllt darstellen.
- Kein Eingriff in Stream/Worker/Audio-Routing.
==========================================
*/
.history-overlay-close {
  position: sticky !important;
  top: 0 !important;
  float: right !important;
  width: 40px !important;
  height: 34px !important;
  margin: -4px -3px 8px 10px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,61,187,.75) !important;
  background: rgba(5,8,22,.92) !important;
  color: #ff3dbb !important;
  box-shadow: 0 0 18px rgba(255,61,187,.42), inset 0 0 12px rgba(255,61,187,.16) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  z-index: 3 !important;
}
.history-overlay-close:hover,
.history-overlay-close:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(255,61,187,.72), rgba(141,69,255,.42)) !important;
  outline: none !important;
}
.icon-btn.is-active,
.icon-btn.transport-active,
body[data-transport-state="play"] #playBtn,
body[data-transport-state="pause"] #pauseBtn,
body[data-transport-state="stop"] #stopBtn {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(255,61,187,.58), rgba(141,69,255,.38)), rgba(10,6,25,.96) !important;
  border-color: rgba(255,61,187,.95) !important;
  box-shadow: 0 0 20px rgba(255,61,187,.62), 0 0 34px rgba(255,61,187,.24), inset 0 0 20px rgba(255,61,187,.20) !important;
}
body[data-transport-state="play"] #playBtn {
  animation: s666ActivePlayPulse 1.8s ease-in-out infinite !important;
}
@keyframes s666ActivePlayPulse {
  0%,100% { filter: saturate(1.05) brightness(1); }
  50% { filter: saturate(1.35) brightness(1.22); }
}


/*
============================================================
666SOUNDsDESIGn — v109 MOBILE TICKER REPAIR BASE / SINGLE VISUALIZER
GEÄNDERT: 2026-05-09
ZWECK:
- Kein neuer Layer. Entfernt die alte PC-Tickerbox optisch/DOM-seitig.
- PC-Player breiter an die Seitenmeter ziehen.
- Copyright wieder unter das untere Levelmeter bringen.
- Version bleibt in der Discord/System-Leiste, nicht frei in der Ecke.
============================================================
*/
@media (min-width: 761px) {
  .player-shell {
    width: min(86vw, 1360px) !important;
    max-width: calc(100vw - 126px) !important;
    min-width: 900px !important;
    margin-top: 18px !important;
    margin-bottom: 96px !important;
    gap: 11px !important;
  }

  .side-meter.left,
  .side-meter.right {
    opacity: 1 !important;
  }

  .top-hud,
  .status-cluster,
  .status-bar,
  .now-playing,
  .info-grid,
  .visualizer,
  .bottom-console,
  #pcBottomSyncMeter.pc-bottom-sync-meter {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .system-source-actions {
    margin-left: auto !important;
    transform: none !important;
  }

  #pcVersionBadge,
  .system-version-badge,
  #pcVersionBadge.pc-version-badge {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;
    display: inline-flex !important;
    min-width: 56px !important;
    height: 31px !important;
    margin-left: 0 !important;
    pointer-events: none !important;
  }

  #historyTickerLane,
  .history-ticker-lane {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .now-playing .ticker-window {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .now-cover-wrap {
    width: 198px !important;
    height: 198px !important;
  }

  .now-playing {
    grid-template-columns: 232px minmax(0, 1fr) auto !important;
  }

  #pcBottomSyncMeter.pc-bottom-sync-meter {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  .pc-copyright-footer {
    width: min(86vw, 1360px) !important;
    max-width: calc(100vw - 126px) !important;
    margin: -82px auto 18px auto !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    color: rgba(247,248,255,.72) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: none !important;
    text-shadow: 0 0 10px rgba(255,61,187,.28), 0 0 9px rgba(22,255,243,.18) !important;
    pointer-events: none !important;
  }
}

@media (max-width: 760px) {
  .pc-copyright-footer { display: none !important; }
}

  100%{transform:translateX(calc(-100% - 100vw))}
}


/*
============================================================
666SOUNDsDESIGn — v109 TICKER LENGTH ONLY
GEÄNDERT: 2026-05-12
ZWECK: Laufschrift länger laufen lassen, ohne neuen Ticker/Layer zu bauen.
============================================================
*/
#nowPlayingTicker,
.now-playing .ticker-text,
#pcTickerRebuildText.pc-ticker-rebuild-text {
  animation-duration: 42s !important;
}


/* v115 PC BOTTOM LEVELMETER WIDTH FIX
   Purpose: the desktop bottom levelmeter must stay inside the main player width and must not run over the left/right side meters.
   Scope: desktop CSS only. No layout, audio, ticker, Discord, Worker or Stream logic changed.
*/
@media (min-width:761px){
  #pcBottomSyncMeter.pc-bottom-sync-meter{
    width:min(80vw,1180px)!important;
    max-width:calc(100vw - 170px)!important;
    min-width:min(880px,calc(100vw - 170px))!important;
    margin:8px auto 0 auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}


/*
============================================================
666SOUNDsDESIGn — v126 PC BOUNDS + VERSION HARD GUARD
GEÄNDERT: 2026-05-12
ZWECK:
- Unteres PC-Levelmeter hart auf Player-Breite begrenzen.
- Rechten EQ/DJ-Status-Overflow innerhalb des Players halten.
- Versionsbox sichtbar auf v126 halten.
- Keine iPhone-, Ticker-, Transport-, Discord-, Worker- oder Stream-Änderung.
============================================================
*/
@media (min-width: 761px) {
  :root {
    --pc-player-width-v126: min(82vw, 1280px);
    --pc-player-max-v126: calc(100vw - 190px);
  }

  body .frame-stage .player-shell {
    width: var(--pc-player-width-v126) !important;
    max-width: var(--pc-player-max-v126) !important;
    min-width: min(860px, var(--pc-player-max-v126)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body .frame-stage .player-shell > .top-hud,
  body .frame-stage .player-shell > .hero,
  body .frame-stage .player-shell > .now-playing,
  body .frame-stage .player-shell > .info-grid,
  body .frame-stage .player-shell > .visualizer,
  body .frame-stage .player-shell > .bottom-console {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .frame-stage .player-shell .info-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body .frame-stage .player-shell .info-card,
  body .frame-stage .player-shell .metric-card,
  body .frame-stage .player-shell .stat-card,
  body .frame-stage .player-shell .eq-card,
  body .frame-stage .player-shell .equalizer-card,
  body .frame-stage .player-shell .visualizer-card {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body .frame-stage .player-shell .info-value,
  body .frame-stage .player-shell #djText,
  body .frame-stage .player-shell [data-panel="dj-status"],
  body .frame-stage .player-shell .dj-status {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body .frame-stage .player-shell .visualizer,
  body .frame-stage .player-shell #eqBars,
  body .frame-stage .player-shell .eq-bars {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body #pcBottomSyncMeter.pc-bottom-sync-meter {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: var(--pc-player-width-v126) !important;
    max-width: var(--pc-player-max-v126) !important;
    min-width: min(860px, var(--pc-player-max-v126)) !important;
    margin: 8px auto 0 auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body #pcBottomSyncMeter.pc-bottom-sync-meter .pc-bottom-sync-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body #pcVersionBadge .status-code {
    font-size: 0 !important;
  }
  body #pcVersionBadge .status-code::after {
    content: "v126" !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}


/*
============================================================
666SOUNDsDESIGn — v126 PC LAYOUT CLAMP REPAIR
GEÄNDERT: 2026-05-12
ZWECK:
- Play-Glow zurück auf Pink/Cyan/Lila, kein Regenbogen-Kirmes-Schein.
- Desktop-EQ und DJ-Status hart innerhalb des Player-Containers halten.
- Desktop-Bottom-Levelmeter auf Player-Innenbreite begrenzen und etwas nach oben ziehen.
- Keine iPhone-, Ticker-, Transport-, Discord-, Worker- oder Stream-Änderung.
============================================================
*/
@media (min-width: 761px) {
  body .frame-stage {
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding-left: 82px !important;
    padding-right: 82px !important;
  }

  body .frame-stage .player-shell {
    width: min(72vw, 1120px) !important;
    max-width: calc(100vw - 270px) !important;
    min-width: min(820px, calc(100vw - 270px)) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .frame-stage .player-shell > .top-hud,
  body .frame-stage .player-shell > .hero,
  body .frame-stage .player-shell > .now-playing,
  body .frame-stage .player-shell > .info-grid,
  body .frame-stage .player-shell > .visualizer,
  body .frame-stage .player-shell > .bottom-console {
    max-width: calc(100% - 32px) !important;
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .frame-stage .player-shell .info-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: 10px !important;
  }

  body .frame-stage .player-shell .info-card,
  body .frame-stage .player-shell [data-panel="dj-status"],
  body .frame-stage .player-shell .dj-status {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .frame-stage .player-shell .info-card .info-value,
  body .frame-stage .player-shell #djText {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .frame-stage .player-shell .visualizer,
  body .frame-stage .player-shell #eqBars,
  body .frame-stage .player-shell .eq-bars,
  body .frame-stage .player-shell .eq-bar-slot {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body #pcBottomSyncMeter.pc-bottom-sync-meter {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: min(66vw, 940px) !important;
    max-width: calc(100vw - 330px) !important;
    min-width: min(680px, calc(100vw - 330px)) !important;
    margin: -16px auto 22px auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body #pcBottomSyncMeter.pc-bottom-sync-meter .pc-bottom-sync-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #playBtn,
  .play-btn,
  button[aria-label="Play"],
  button[title="Play"] {
    overflow: visible !important;
    isolation: isolate !important;
  }

  #playBtn::before,
  .play-btn::before,
  button[aria-label="Play"]::before,
  button[title="Play"]::before {
    background: radial-gradient(circle at 50% 50%, rgba(255,61,187,.58), rgba(142,69,255,.28) 42%, rgba(22,255,243,.18) 64%, transparent 76%) !important;
    filter: blur(11px) saturate(1.15) !important;
    opacity: .34 !important;
    transform: scale(1.02) !important;
  }

  body[data-transport-state="play"] #playBtn::before {
    opacity: .52 !important;
    filter: blur(13px) saturate(1.22) !important;
  }

  body #pcVersionBadge .status-code {
    font-size: 0 !important;
  }
  body #pcVersionBadge .status-code::after {
    content: "v126" !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
}


/*
============================================================
666SOUNDsDESIGn — v126 PC FINAL BOUNDS CLAMP
CREATED/MODIFIED: 2026-05-13
CHANGE SUMMARY:
- PC-only final fine clamp for player width, EQ/DJ bounds, bottom meter position and play glow.
- No iPhone, ticker, transport, Discord, Worker or stream-route changes.
PURPOSE:
- Keep PC player content inside the side meter boundaries and keep bottom meter visually inside the player width.
============================================================
*/
@media (min-width: 761px) {
  body .frame-stage { overflow:hidden!important; box-sizing:border-box!important; padding-left:96px!important; padding-right:96px!important; }
  body .frame-stage .player-shell { width:min(68vw,1040px)!important; max-width:calc(100vw - 360px)!important; min-width:min(760px,calc(100vw - 360px))!important; overflow:hidden!important; box-sizing:border-box!important; margin-left:auto!important; margin-right:auto!important; }
  body .frame-stage .player-shell > .top-hud,
  body .frame-stage .player-shell > .hero,
  body .frame-stage .player-shell > .now-playing,
  body .frame-stage .player-shell > .info-grid,
  body .frame-stage .player-shell > .visualizer,
  body .frame-stage .player-shell > .bottom-console { width:calc(100% - 44px)!important; max-width:calc(100% - 44px)!important; margin-left:22px!important; margin-right:22px!important; box-sizing:border-box!important; overflow:hidden!important; }
  body .frame-stage .player-shell .info-grid { grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr)!important; gap:8px!important; }
  body .frame-stage .player-shell .info-card,
  body .frame-stage .player-shell [data-panel="dj-status"],
  body .frame-stage .player-shell .dj-status { min-width:0!important; max-width:100%!important; overflow:hidden!important; box-sizing:border-box!important; }
  body .frame-stage .player-shell .info-card .info-value,
  body .frame-stage .player-shell #djText { display:block!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
  body .frame-stage .player-shell .visualizer,
  body .frame-stage .player-shell #eqBars,
  body .frame-stage .player-shell .eq-bars,
  body .frame-stage .player-shell .eq-bar-slot { min-width:0!important; max-width:100%!important; overflow:hidden!important; box-sizing:border-box!important; }
  body #pcBottomSyncMeter.pc-bottom-sync-meter { position:relative!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:min(58vw,820px)!important; max-width:calc(100vw - 460px)!important; min-width:min(600px,calc(100vw - 460px))!important; margin:-6px auto 26px auto!important; transform:none!important; box-sizing:border-box!important; overflow:hidden!important; }
  body #pcBottomSyncMeter.pc-bottom-sync-meter .pc-bottom-sync-inner { width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; }
  #playBtn::before,.play-btn::before,button[aria-label="Play"]::before,button[title="Play"]::before { background:radial-gradient(circle at 50% 50%,rgba(255,61,187,.44),rgba(142,69,255,.18) 44%,rgba(22,255,243,.10) 66%,transparent 78%)!important; filter:blur(10px) saturate(1.05)!important; opacity:.26!important; transform:scale(1.00)!important; }
  body[data-transport-state="play"] #playBtn::before { opacity:.40!important; filter:blur(11px) saturate(1.12)!important; }
  body #pcVersionBadge .status-code{font-size:0!important} body #pcVersionBadge .status-code::after{content:"v126"!important;font-size:11px!important;line-height:1!important}
}


/*
============================================================
666SOUNDsDESIGn — v126 PC COMPACT FOOTER + BOTTOM METER REPAIR
CREATED/MODIFIED: 2026-05-13
CHANGE SUMMARY:
- PC bottom levelmeter and copyright footer share one compact HUD slot.
- Meter/footer no longer push the lower Now Playing area downward.
- Footer glow remains audio-reactive via existing level variable; no new loop.
- Ticker text color changed to neon cyan while keeping the pink frame.
PURPOSE:
- Restore compact cockpit proportions without adding another layer.
============================================================
*/
@media (min-width: 761px) {
  body .frame-stage .player-shell{
    padding-bottom: 8px !important;
  }

  body .frame-stage .player-shell > #pcBottomSyncMeter.pc-bottom-sync-meter{
    display:block !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:calc(100% - 88px) !important;
    max-width:calc(100% - 88px) !important;
    min-width:0 !important;
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    margin:8px auto 3px auto !important;
    padding:5px 18px !important;
    transform:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:14px !important;
    border:1px solid rgba(22,255,243,.34) !important;
    background:linear-gradient(90deg,rgba(255,61,187,.035),rgba(22,255,243,.035),rgba(142,69,255,.03)) !important;
    box-shadow:inset 0 0 12px rgba(22,255,243,.045),0 0 10px rgba(255,61,187,.08) !important;
  }

  body .frame-stage .player-shell > #pcBottomSyncMeter.pc-bottom-sync-meter .pc-bottom-sync-inner{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:14px !important;
    max-height:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body .frame-stage .player-shell > #pcBottomSyncMeter.pc-bottom-sync-meter .pc-bottom-sync-seg{
    height:12px !important;
    max-height:12px !important;
    width:clamp(3px,.26vw,5px) !important;
    flex:0 0 clamp(3px,.26vw,5px) !important;
    border-radius:999px !important;
  }

  body .frame-stage .player-shell > .pc-copyright-footer{
    width:calc(100% - 88px) !important;
    max-width:calc(100% - 88px) !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    margin:0 auto 8px auto !important;
    padding:2px 10px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,61,187,.26) !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,rgba(255,61,187,.025),rgba(22,255,243,.025),rgba(142,69,255,.025)) !important;
    color:rgba(225,255,255,.82) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    text-align:center !important;
    font-size:8.5px !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-transform:none !important;
    --footer-reactive-level: var(--mff-level, var(--audio-level, .18));
    box-shadow:0 0 calc(4px + (var(--footer-reactive-level) * 12px)) rgba(22,255,243,.10),0 0 calc(4px + (var(--footer-reactive-level) * 14px)) rgba(255,61,187,.09) !important;
    text-shadow:0 0 calc(3px + (var(--footer-reactive-level) * 6px)) rgba(22,255,243,.30),0 0 calc(3px + (var(--footer-reactive-level) * 7px)) rgba(255,61,187,.24) !important;
  }

  body .frame-stage .player-shell > .pc-copyright-footer b{
    color:#16fff3 !important;
    font-weight:900 !important;
    letter-spacing:.10em !important;
    text-shadow:0 0 calc(4px + (var(--mff-level, .18) * 8px)) rgba(22,255,243,.36) !important;
  }

  body[data-transport-state="play"] .frame-stage .player-shell > .pc-copyright-footer{
    border-color:rgba(255,61,187,.32) !important;
    color:rgba(255,255,255,.90) !important;
  }

  #nowPlayingTicker,.now-playing .ticker-text{
    color:#16fff3 !important;
    text-shadow:0 0 8px rgba(22,255,243,.46),0 0 12px rgba(255,61,187,.18) !important;
  }

  body #pcVersionBadge .status-code{font-size:0!important}
  body #pcVersionBadge .status-code::after{content:"v126"!important;font-size:11px!important;line-height:1!important}
}