/* DMagicWorld app player polish v20260827c.
   Loaded after app.css so legacy compatibility rules cannot flatten it. */

@media(max-width:1120px) {
  html.dmw-new-app #nav .nav-dd-caret { display:none!important; }
  html.dmw-new-app .nav-parks-trigger:after,
  html.dmw-new-app #more-wrap > .nav-dd-toggle:after {
    content:""!important;
    display:block!important;
    flex:0 0 9px;
    width:9px;
    height:9px;
    margin-left:auto;
    border-right:2px solid var(--dmw-app-season);
    border-bottom:2px solid var(--dmw-app-season);
    transform:rotate(45deg) translateY(-2px);
    transform-origin:center;
    transition:transform .18s ease;
    filter:drop-shadow(0 0 7px color-mix(in srgb,var(--dmw-app-season) 45%,transparent));
  }
  html.dmw-new-app .nav-parks.open > .nav-parks-trigger:after,
  html.dmw-new-app #more-wrap.open > .nav-dd-toggle:after {
    content:""!important;
    transform:rotate(225deg) translate(-2px,-2px);
  }
}

html.dmw-new-app .playerbar {
  padding:12px max(14px,env(safe-area-inset-left)) calc(11px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),transparent 26%),
    radial-gradient(ellipse at 15% -70%,color-mix(in srgb,var(--dmw-app-season) 28%,transparent),transparent 47%),
    radial-gradient(ellipse at 84% 140%,color-mix(in srgb,var(--dmw-app-new-warm) 18%,transparent),transparent 46%),
    linear-gradient(155deg,#092f53,#04172f 58%,#062846)!important;
  border-top:1px solid rgba(216,253,255,.42)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.20),inset 0 -2px 0 rgba(0,9,29,.58),0 -4px 0 rgba(5,70,102,.50),0 -24px 62px rgba(0,7,27,.50)!important;
}

html.dmw-new-app .app-player {
  max-width:1120px!important;
  transform:translateY(-4px);
  border:1px solid rgba(213,252,253,.38)!important;
  border-left:7px solid var(--app-player-accent)!important;
  border-radius:27px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.17),transparent 31%),
    radial-gradient(circle at 82% -20%,color-mix(in srgb,var(--dmw-app-season) 30%,transparent),transparent 38%),
    linear-gradient(145deg,#10618a 0%,#0a456f 48%,#052446 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -4px 0 rgba(0,12,36,.46),0 5px 0 rgba(1,19,45,.68),0 18px 44px rgba(0,5,22,.42),0 0 28px color-mix(in srgb,var(--dmw-app-season) 10%,transparent)!important;
}

html.dmw-new-app .app-player:after {
  content:""!important;
  position:absolute;
  left:28px;
  right:28px;
  top:0;
  height:1px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--dmw-app-season),var(--dmw-app-new-warm),transparent)!important;
  opacity:.58!important;
  pointer-events:none;
}

html.dmw-new-app .app-player-play {
  border-color:rgba(255,255,255,.62)!important;
  background:linear-gradient(145deg,#fff8cf,var(--dmw-app-new-warm) 48%,var(--dmw-app-season))!important;
  color:#06264a!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.78),inset 0 -3px 0 rgba(3,45,70,.25),0 4px 0 rgba(2,28,56,.54),0 13px 28px color-mix(in srgb,var(--dmw-app-season) 24%,rgba(0,0,0,.20))!important;
}

html.dmw-new-app .app-player-artwork {
  border:2px solid rgba(225,255,255,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 0 rgba(0,17,42,.48),0 13px 29px rgba(0,7,25,.38)!important;
}

html.dmw-new-app .app-player-controls {
  padding:5px 7px;
  border:1px solid rgba(213,252,253,.18);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(1,20,49,.46),rgba(255,255,255,.055));
  box-shadow:inset 0 2px 4px rgba(0,11,33,.40),inset 0 -1px 0 rgba(255,255,255,.10);
}

html.dmw-new-app .app-player-openhandle-copy {
  min-height:26px!important;
  padding-inline:15px!important;
  border:1px solid color-mix(in srgb,var(--dmw-app-season) 52%,#d9fbff)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 38%),linear-gradient(180deg,#1a7aa4,#0c527e 52%,#062d56)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,13,39,.50),0 4px 0 rgba(1,18,43,.66),0 12px 27px rgba(0,6,24,.44)!important;
}

html.dmw-new-app .app-player-openhandle:before,
html.dmw-new-app .app-player-openhandle:after {
  height:3px!important;
  background:linear-gradient(90deg,transparent,var(--dmw-app-season))!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--dmw-app-season) 34%,transparent);
}

html.dmw-new-app .app-mini-player {
  background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--dmw-app-season) 18%,transparent),transparent 32%),rgba(1,8,24,.86)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
}

html.dmw-new-app .app-mini-card {
  width:min(780px,100%)!important;
  max-height:min(92vh,820px)!important;
  padding:28px!important;
  border:1px solid rgba(218,253,253,.44)!important;
  border-radius:34px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),transparent 24%),
    radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--dmw-app-season) 30%,transparent),transparent 34%),
    radial-gradient(circle at 3% 96%,color-mix(in srgb,var(--dmw-app-new-warm) 17%,transparent),transparent 30%),
    linear-gradient(150deg,#0d4f79 0%,#082f59 48%,#041932 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -5px 0 rgba(0,10,32,.52),0 7px 0 rgba(1,15,38,.72),0 42px 130px rgba(0,0,0,.68),0 0 48px color-mix(in srgb,var(--dmw-app-season) 12%,transparent)!important;
}

html.dmw-new-app .app-mini-card:before {
  height:8px!important;
  background:linear-gradient(90deg,transparent 2%,var(--dmw-app-season),var(--dmw-app-new-warm),var(--dmw-app-season),transparent 98%)!important;
  box-shadow:0 3px 18px color-mix(in srgb,var(--dmw-app-season) 36%,transparent)!important;
}

html.dmw-new-app .app-mini-kicker {
  border:1px solid rgba(211,251,252,.20);
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(0,20,50,.28))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 18px rgba(0,8,28,.18);
}

html.dmw-new-app .app-mini-nowline {
  grid-template-columns:148px minmax(0,1fr)!important;
  gap:24px!important;
  margin-top:20px!important;
  padding:20px!important;
  border:1px solid rgba(217,253,253,.25)!important;
  border-radius:27px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(0,17,46,.39)),radial-gradient(circle at 0 0,var(--dmw-app-season-soft),transparent 48%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,10,32,.32),0 13px 32px rgba(0,6,25,.22)!important;
}

html.dmw-new-app .app-mini-artwork {
  width:148px!important;
  height:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  border:2px solid rgba(228,255,255,.50)!important;
  border-radius:27px!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 5px 0 rgba(0,14,39,.50),0 20px 44px rgba(0,5,23,.44)!important;
}

