/* Desktop sidebar minimization */
@media (min-width: 981px) {
  body.cinema-sidebar-minimized { --home-sidebar: 82px; }
  body.cinema-sidebar-minimized .home-brand img { width: 50px; max-width: 50px; object-fit: cover; object-position: left; }
  body.cinema-sidebar-minimized .cinema-minimize-button span,
  body.cinema-sidebar-minimized .home-drawer-main > a > span:last-child,
  body.cinema-sidebar-minimized .home-workspace-copy,
  body.cinema-sidebar-minimized .home-workspace-arrow,
  body.cinema-sidebar-minimized .home-support-cta strong,
  body.cinema-sidebar-minimized .home-drawer-footer strong,
  body.cinema-sidebar-minimized .home-drawer-footer small { display: none !important; }
  body.cinema-sidebar-minimized .cinema-minimize-button { justify-content: center; padding: 0; }
  body.cinema-sidebar-minimized .home-drawer-main > a { justify-content: center; padding: 0; }
  body.cinema-sidebar-minimized .home-workspace-card { min-height: 54px; grid-template-columns: 1fr; padding: 8px; place-items: center; }
  body.cinema-sidebar-minimized .home-support-cta { padding: 0; }
  body.cinema-sidebar-minimized .cinema-account-control { grid-template-columns: 1fr; place-items: center; padding: 4px; }
}

@media (max-width: 1180px) and (min-width: 981px) {
  :root { --cinema-content: 1180px; }
  .cinema-page-frame { width: calc(100% - 42px); }
  .cinema-randomizer-layout { grid-template-columns: 240px minmax(0,1fr); }
  .cinema-history-row { grid-template-columns: minmax(150px,1.2fr) 145px minmax(130px,.9fr) minmax(120px,.8fr) 72px 30px; gap: 8px; }
}

@media (max-width: 980px) {
  .cinema-v2 .cinema-minimize-button { display: none; }
  .cinema-v2 .cinema-source-pill { display: none; }
  .cinema-v2 .cinema-admin-preview { display: none; }
  .cinema-v2 .cinema-topbar-user { display: none; }
  .cinema-page-frame { width: min(100% - 34px,820px); padding: 22px 0 26px; }
  .cinema-title-row { margin-bottom: 14px; }
  .cinema-title-row h1 { font-size: 2rem; }
  .cinema-title-row p { font-size: .78rem; line-height: 1.5; }
  .cinema-primary-tabs { justify-content: flex-start; }
  .cinema-primary-tabs a { min-height: 36px; padding: 0 11px; font-size: .73rem; }
  .cinema-randomizer-layout { grid-template-columns: 1fr; }
  .cinema-randomizer-filters { position: static; }
  .cinema-filter-panel { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .cinema-filter-header { grid-column: 1 / -1; }
  .cinema-filter-panel .pick-field { grid-column: 1 / -1; }
  .cinema-history-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cinema-filter-glyph,
  .cinema-history-count { display: none; }
  .cinema-history-column-head { display: none; }
  .cinema-history-row { grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .cinema-history-row > div:nth-child(2),
  .cinema-history-row > div:nth-child(3),
  .cinema-history-row > div:nth-child(4),
  .cinema-history-row > time { grid-column: 1; }
  .cinema-history-row > .cinema-history-open { grid-column: 2; grid-row: 1 / 5; align-self: center; }
  .cinema-history-reaction { width: fit-content; }
  .cinema-journey-tabs,
  .cinema-journey-page .crpg-nav.cinema-journey-tabs { display: flex !important; justify-content: flex-start; }
  .cinema-journey-overview-grid,
  .cinema-journey-progress-grid,
  .cinema-journey-page .crpg-quest-board,
  .cinema-journey-page .rpg-franchise-grid { grid-template-columns: 1fr !important; }
  .cinema-journey-page .rpg-achievement-grid { grid-template-columns: repeat(2,1fr) !important; }
}

@media (max-width: 620px) {
  .cinema-v2 .topbar { min-height: 62px; padding-inline: 14px; }
  .cinema-v2 .home-plex-pill { max-width: 150px; }
  .cinema-page-frame { width: calc(100% - 28px); padding-top: 18px; }
  .cinema-title-row h1 { font-size: 1.8rem; }
  .cinema-title-row p { font-size: .72rem; }
  .cinema-primary-tabs { padding: 3px; }
  .cinema-primary-tabs a { min-height: 34px; padding: 0 10px; font-size: .68rem; }
  .cinema-section-heading { align-items: flex-start; }
  .cinema-filter-panel { grid-template-columns: 1fr !important; }
  .cinema-randomizer-page .poster-card { grid-template-columns: 105px minmax(0,1fr) !important; min-height: 110px !important; }
  .cinema-randomizer-page .poster-frame { min-height: 110px !important; }
  .cinema-search-results { grid-template-columns: repeat(2,minmax(0,1fr)) !important; padding: 12px !important; }
  .cinema-history-filters { grid-template-columns: 1fr; }
  .cinema-watchlist-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .cinema-journey-page .rpg-achievement-grid { grid-template-columns: 1fr !important; }
  .cinema-journey-stats { grid-template-columns: 1fr 1fr; }
  .cinema-journey-stats > div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--cinema-line); border-right: 0; }
  .cinema-level-milestones { grid-template-columns: 1fr; }
  .cinema-level-milestones > div { border-right: 0; border-bottom: 1px solid var(--cinema-line); }
  .cinema-level-milestones > div:last-child { border-bottom: 0; }
  .cinema-v2 .movie-modal-inner { grid-template-columns: 1fr !important; }
  .cinema-v2 .movie-modal-poster { width: 100% !important; min-width: 0 !important; max-height: 280px; }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-v2 *, .cinema-v2 *::before, .cinema-v2 *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
