/* Structural focus is not a selectable card. Keep keyboard focus on controls. */
body[data-skin='glassy'] #content:focus {outline:none}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-cover.is-logo .playlist-artwork img {object-fit:contain;padding:28px 28px 140px}
body[data-skin='glassy'] .player-live-labels small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Keep the playlist, search and profile within the mobile logo row. The same
   controls retain their actions, accessible names and keyboard order. */
@media(max-width:960px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] .topbar {
    display:grid;grid-template-columns:minmax(0,1fr) 44px 92px;align-items:center;
    height:auto;min-height:64px;padding:10px 0;gap:8px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] .glassy-wordmark {
    grid-column:1;grid-row:1;min-width:0;display:flex;gap:6px;font-size:clamp(16px,4.8vw,23px);white-space:nowrap;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] .glassy-wordmark img {width:26px;height:32px;flex:none;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-navigation-bar {display:contents;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-playlist-tools {
    grid-column:2;grid-row:1;width:44px;margin:0;padding:0;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-playlist-tools .overview-source-choice {
    width:44px;height:44px;border:0;background:transparent;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-playlist-tools .playlist-picker-trigger {
    width:44px;height:44px;min-height:44px;padding:10px;gap:0;justify-content:center;
    background:var(--surface-content);border:1px solid var(--surface-edge);border-radius:12px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-playlist-tools .playlist-picker-trigger > span,
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-playlist-tools .playlist-picker-trigger > .ui-icon:last-child {display:none;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] .glassy-top-tools {
    grid-column:3;grid-row:1;display:flex;gap:4px;width:92px;margin:0;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #glassy-header-search {display:none;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] :is(#global-search,#open-account) {
    display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:6px;
    border:1px solid var(--surface-edge);border-radius:12px;background:var(--surface-content);
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #open-account {font-size:0;gap:0;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] #open-account .ui-icon {display:none;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] .header-avatar {width:30px;height:30px;border-radius:50%;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout='topbar'][data-entry='ready'] #navigation {
    grid-column:1 / -1;grid-row:2;min-width:0;width:100%;padding:4px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] main {
    padding-left:max(16px,var(--player-inset-left,0px));padding-right:max(16px,var(--player-inset-right,0px));
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout][data-entry='ready'] .stream-hero {
    margin-left:calc(-1 * max(16px,var(--player-inset-left,0px)));
    margin-right:calc(-1 * max(16px,var(--player-inset-right,0px)));
  }
}
@media(max-width:600px) {
  /* Playlist and account tools occupy row two; navigation needs its own row. */
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout='topbar'][data-entry='ready'] #navigation {grid-row:3;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-view='search'] .glassy-page-heading {margin:16px 0;padding-bottom:0;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .search-form {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:16px 0;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .search-form :is(input,button) {width:100%;min-width:0;min-height:44px;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .search-form input {font-size:16px;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-view='search'] .chips button {min-height:44px;}
}

@media(max-width:960px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main {
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));
    padding-left:max(20px,env(safe-area-inset-left,0px));
    padding-right:max(20px,env(safe-area-inset-right,0px));
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout='topbar'] main {
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(input,select,textarea) {font-size:16px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(button,a,input,select,textarea):focus {box-shadow:none}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(button,a,input,select,textarea):focus:not(:focus-visible) {outline:none}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-groups-button {min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] #global-search {width:44px;min-height:44px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(.glassy-categories,#mobile-menu,.player-dock):not(.glassy-provider-groups) {
    bottom:calc(88px + env(safe-area-inset-bottom,0px));
    max-height:calc(100dvh - 112px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] dialog:not(#details):not(#mobile-menu) {
    max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  }
  /* Keep film information in one viewport-bound scroller. The transformed
     desktop dialog let its close action scroll away beneath the mobile nav. */
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true'])[data-player-surface='details'] {
    overflow:hidden;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true'])[data-player-surface='details'] #mobile-navigation {
    display:none;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] {
    position:fixed;
    inset:calc(12px + var(--player-inset-top,env(safe-area-inset-top,0px))) max(12px,var(--player-inset-right,env(safe-area-inset-right,0px))) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,var(--player-inset-left,env(safe-area-inset-left,0px)));
    transform:none;margin:0;width:auto;height:auto;max-width:none;
    max-height:calc(100vh - 24px - var(--player-inset-top,env(safe-area-inset-top,0px)) - env(safe-area-inset-bottom,0px));
    max-height:calc(100dvh - 24px - var(--player-inset-top,env(safe-area-inset-top,0px)) - env(safe-area-inset-bottom,0px));
    padding:20px;z-index:80;overflow-x:hidden;overflow-y:auto;background:#142237f5;
    overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;
    scroll-padding-top:80px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] .dialog-head {
    position:sticky;top:-20px;z-index:2;
    margin:-20px -20px 16px;padding:12px 20px;
    background:#142237;border-bottom:1px solid var(--line);
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] #close-details {
    min-height:44px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] #detail-art {
    width:calc(100% + 40px);margin-inline:-20px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] #content-metadata {
    margin-inline:0;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] .content-facts {
    grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:10px 16px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-tv='true']) #details[data-surface='details'] .content-facts dt {
    overflow-wrap:anywhere;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] #details[data-surface='page'] {
    padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
    max-height:100dvh;
    background:linear-gradient(145deg,#172538f5,#07121dfc);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] #details[data-surface='page'] :is(p,.note) {font-size:13px;line-height:1.6}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .player-panel {bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details .section-head {display:grid;grid-template-columns:1fr 44px 44px;gap:8px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details .section-head>div {grid-column:1/-1}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details .glassy-live-favorite {min-width:44px;min-height:44px;grid-row:2}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details .glassy-live-favorite:nth-child(2) {grid-column:2}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details .glassy-live-favorite:nth-child(3) {grid-column:3}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details :is(h2,.eyebrow) {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details .eyebrow {-webkit-line-clamp:1;letter-spacing:.5px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-details p {font-size:12px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .channel strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.45}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .channel small {font-size:11px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .channel-labels {min-width:0;overflow-wrap:anywhere}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .playlist-workspace > .playlist-saved {order:0}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .settings-tabs {margin-inline:0;padding:8px;max-width:100%;background:#142237ed;border:1px solid var(--line);border-radius:14px;scrollbar-width:thin}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .has-live-hud .player-controls-page :is(.player-toggle,.player-seek-back,.player-seek-forward) {position:static;transform:none;width:40px;height:44px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .has-live-hud .player-controls-page .player-time {flex:0 1 auto;order:0}
}
@media(max-width:600px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .glassy-live-cover.is-logo .playlist-artwork img {padding:35px 48px 132px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .has-live-hud .player-controls button {min-width:40px;min-height:44px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .has-live-hud .player-controls-page :is(.player-toggle,.player-seek-back,.player-seek-forward) {width:40px;height:44px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .has-live-hud .player-controls-page {gap:4px}
}

/* One predictable mobile header on every ready player route: brand/language,
   then playlist/search/profile/connection. Top navigation gets its own row. */
@media(max-width:960px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] .topbar {grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:12px 0 16px;border-bottom:1px solid var(--line)}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] .glassy-wordmark {grid-column:1;grid-row:1;max-width:none}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] .topbar > .ui-language-control {grid-column:2;grid-row:1;justify-self:end;margin:0;gap:6px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] #glassy-navigation-bar {display:contents}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] #glassy-playlist-tools {grid-column:1;grid-row:2;width:100%;min-width:0;padding:0;margin:0}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] #glassy-playlist-tools .overview-sourcebar {padding:0;gap:0;width:100%}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] #glassy-playlist-tools .overview-source-choice {width:100%;height:44px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] #glassy-playlist-tools .playlist-picker-trigger {width:100%;padding:10px;gap:8px;justify-content:flex-start}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] #glassy-playlist-tools .playlist-picker-trigger > span {display:block}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] .glassy-top-tools {grid-column:2;grid-row:2;width:auto;margin:0;gap:6px;justify-self:end}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout] .topbar > .ui-language-control .ui-language-trigger {min-height:44px;height:44px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout='topbar'] #navigation {grid-column:1 / -1;grid-row:3}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'][data-navigation-layout='sidebar'] .stream-hero {margin-top:0;padding-top:28px}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='ready'] .personal-library {padding-top:24px}
}