html.dmw-new-app .app-mini-title { font-size:clamp(28px,4.5vw,42px)!important;text-shadow:0 3px 14px rgba(0,5,25,.36); }
html.dmw-new-app .app-mini-progress { margin-top:17px!important;padding:11px 14px!important;border:1px solid rgba(210,252,253,.15);border-radius:16px;background:rgba(0,16,42,.26);box-shadow:inset 0 2px 5px rgba(0,8,27,.34),inset 0 -1px 0 rgba(255,255,255,.08); }
html.dmw-new-app .app-mini-progress-track { height:11px!important; }
html.dmw-new-app .app-mini-progress-fill { background:linear-gradient(90deg,var(--dmw-app-season),var(--dmw-app-new-warm),var(--dmw-app-season))!important; }

html.dmw-new-app .app-mini-control-deck {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(211,251,252,.18);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(0,15,41,.34),rgba(255,255,255,.055));
  box-shadow:inset 0 3px 8px rgba(0,8,28,.34),inset 0 -1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,7,25,.14);
}

html.dmw-new-app .app-mini-control-deck .app-mini-grid,
html.dmw-new-app .app-mini-control-deck .app-mini-sleep,
html.dmw-new-app .app-mini-control-deck .app-mini-license,
html.dmw-new-app .app-mini-control-deck .app-mini-actions { grid-column:1 / -1; }

html.dmw-new-app .app-mini-control-deck .app-mini-grid,
html.dmw-new-app .app-mini-control-deck .app-mini-volume,
html.dmw-new-app .app-mini-control-deck .app-mini-sleep,
html.dmw-new-app .app-mini-control-deck .app-mini-actions { margin-top:0!important; }

html.dmw-new-app .app-mini-row,
html.dmw-new-app .app-mini-volume,
html.dmw-new-app .app-mini-sleep {
  border:1px solid rgba(211,251,252,.19)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(0,16,44,.30))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -2px 0 rgba(0,9,29,.28),0 8px 19px rgba(0,6,22,.12)!important;
}

html.dmw-new-app .app-mini-actions .primary {
  border-color:rgba(255,255,255,.56)!important;
  background:linear-gradient(135deg,var(--dmw-app-season),#fff0a8 54%,var(--dmw-app-new-warm))!important;
  color:#06264a!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.56),inset 0 -3px 0 rgba(3,46,72,.22),0 4px 0 rgba(1,24,50,.50),0 12px 26px color-mix(in srgb,var(--dmw-app-season) 18%,transparent)!important;
}

html.dmw-new-app .app-mini-actions a {
  border-color:rgba(211,251,252,.27)!important;
  background:linear-gradient(145deg,rgba(38,125,161,.78),rgba(4,37,72,.92))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -3px 0 rgba(0,11,34,.34),0 4px 0 rgba(1,21,46,.48),0 10px 22px rgba(0,6,23,.22)!important;
}

@media(max-width:700px) {
  html.dmw-new-app .playerbar { padding:10px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important; }
  html.dmw-new-app .app-player { transform:translateY(-3px);border-left-width:1px!important;border-radius:21px!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset 0 -3px 0 rgba(0,11,34,.42),0 4px 0 rgba(1,19,45,.62),0 16px 37px rgba(0,5,22,.38)!important; }
  html.dmw-new-app .app-player-controls { padding:4px 5px; }
  html.dmw-new-app .app-mini-player { align-items:flex-end!important;padding:9px!important; }
  html.dmw-new-app .app-mini-card { padding:18px!important;border-radius:28px!important;max-height:88vh!important; }
  html.dmw-new-app .app-mini-nowline { grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;margin-top:13px!important;padding:13px!important;border-radius:20px!important; }
  html.dmw-new-app .app-mini-artwork { width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;border-radius:18px!important; }
  html.dmw-new-app .app-mini-title { font-size:clamp(20px,6vw,28px)!important; }
  html.dmw-new-app .app-mini-artist { font-size:14px!important; }
  html.dmw-new-app .app-mini-progress { margin-top:10px!important;padding:8px 10px!important; }
  html.dmw-new-app .app-mini-progress-track { height:8px!important; }
  html.dmw-new-app .app-mini-control-deck { grid-template-columns:1fr;gap:8px;margin-top:10px;padding:10px;border-radius:20px; }
  html.dmw-new-app .app-mini-control-deck > * { grid-column:1!important; }
  html.dmw-new-app .app-mini-actions { grid-template-columns:1fr 1fr!important; }
}

@media(max-width:430px) {
  html.dmw-new-app .app-player-play { border:1px solid rgba(255,255,255,.72)!important;background:rgba(3,22,47,.44)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 rgba(0,12,34,.46),0 9px 20px rgba(0,6,24,.30)!important; }
  html.dmw-new-app .app-player-artwork { border-width:1px!important; }
  html.dmw-new-app .app-player-controls { border:0;background:transparent;box-shadow:none; }
  html.dmw-new-app .app-player-openhandle-copy { min-height:22px!important;padding-inline:10px!important; }
  html.dmw-new-app .app-mini-card { padding:16px 13px 14px!important; }
  html.dmw-new-app .app-mini-nowline { grid-template-columns:64px minmax(0,1fr)!important;gap:11px!important;padding:11px!important; }
  html.dmw-new-app .app-mini-artwork { width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;border-radius:16px!important; }
  html.dmw-new-app .app-mini-actions { grid-template-columns:1fr!important; }
}

/* 20260829a - Compact information rail for the persistent player.  The
   licensing source remains visible; only the cover and copy spacing shrink.
   Playback, volume, sleep timer and Data Saver controls deliberately stay
   untouched. */
html.dmw-new-app .app-player{
  grid-template-columns:46px 46px minmax(0,1fr) auto!important;
  gap:8px!important;
  padding-inline:8px!important;
}
html.dmw-new-app .app-player-play{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
}
html.dmw-new-app .app-player-artwork{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  border-radius:14px!important;
}
html.dmw-new-app .app-player-copy{gap:1px!important;}
html.dmw-new-app .app-player-source{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;}
html.dmw-new-app .app-player-label{font-size:9px!important;letter-spacing:.1em!important;}
html.dmw-new-app .app-player-title,
html.dmw-new-app .app-player-subtitle{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html.dmw-new-app .app-player-title{font-size:14px!important;line-height:1.1!important;}
html.dmw-new-app .app-player-subtitle{font-size:11px!important;line-height:1.1!important;}
html.dmw-new-app .app-player-source{
  display:block!important;
  margin-top:0!important;
  color:rgba(223,245,255,.72)!important;
  font-size:8px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:640px){
  html.dmw-new-app .app-player{
    grid-template-columns:42px 42px minmax(0,1fr) auto!important;
    gap:7px!important;
  }
  html.dmw-new-app .app-player-play,
  html.dmw-new-app .app-player-artwork{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }
  html.dmw-new-app .app-player-source{font-size:7.5px!important;}
}
@media(max-width:430px){
  /* Keep play and artwork as separate compact controls instead of stacking
     them in the same grid cell. */
  html.dmw-new-app .app-player{grid-template-columns:40px 40px minmax(0,1fr)!important;}
  html.dmw-new-app .app-player-play{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;}
  html.dmw-new-app .app-player-artwork{grid-column:2!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;}
  html.dmw-new-app .app-player-copy{grid-column:3!important;grid-row:1!important;}
}

/* 20260902b — shared fixed-player layout for desktop and mobile.  The handle
   has its own reserved band; no status text may sit underneath it. */
html.dmw-new-app .playerbar{
  height:auto!important;
  min-height:0!important;
  padding:38px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important;
}
html.dmw-new-app .app-player{
  transform:none!important;
  width:min(1180px,100%)!important;
  min-height:76px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:8px 13px 7px!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:7px 11px!important;
  align-items:center!important;
  align-content:center!important;
  border-left-width:1px!important;
}
html.dmw-new-app .app-player-openhandle{
  top:-36px!important;
  z-index:6!important;
}
html.dmw-new-app .app-player-artwork{
  display:none!important;
}
html.dmw-new-app .app-player-play{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  border-radius:17px!important;
  background-color:rgba(2,20,46,.24)!important;
  background-image:linear-gradient(rgba(2,20,46,.24),rgba(2,20,46,.42)),var(--dmw-compact-play-artwork)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-color:rgba(255,255,255,.66)!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.76)!important;
}
html.dmw-new-app .app-player-copy{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  align-self:center!important;
  gap:2px!important;
}
html.dmw-new-app .app-player-mainline{
  min-width:0!important;
  padding-right:0!important;
}
html.dmw-new-app .app-player-title,
html.dmw-new-app .app-player-subtitle{
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html.dmw-new-app .app-player-source{
  grid-column:1 / -1!important;
  grid-row:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:1px 4px 0!important;
  text-align:center!important;
  color:rgba(223,245,255,.76)!important;
  font-size:8px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html.dmw-new-app .app-player-controls{display:none!important;}
html.dmw-new-app .app-player-live{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;margin-left:6px;padding:3px 7px;
  border:1px solid rgba(158,230,255,.70);border-radius:999px;
  background:rgba(158,230,255,.18);color:#e9fbff;
  font:900 9px/1 inherit;letter-spacing:.09em;cursor:pointer;
}
html.dmw-new-app .app-player-live[hidden]{display:none!important;}
html.dmw-new-app .app-mini-actions.has-live{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
html.dmw-new-app .app-mini-live{background:rgba(158,230,255,.17)!important;border-color:rgba(158,230,255,.55)!important;color:#e9fbff!important;}
html.dmw-new-app .app-mini-live[hidden]{display:none!important;}
@media(max-width:700px){
  html.dmw-new-app .playerbar{
    padding:36px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important;
  }
  html.dmw-new-app .app-player{
    min-height:74px!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    padding:7px 9px 6px!important;
  }
  html.dmw-new-app .app-player-play{
    width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;border-radius:15px!important;
  }
  html.dmw-new-app .app-player-title{font-size:14px!important;line-height:1.1!important;}
  html.dmw-new-app .app-player-subtitle{font-size:11px!important;line-height:1.12!important;}
  html.dmw-new-app .app-player-openhandle{top:-34px!important;}
  html.dmw-new-app .app-mini-actions.has-live{grid-template-columns:1fr 1fr!important;}
  html.dmw-new-app .app-mini-actions.has-live #appMiniLive{grid-column:1 / -1!important;}
}
@media(max-width:430px){
  html.dmw-new-app .app-player{grid-template-columns:42px minmax(0,1fr)!important;min-height:72px!important;}
  html.dmw-new-app .app-player-play{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;}
  html.dmw-new-app .app-player-openhandle{top:-33px!important;}
  html.dmw-new-app .app-player-label{font-size:8.5px!important;}
  html.dmw-new-app .app-player-live{margin-left:4px;padding:3px 6px;font-size:8px!important;}
}

/* 20260902c — the fixed player deliberately inherits the active app season.
   The playback state marker belongs to the artwork/play control, never to the
   outer edge of the bar. A fallback station logo is treated as artwork too. */
html.dmw-new-app .app-player{
  border-left:1px solid rgba(213,252,253,.38)!important;
  background:
    radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--dmw-app-season) 22%,transparent),transparent 30%),
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--dmw-app-new-warm) 20%,transparent),transparent 34%),
    linear-gradient(145deg,#0d4f79 0%,#082f59 48%,#041932 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -4px 0 rgba(0,12,36,.46),0 5px 0 rgba(1,19,45,.68),0 18px 44px rgba(0,5,22,.42),0 0 30px color-mix(in srgb,var(--dmw-app-season) 18%,transparent)!important;
}
html.dmw-new-app .app-player-play{position:relative!important;isolation:isolate!important;overflow:visible!important;}
html.dmw-new-app .app-player:before{display:none!important;content:none!important;}
html.dmw-new-app .app-player-play:before{
  content:""!important;position:absolute!important;left:-6px!important;top:50%!important;transform:translateY(-50%)!important;
  width:4px!important;height:68%!important;border-radius:99px!important;background:var(--app-player-accent)!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--app-player-accent) 70%,transparent)!important;pointer-events:none!important;z-index:2!important;
}
html.dmw-new-app .app-player-icon{position:relative!important;z-index:3!important;}
html.dmw-new-app .app-mini-card{
  background:
    radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--dmw-app-season) 30%,transparent),transparent 34%),
    radial-gradient(circle at 3% 96%,color-mix(in srgb,var(--dmw-app-new-warm) 17%,transparent),transparent 30%),
    linear-gradient(150deg,#0d4f79 0%,#082f59 48%,#041932 100%)!important;
}
html.dmw-new-app .app-mini-artwork.is-station-art{
  object-fit:contain!important;padding:7px!important;box-sizing:border-box!important;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06))!important;
}
html.dmw-new-app.dmw-season-halloween .app-player-play.is-station-art:after{
  content:""!important;position:absolute!important;inset:-5px!important;border-radius:18px!important;z-index:-1!important;pointer-events:none!important;
  background:radial-gradient(circle,rgba(255,222,142,.42) 0,rgba(255,138,42,.22) 39%,rgba(255,112,22,.04) 69%,transparent 72%)!important;
  filter:blur(1px)!important;
}
html.dmw-new-app .app-player[data-state="reconnecting"] .app-player-icon{
  width:22px!important;height:22px!important;margin:0!important;border:3px solid rgba(5,32,69,.28)!important;
  border-top-color:currentColor!important;border-radius:50%!important;animation:appPlayerSpin .82s linear infinite!important;
}
html.dmw-new-app.dmw-season-halloween .app-mini-artwork.is-station-art{
  box-shadow:none!important;
  filter:drop-shadow(0 0 5px rgba(255,235,184,.72)) drop-shadow(0 9px 16px rgba(0,0,0,.44))!important;
}
@media(min-width:701px){
  html.dmw-new-app .app-player{grid-template-columns:52px minmax(0,1fr) auto!important;}
  html.dmw-new-app .app-player-controls{display:flex!important;grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;}
}
@media(max-width:700px){
  html.dmw-new-app .app-player-controls{display:none!important;}
}

/* 20260902e — final player geometry. Keep this at the end: it is the single
   breakpoint contract after all historical player refinements. */
html.dmw-new-app.dmw-season-halloween{
  --dmw-app-season:#ff8a2a!important;
  --dmw-app-new-warm:#ffab4a!important;
  --dmw-app-season-soft:rgba(255,138,42,.18)!important;
}
html.dmw-new-app.dmw-season-halloween .app-player-play.is-station-art:after{
  background:radial-gradient(circle,rgba(255,222,142,.42) 0,rgba(255,138,42,.22) 39%,rgba(255,112,22,.04) 69%,transparent 72%)!important;
}
html.dmw-new-app .app-player{border-left:1px solid rgba(213,252,253,.38)!important;}
html.dmw-new-app .app-player-play:before{left:-6px!important;}
html.dmw-new-app .app-player-openhandle{top:-18px!important;z-index:7!important;}
html.dmw-new-app .playerbar{padding-top:20px!important;}
@media(min-width:701px){
  html.dmw-new-app .app-player{grid-template-columns:52px minmax(0,1fr) auto!important;}
  html.dmw-new-app .app-player-controls,
  html.dmw-new-app .app-player-controls[hidden]{display:flex!important;grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;}
}
@media(max-width:700px){
  html.dmw-new-app .playerbar{padding-top:20px!important;}
  html.dmw-new-app .app-player-openhandle{top:-18px!important;}
  html.dmw-new-app .app-player{border-left:1px solid rgba(213,252,253,.38)!important;}
}

/* On phones the fixed player bar is intentionally compact.  The expanded
   player keeps its artwork: it is the full listening view. */
@media(max-width:640px){
  html.dmw-new-app .app-player{
    grid-template-columns:42px minmax(0,1fr) auto!important;
  }
  /* Compact player: the cover is the play/pause button background, not a
     second image that consumes its own column. */
  html.dmw-new-app .app-player-artwork{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    border-radius:14px!important;
    opacity:.88!important;
    pointer-events:none!important;
  }
  html.dmw-new-app .app-player-play{
    grid-column:1!important;
    grid-row:1!important;
    z-index:1!important;
    width:42px!important;
    height:42px!important;
    background-color:rgba(2,20,46,.30)!important;
    background-image:linear-gradient(rgba(2,20,46,.28),rgba(2,20,46,.42)),var(--dmw-compact-play-artwork)!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border-color:rgba(255,255,255,.62)!important;
    text-shadow:0 1px 3px rgba(0,0,0,.72)!important;
  }
}
@media(max-width:430px){
  html.dmw-new-app .app-player{grid-template-columns:40px minmax(0,1fr)!important;}
  html.dmw-new-app .app-player-artwork,
  html.dmw-new-app .app-player-play{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;}
  html.dmw-new-app .app-player-copy{grid-column:2!important;grid-row:1!important;}
}

/* On phones, a long track title may use the extra line it needs. The fixed
   player stays compact and hides only its duplicate artwork; the expanded
   player remains unchanged. */
@media(max-width:640px){
  html.dmw-new-app .playerbar{height:auto!important;min-height:var(--player-h)!important;}
  html.dmw-new-app .app-player{height:auto!important;min-height:72px!important;padding-block:7px!important;align-items:center!important;}
  html.dmw-new-app .app-player-title{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.14!important;}
}

/* 20260901e — compact mobile player without hiding the mandatory stream URL.
   The expanded mini-player is a listening overview, not a settings form. */
@media(max-width:640px){
  html.dmw-new-app .playerbar{min-height:0!important;padding-block:5px calc(5px + env(safe-area-inset-bottom))!important;}
  html.dmw-new-app .app-player{min-height:68px!important;padding-block:5px!important;}
  html.dmw-new-app .app-player-title{font-size:12.5px!important;line-height:1.1!important;max-height:2.2em!important;overflow:hidden!important;}
  html.dmw-new-app .app-player-subtitle{font-size:10.5px!important;line-height:1.05!important;}
  html.dmw-new-app .app-player-source{display:block!important;grid-column:1 / -1!important;grid-row:2!important;width:100%!important;margin:0!important;font-size:7px!important;line-height:1.05!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  html.dmw-new-app .app-mini-sleep{display:none!important;}
  html.dmw-new-app .app-mini-quality{grid-template-columns:84px minmax(0,1fr)!important;}
  html.dmw-new-app .app-mini-quality select{min-width:0!important;max-width:100%!important;}
  html.dmw-new-app .app-mini-license{margin-top:6px!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  html.dmw-new-app .app-mini-card{padding:13px!important;max-height:calc(100dvh - 16px)!important;}
  html.dmw-new-app .app-mini-grid{margin-top:8px!important;}
  html.dmw-new-app .app-mini-actions{margin-top:8px!important;}
}

/* 20260901f — final mobile player fit.  The fixed bar stays compact, but no
   title, artist or mandatory source URL is cut off.  Sleep controls belong in
   the expanded player only; mobile users must not lose actions behind Android
   navigation or an oversized sheet. */
@media(max-width:640px){
  html.dmw-new-app .app-player-sleep{display:none!important;}
  html.dmw-new-app .app-player-title,
  html.dmw-new-app .app-player-subtitle{
    max-height:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html.dmw-new-app .app-player-title{font-size:clamp(10px,3.25vw,12.5px)!important;}
  html.dmw-new-app .app-player-subtitle{font-size:clamp(9px,2.8vw,10.5px)!important;}
  html.dmw-new-app .app-mini-player{
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
    align-items:flex-end!important;
  }
  html.dmw-new-app .app-mini-card{
    width:100%!important;
    max-height:calc(100dvh - 12px - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:12px!important;
  }
  html.dmw-new-app .app-mini-title,
  html.dmw-new-app .app-mini-artist,
  html.dmw-new-app .app-mini-next-title,
  html.dmw-new-app .app-mini-next-artist{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html.dmw-new-app .app-mini-title{font-size:clamp(17px,5vw,23px)!important;line-height:1.1!important;}
  html.dmw-new-app .app-mini-artist{font-size:13px!important;line-height:1.18!important;}
  html.dmw-new-app .app-mini-quality{grid-template-columns:74px minmax(0,1fr)!important;}
  html.dmw-new-app .app-mini-quality select{font-size:11px!important;padding:7px 8px!important;}
  html.dmw-new-app .app-mini-actions{padding-bottom:calc(4px + env(safe-area-inset-bottom))!important;}
}

/* 20260902a — one deliberate compact player layout.  The fixed bar is for
   listening identity and favorites only; settings stay in the expanded view. */
@media(max-width:700px){
  html.dmw-new-app .playerbar{
    min-height:0!important;
    padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important;
  }
  html.dmw-new-app .app-player{
    transform:none!important;
    min-height:74px!important;
    height:auto!important;
    padding:7px 8px!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:8px!important;
    align-items:center!important;
    align-content:center!important;
  }
  html.dmw-new-app .app-player-artwork,
  html.dmw-new-app .app-player-play{
    grid-column:1!important;
    grid-row:1!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    align-self:center!important;
  }
  html.dmw-new-app .app-player-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    align-self:center!important;
  }
  html.dmw-new-app .app-player-source{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
  }
  html.dmw-new-app .app-player-controls{
    display:none!important;
  }
  html.dmw-new-app .app-player-title,
  html.dmw-new-app .app-player-subtitle{
    max-height:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}
@media(max-width:430px){
  html.dmw-new-app .app-player{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    min-height:72px!important;
  }
  html.dmw-new-app .app-player-artwork,
  html.dmw-new-app .app-player-play{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
  }
}

/* 20260902b final cascade: this intentionally follows every older mobile
   player rule so desktop and phone use the same stable compact structure. */
html.dmw-new-app .playerbar{
  height:auto!important;
  min-height:0!important;
  padding:20px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important;
}
html.dmw-new-app .app-player{
  transform:none!important;width:min(1180px,100%)!important;min-height:76px!important;height:auto!important;margin:0 auto!important;padding:8px 13px 7px!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-rows:minmax(0,1fr) auto!important;gap:7px 11px!important;align-items:center!important;align-content:center!important;border-left:1px solid rgba(213,252,253,.38)!important;
}
html.dmw-new-app .app-player-openhandle{top:-18px!important;z-index:7!important;}
html.dmw-new-app .app-player-artwork{display:none!important;}
html.dmw-new-app .app-player-play{
  grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;border-radius:17px!important;
  background-color:rgba(2,20,46,.24)!important;background-image:linear-gradient(rgba(2,20,46,.24),rgba(2,20,46,.42)),var(--dmw-compact-play-artwork)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-color:rgba(255,255,255,.66)!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.76)!important;
}
/* A station fallback is already a finished logo. Keep the dark artwork tint
   for photographs, but never paint it over the seasonal station mark. */
html.dmw-new-app .app-player-play.is-station-art{
  background-color:rgba(2,20,46,.16)!important;
  background-image:var(--dmw-compact-play-artwork)!important;
  background-size:contain!important;
}
html.dmw-new-app .app-player-copy{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;align-self:center!important;gap:2px!important;}
html.dmw-new-app .app-player-mainline{min-width:0!important;padding-right:0!important;}
html.dmw-new-app .app-player-title,html.dmw-new-app .app-player-subtitle{max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html.dmw-new-app .app-player-source{grid-column:1 / -1!important;grid-row:2!important;display:block!important;width:100%!important;margin:0!important;padding:1px 4px 0!important;text-align:center!important;color:rgba(223,245,255,.76)!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
html.dmw-new-app .app-player-controls{display:flex!important;grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;}
html.dmw-new-app .app-player-live{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:6px;padding:3px 7px;border:1px solid rgba(158,230,255,.70);border-radius:999px;background:rgba(158,230,255,.18);color:#e9fbff;font:900 9px/1 inherit;letter-spacing:.09em;cursor:pointer;}
html.dmw-new-app .app-player-live[hidden],html.dmw-new-app .app-mini-live[hidden]{display:none!important;}
html.dmw-new-app .app-mini-actions.has-live{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
html.dmw-new-app .app-mini-live{background:rgba(158,230,255,.17)!important;border-color:rgba(158,230,255,.55)!important;color:#e9fbff!important;}
@media(max-width:700px){
  html.dmw-new-app .playerbar{padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))!important;}
  /* The Open player handle straddles the card border. Reserve its overlap
     inside the card so a request/reconnect label can never sit underneath. */
  html.dmw-new-app .app-player{min-height:88px!important;grid-template-columns:46px minmax(0,1fr)!important;padding:23px 9px 6px!important;}
  html.dmw-new-app .app-player-play{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;border-radius:15px!important;}
  html.dmw-new-app .app-player-title{font-size:14px!important;line-height:1.1!important;}
  html.dmw-new-app .app-player-subtitle{font-size:11px!important;line-height:1.12!important;}
  html.dmw-new-app .app-player-openhandle{top:-18px!important;}
  html.dmw-new-app .app-player-controls{display:none!important;}
  html.dmw-new-app .app-mini-actions.has-live{grid-template-columns:1fr 1fr!important;}
  html.dmw-new-app .app-mini-actions.has-live #appMiniLive{grid-column:1 / -1!important;}
}
@media(max-width:430px){
  html.dmw-new-app .app-player{grid-template-columns:42px minmax(0,1fr)!important;min-height:86px!important;padding-top:22px!important;}
  html.dmw-new-app .app-player-play{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;}
  html.dmw-new-app .app-player-openhandle{top:-18px!important;}
  html.dmw-new-app .app-player-label{font-size:8.5px!important;}
  html.dmw-new-app .app-player-live{margin-left:4px;padding:3px 6px;font-size:8px!important;}
}

/* 20260902i final geometry: the handle straddles the actual card border.
   The playerbar no longer reserves a separate row above the card. */
html.dmw-new-app .playerbar{
  padding-top:8px!important;
  overflow:visible!important;
}
html.dmw-new-app .app-player-openhandle{
  top:-18px!important;
}

/* 20260902j — one shared seasonal chrome layer for the app topbar, fixed
   player and expanded player. It colours the surfaces around track artwork;
   real artwork itself is never filtered or tinted. */
html.dmw-new-app{
  --dmw-season-primary:#69ddff;
  --dmw-season-secondary:#ffd77a;
  --dmw-season-deep-a:#0a4566;
  --dmw-season-deep-b:#061b39;
  --dmw-season-deep-c:#163d58;
  --dmw-season-logo-glow:#69ddff;
}
html.dmw-new-app.dmw-season-spring{
  --dmw-season-primary:#7de8b6;
  --dmw-season-secondary:#ff9fc7;
  --dmw-season-deep-a:#124d4a;
  --dmw-season-deep-b:#071d38;
  --dmw-season-deep-c:#45344f;
  --dmw-season-logo-glow:#7de8b6;
}
html.dmw-new-app.dmw-season-summer{
  --dmw-season-primary:#22d7ea;
  --dmw-season-secondary:#ffd166;
  --dmw-season-deep-a:#07566f;
  --dmw-season-deep-b:#061d3c;
  --dmw-season-deep-c:#60451b;
  --dmw-season-logo-glow:#22d7ea;
}
html.dmw-new-app.dmw-season-halloween{
  --dmw-season-primary:#ff8a2a;
  --dmw-season-secondary:#c67aff;
  --dmw-season-deep-a:#4b183e;
  --dmw-season-deep-b:#140c29;
  --dmw-season-deep-c:#592711;
  --dmw-season-logo-glow:#ff8a2a;
}
html.dmw-new-app.dmw-season-christmas{
  --dmw-season-primary:#45d58b;
  --dmw-season-secondary:#ef5a68;
  --dmw-season-deep-a:#0a493e;
  --dmw-season-deep-b:#061b34;
  --dmw-season-deep-c:#551d2a;
  --dmw-season-logo-glow:#45d58b;
}

html.dmw-new-app .topbar{
  background:
    radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--dmw-season-primary) 24%,transparent),transparent 15rem),
    radial-gradient(circle at 89% -18%,color-mix(in srgb,var(--dmw-season-secondary) 22%,transparent),transparent 20rem),
    linear-gradient(120deg,var(--dmw-season-deep-a),var(--dmw-season-deep-b) 49%,var(--dmw-season-deep-c))!important;
  border-bottom-color:color-mix(in srgb,var(--dmw-season-primary) 52%,rgba(255,255,255,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,13,34,.78),0 3px 0 color-mix(in srgb,var(--dmw-season-primary) 25%,transparent),0 16px 38px rgba(0,7,28,.38)!important;
}
html.dmw-new-app.dmw-season-christmas .topbar{
  background:
    radial-gradient(circle at 18% 13%,rgba(255,231,150,.68) 0 1px,transparent 2px),
    radial-gradient(circle at 48% 22%,rgba(255,255,255,.56) 0 1px,transparent 2px),
    radial-gradient(circle at 76% 14%,rgba(255,205,117,.60) 0 1px,transparent 2px),
    radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--dmw-season-primary) 24%,transparent),transparent 15rem),
    radial-gradient(circle at 89% -18%,color-mix(in srgb,var(--dmw-season-secondary) 22%,transparent),transparent 20rem),
    linear-gradient(120deg,var(--dmw-season-deep-a),var(--dmw-season-deep-b) 49%,var(--dmw-season-deep-c))!important;
}
html.dmw-new-app .topbar:after{
  background:linear-gradient(90deg,transparent,var(--dmw-season-primary),var(--dmw-season-secondary),var(--dmw-season-primary),transparent)!important;
  box-shadow:0 2px 12px color-mix(in srgb,var(--dmw-season-primary) 34%,transparent),0 1px 0 rgba(255,255,255,.22)!important;
}
html.dmw-new-app .topbar .brand{position:relative;isolation:isolate;}
html.dmw-new-app .topbar .brand:before{
  content:"";position:absolute;z-index:-1;left:-9px;top:50%;width:65px;height:65px;transform:translateY(-50%);border-radius:22px;
  background:radial-gradient(circle,color-mix(in srgb,var(--dmw-season-logo-glow) 24%,white) 0,color-mix(in srgb,var(--dmw-season-logo-glow) 24%,transparent) 40%,transparent 72%);
  filter:blur(1px);pointer-events:none;
}
html.dmw-new-app .topbar .brand img{
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--dmw-season-logo-glow) 42%,transparent)) drop-shadow(0 9px 16px rgba(0,0,0,.44))!important;
}
html.dmw-new-app .topbar .app-settings-quick,
html.dmw-new-app .topbar .app-theme-quick,
html.dmw-new-app .topbar .app-history-back,
html.dmw-new-app .topbar .hamburger{
  border-color:color-mix(in srgb,var(--dmw-season-primary) 32%,rgba(255,255,255,.24))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.20),0 0 14px color-mix(in srgb,var(--dmw-season-primary) 10%,transparent)!important;
}

html.dmw-new-app .playerbar{
  background:
    radial-gradient(ellipse at 14% -30%,color-mix(in srgb,var(--dmw-season-primary) 20%,transparent),transparent 45%),
    radial-gradient(ellipse at 88% 125%,color-mix(in srgb,var(--dmw-season-secondary) 16%,transparent),transparent 44%),
    linear-gradient(145deg,var(--dmw-season-deep-b),color-mix(in srgb,var(--dmw-season-deep-a) 72%,#03152d) 55%,var(--dmw-season-deep-b))!important;
  border-top-color:color-mix(in srgb,var(--dmw-season-primary) 42%,rgba(255,255,255,.18))!important;
}
html.dmw-new-app .app-player{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 38%),
    radial-gradient(circle at 12% 38%,color-mix(in srgb,var(--dmw-season-primary) 22%,transparent),transparent 32%),
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--dmw-season-secondary) 18%,transparent),transparent 36%),
    linear-gradient(145deg,color-mix(in srgb,var(--dmw-season-deep-a) 82%,#0c5a80),var(--dmw-season-deep-b) 62%,color-mix(in srgb,var(--dmw-season-deep-c) 62%,#03172f))!important;
  border-color:color-mix(in srgb,var(--dmw-season-primary) 35%,rgba(255,255,255,.20))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,9,28,.48),0 5px 0 rgba(1,15,38,.62),0 18px 44px rgba(0,5,22,.42),0 0 26px color-mix(in srgb,var(--dmw-season-primary) 14%,transparent)!important;
}
html.dmw-new-app .app-player-openhandle-copy{
  border-color:color-mix(in srgb,var(--dmw-season-primary) 44%,rgba(255,255,255,.25))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--dmw-season-deep-a) 78%,#176e98),var(--dmw-season-deep-b))!important;
}
html.dmw-new-app .app-player-label,
html.dmw-new-app .app-player-timeleft,
html.dmw-new-app .app-mini-timeleft{
  color:color-mix(in srgb,var(--dmw-season-primary) 48%,white)!important;
}
html.dmw-new-app .app-player-progress-fill,
html.dmw-new-app .app-mini-progress-fill{
  background:linear-gradient(90deg,var(--dmw-season-primary),var(--dmw-season-secondary),var(--dmw-season-primary))!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--dmw-season-primary) 32%,transparent)!important;
}

html.dmw-new-app .app-mini-player{
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--dmw-season-primary) 15%,transparent),transparent 38%),rgba(1,10,28,.84)!important;
}
html.dmw-new-app .app-mini-card{
  border-color:color-mix(in srgb,var(--dmw-season-primary) 38%,rgba(255,255,255,.20))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),transparent 25%),
    radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--dmw-season-primary) 25%,transparent),transparent 36%),
    radial-gradient(circle at 4% 96%,color-mix(in srgb,var(--dmw-season-secondary) 18%,transparent),transparent 34%),
    linear-gradient(155deg,color-mix(in srgb,var(--dmw-season-deep-a) 76%,#0b4c72),var(--dmw-season-deep-b) 52%,color-mix(in srgb,var(--dmw-season-deep-c) 66%,#041a3a))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -4px 0 rgba(0,10,32,.50),0 6px 0 rgba(1,15,38,.68),0 38px 120px rgba(0,0,0,.62),0 0 46px color-mix(in srgb,var(--dmw-season-primary) 13%,transparent)!important;
}
html.dmw-new-app .app-mini-card:before{
  background:linear-gradient(90deg,transparent,var(--dmw-season-primary),var(--dmw-season-secondary),var(--dmw-season-primary),transparent)!important;
  box-shadow:0 3px 18px color-mix(in srgb,var(--dmw-season-primary) 34%,transparent)!important;
}
html.dmw-new-app .app-mini-kicker{
  color:color-mix(in srgb,var(--dmw-season-primary) 56%,white)!important;
  border-color:color-mix(in srgb,var(--dmw-season-primary) 30%,rgba(255,255,255,.16))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--dmw-season-primary) 14%,rgba(255,255,255,.11)),rgba(0,20,50,.28))!important;
}
html.dmw-new-app .app-mini-row{
  box-shadow:inset 4px 0 0 color-mix(in srgb,var(--dmw-season-primary) 62%,transparent),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html.dmw-new-app .app-player-play.is-station-art:after{
  background:radial-gradient(circle,color-mix(in srgb,var(--dmw-season-logo-glow) 26%,white) 0,color-mix(in srgb,var(--dmw-season-logo-glow) 23%,transparent) 40%,transparent 72%)!important;
}
html.dmw-new-app.dmw-season-spring .app-mini-artwork.is-station-art,
html.dmw-new-app.dmw-season-summer .app-mini-artwork.is-station-art,
html.dmw-new-app.dmw-season-halloween .app-mini-artwork.is-station-art,
html.dmw-new-app.dmw-season-christmas .app-mini-artwork.is-station-art{
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--dmw-season-logo-glow) 48%,transparent)) drop-shadow(0 9px 16px rgba(0,0,0,.44))!important;
}

/* 20260902m — expanded player only: a calm recent-history list and a
   recovery explanation when playback has genuinely fallen behind live. */
html.dmw-new-app .app-mini-card{max-height:none!important;overflow:visible!important;}
html.dmw-new-app .app-mini-history-row{padding:11px 13px!important;}
html.dmw-new-app .app-mini-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px;}
html.dmw-new-app .app-mini-history-item{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;align-items:start;padding-left:8px;border-left:1px solid color-mix(in srgb,var(--dmw-season-primary) 28%,rgba(255,255,255,.14));color:rgba(255,255,255,.9);font-size:11px;line-height:1.2;}
html.dmw-new-app .app-mini-history-copy{min-width:0;display:grid;gap:1px;}
html.dmw-new-app .app-mini-history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:900;}
html.dmw-new-app .app-mini-history-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(226,244,255,.72);font-size:11px;font-weight:750;}
html.dmw-new-app .app-mini-history-item time{padding-top:1px;color:color-mix(in srgb,var(--dmw-season-primary) 56%,white);font-size:10px;font-weight:900;white-space:nowrap;}
html.dmw-new-app .app-mini-actions.has-live{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
html.dmw-new-app .app-mini-live-recovery{grid-column:1/-1!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--dmw-season-primary) 38%,rgba(255,255,255,.2));border-radius:16px;background:color-mix(in srgb,var(--dmw-season-deep-a) 58%,rgba(2,13,34,.85));}
html.dmw-new-app .app-mini-live-recovery[hidden]{display:none!important;}
html.dmw-new-app .app-mini-live-recovery span{min-width:0;display:grid;gap:2px;}
html.dmw-new-app .app-mini-live-recovery b{color:#fff;font-size:13px;font-weight:950;}
html.dmw-new-app .app-mini-live-recovery small{color:rgba(230,245,255,.76);font-size:11px;font-weight:750;line-height:1.25;}
html.dmw-new-app .app-mini-live-recovery #appMiniLive{grid-column:auto!important;margin:0!important;min-width:88px;white-space:nowrap;}
@media(max-width:520px){
  html.dmw-new-app .app-mini-history-row{padding:10px!important;}
  html.dmw-new-app .app-mini-history-list{gap:5px;}
  html.dmw-new-app .app-mini-history-item{padding-left:5px;font-size:10px;}
  html.dmw-new-app .app-mini-history-copy small{font-size:9px;}
  html.dmw-new-app .app-mini-history-item time{font-size:9px;}
  html.dmw-new-app .app-mini-live-recovery{gap:9px;padding:9px 10px;}
  html.dmw-new-app .app-mini-live-recovery #appMiniLive{min-width:78px;font-size:12px;}
}
@media(max-width:640px){
  html.dmw-new-app .app-mini-card{max-height:calc(100dvh - 12px - env(safe-area-inset-bottom))!important;overflow-y:hidden!important;}
}
/* Only genuinely short landscape screens need a safe internal scroll. */
@media(max-height:640px){
  html.dmw-new-app .app-mini-card{overflow-y:auto!important;overscroll-behavior:contain!important;}
}

/* 20260902o — play/pause belongs beside the expanded-player progress, not
   as a second large action at the bottom of the sheet. */
html.dmw-new-app .app-mini-progress{grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;}
html.dmw-new-app .app-mini-play-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--dmw-season-primary) 44%,rgba(255,255,255,.24));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--dmw-season-primary) 68%,#0b4269),color-mix(in srgb,var(--dmw-season-secondary) 34%,#0a2a4b));color:#fff;font:900 11px/1 inherit;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px rgba(0,0,0,.18);}
html.dmw-new-app .app-mini-play-toggle:hover,html.dmw-new-app .app-mini-play-toggle:focus-visible{filter:brightness(1.08);outline:2px solid color-mix(in srgb,var(--dmw-season-primary) 60%,white);outline-offset:2px;}
html.dmw-new-app .app-mini-actions{grid-template-columns:1fr!important;}
html.dmw-new-app .app-mini-actions #appMiniRadio{grid-column:1/-1!important;}
@media(max-width:520px){
  html.dmw-new-app .app-mini-progress{gap:7px!important;}
  html.dmw-new-app .app-mini-play-toggle{min-width:52px;min-height:32px;padding:0 8px;font-size:10px;}
}

/* 20260902j — one shared seasonal chrome layer for the app topbar, fixed
   player and expanded player. It colours the surfaces around track artwork;
   real artwork itself is never filtered or tinted. */
html.dmw-new-app{
  --dmw-season-primary:#69ddff;
  --dmw-season-secondary:#ffd77a;
  --dmw-season-deep-a:#0a4566;
  --dmw-season-deep-b:#061b39;
  --dmw-season-deep-c:#163d58;
  --dmw-season-logo-glow:#69ddff;
}
html.dmw-new-app.dmw-season-spring{
  --dmw-season-primary:#7de8b6;
  --dmw-season-secondary:#ff9fc7;
  --dmw-season-deep-a:#124d4a;
  --dmw-season-deep-b:#071d38;
  --dmw-season-deep-c:#45344f;
  --dmw-season-logo-glow:#7de8b6;
}
html.dmw-new-app.dmw-season-summer{
  --dmw-season-primary:#22d7ea;
  --dmw-season-secondary:#ffd166;
  --dmw-season-deep-a:#07566f;
  --dmw-season-deep-b:#061d3c;
  --dmw-season-deep-c:#60451b;
  --dmw-season-logo-glow:#22d7ea;
}
html.dmw-new-app.dmw-season-halloween{
  --dmw-season-primary:#ff8a2a;
  --dmw-season-secondary:#c67aff;
  --dmw-season-deep-a:#4b183e;
  --dmw-season-deep-b:#140c29;
  --dmw-season-deep-c:#592711;
  --dmw-season-logo-glow:#ff8a2a;
}
html.dmw-new-app.dmw-season-christmas{
  --dmw-season-primary:#45d58b;
  --dmw-season-secondary:#ef5a68;
  --dmw-season-deep-a:#0a493e;
  --dmw-season-deep-b:#061b34;
  --dmw-season-deep-c:#551d2a;
  --dmw-season-logo-glow:#45d58b;
}

html.dmw-new-app .topbar{
  background:
    radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--dmw-season-primary) 24%,transparent),transparent 15rem),
    radial-gradient(circle at 89% -18%,color-mix(in srgb,var(--dmw-season-secondary) 22%,transparent),transparent 20rem),
    linear-gradient(120deg,var(--dmw-season-deep-a),var(--dmw-season-deep-b) 49%,var(--dmw-season-deep-c))!important;
  border-bottom-color:color-mix(in srgb,var(--dmw-season-primary) 52%,rgba(255,255,255,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,13,34,.78),0 3px 0 color-mix(in srgb,var(--dmw-season-primary) 25%,transparent),0 16px 38px rgba(0,7,28,.38)!important;
}
html.dmw-new-app.dmw-season-christmas .topbar{
  background:
    radial-gradient(circle at 18% 13%,rgba(255,231,150,.68) 0 1px,transparent 2px),
    radial-gradient(circle at 48% 22%,rgba(255,255,255,.56) 0 1px,transparent 2px),
    radial-gradient(circle at 76% 14%,rgba(255,205,117,.60) 0 1px,transparent 2px),
    radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--dmw-season-primary) 24%,transparent),transparent 15rem),
    radial-gradient(circle at 89% -18%,color-mix(in srgb,var(--dmw-season-secondary) 22%,transparent),transparent 20rem),
    linear-gradient(120deg,var(--dmw-season-deep-a),var(--dmw-season-deep-b) 49%,var(--dmw-season-deep-c))!important;
}
html.dmw-new-app .topbar:after{
  background:linear-gradient(90deg,transparent,var(--dmw-season-primary),var(--dmw-season-secondary),var(--dmw-season-primary),transparent)!important;
  box-shadow:0 2px 12px color-mix(in srgb,var(--dmw-season-primary) 34%,transparent),0 1px 0 rgba(255,255,255,.22)!important;
}
html.dmw-new-app .topbar .brand{position:relative;isolation:isolate;}
html.dmw-new-app .topbar .brand:before{
  content:"";position:absolute;z-index:-1;left:-9px;top:50%;width:65px;height:65px;transform:translateY(-50%);border-radius:22px;
  background:radial-gradient(circle,color-mix(in srgb,var(--dmw-season-logo-glow) 24%,white) 0,color-mix(in srgb,var(--dmw-season-logo-glow) 24%,transparent) 40%,transparent 72%);
  filter:blur(1px);pointer-events:none;
}
html.dmw-new-app .topbar .brand img{
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--dmw-season-logo-glow) 42%,transparent)) drop-shadow(0 9px 16px rgba(0,0,0,.44))!important;
}
html.dmw-new-app .topbar .app-settings-quick,
html.dmw-new-app .topbar .app-theme-quick,
html.dmw-new-app .topbar .app-history-back,
html.dmw-new-app .topbar .hamburger{
  border-color:color-mix(in srgb,var(--dmw-season-primary) 32%,rgba(255,255,255,.24))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.20),0 0 14px color-mix(in srgb,var(--dmw-season-primary) 10%,transparent)!important;
}

html.dmw-new-app .playerbar{
  background:
    radial-gradient(ellipse at 14% -30%,color-mix(in srgb,var(--dmw-season-primary) 20%,transparent),transparent 45%),
    radial-gradient(ellipse at 88% 125%,color-mix(in srgb,var(--dmw-season-secondary) 16%,transparent),transparent 44%),
    linear-gradient(145deg,var(--dmw-season-deep-b),color-mix(in srgb,var(--dmw-season-deep-a) 72%,#03152d) 55%,var(--dmw-season-deep-b))!important;
  border-top-color:color-mix(in srgb,var(--dmw-season-primary) 42%,rgba(255,255,255,.18))!important;
}
html.dmw-new-app .app-player{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 38%),
    radial-gradient(circle at 12% 38%,color-mix(in srgb,var(--dmw-season-primary) 22%,transparent),transparent 32%),
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--dmw-season-secondary) 18%,transparent),transparent 36%),
    linear-gradient(145deg,color-mix(in srgb,var(--dmw-season-deep-a) 82%,#0c5a80),var(--dmw-season-deep-b) 62%,color-mix(in srgb,var(--dmw-season-deep-c) 62%,#03172f))!important;
  border-color:color-mix(in srgb,var(--dmw-season-primary) 35%,rgba(255,255,255,.20))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,9,28,.48),0 5px 0 rgba(1,15,38,.62),0 18px 44px rgba(0,5,22,.42),0 0 26px color-mix(in srgb,var(--dmw-season-primary) 14%,transparent)!important;
}
html.dmw-new-app .app-player-openhandle-copy{
  border-color:color-mix(in srgb,var(--dmw-season-primary) 44%,rgba(255,255,255,.25))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--dmw-season-deep-a) 78%,#176e98),var(--dmw-season-deep-b))!important;
}
html.dmw-new-app .app-player-label,
html.dmw-new-app .app-player-timeleft,
html.dmw-new-app .app-mini-timeleft{
  color:color-mix(in srgb,var(--dmw-season-primary) 48%,white)!important;
}
html.dmw-new-app .app-player-progress-fill,
html.dmw-new-app .app-mini-progress-fill{
  background:linear-gradient(90deg,var(--dmw-season-primary),var(--dmw-season-secondary),var(--dmw-season-primary))!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--dmw-season-primary) 32%,transparent)!important;
}

html.dmw-new-app .app-mini-player{
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--dmw-season-primary) 15%,transparent),transparent 38%),rgba(1,10,28,.84)!important;
}
html.dmw-new-app .app-mini-card{
  border-color:color-mix(in srgb,var(--dmw-season-primary) 38%,rgba(255,255,255,.20))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),transparent 25%),
    radial-gradient(circle at 88% 5%,color-mix(in srgb,var(--dmw-season-primary) 25%,transparent),transparent 36%),
    radial-gradient(circle at 4% 96%,color-mix(in srgb,var(--dmw-season-secondary) 18%,transparent),transparent 34%),
    linear-gradient(155deg,color-mix(in srgb,var(--dmw-season-deep-a) 76%,#0b4c72),var(--dmw-season-deep-b) 52%,color-mix(in srgb,var(--dmw-season-deep-c) 66%,#041a3a))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -4px 0 rgba(0,10,32,.50),0 6px 0 rgba(1,15,38,.68),0 38px 120px rgba(0,0,0,.62),0 0 46px color-mix(in srgb,var(--dmw-season-primary) 13%,transparent)!important;
}
html.dmw-new-app .app-mini-card:before{
  background:linear-gradient(90deg,transparent,var(--dmw-season-primary),var(--dmw-season-secondary),var(--dmw-season-primary),transparent)!important;
  box-shadow:0 3px 18px color-mix(in srgb,var(--dmw-season-primary) 34%,transparent)!important;
}
html.dmw-new-app .app-mini-kicker{
  color:color-mix(in srgb,var(--dmw-season-primary) 56%,white)!important;
  border-color:color-mix(in srgb,var(--dmw-season-primary) 30%,rgba(255,255,255,.16))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--dmw-season-primary) 14%,rgba(255,255,255,.11)),rgba(0,20,50,.28))!important;
}
html.dmw-new-app .app-mini-row{
  box-shadow:inset 4px 0 0 color-mix(in srgb,var(--dmw-season-primary) 62%,transparent),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html.dmw-new-app .app-player-play.is-station-art:after{
  background:radial-gradient(circle,color-mix(in srgb,var(--dmw-season-logo-glow) 26%,white) 0,color-mix(in srgb,var(--dmw-season-logo-glow) 23%,transparent) 40%,transparent 72%)!important;
}
html.dmw-new-app.dmw-season-spring .app-mini-artwork.is-station-art,
html.dmw-new-app.dmw-season-summer .app-mini-artwork.is-station-art,
html.dmw-new-app.dmw-season-halloween .app-mini-artwork.is-station-art,
html.dmw-new-app.dmw-season-christmas .app-mini-artwork.is-station-art{
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--dmw-season-logo-glow) 48%,transparent)) drop-shadow(0 9px 16px rgba(0,0,0,.44))!important;
}