/* Dark Cinema Pro 5.8 — Smart Trending 2.0. Additive styles only. */
body.dc-v58 .dc-v58-trending-tabs{display:flex;align-items:center;gap:5px;margin:0 0 9px;overflow-x:auto;scrollbar-width:none}body.dc-v58 .dc-v58-trending-tabs::-webkit-scrollbar{display:none}body.dc-v58 .dc-v58-trending-tabs button{flex:0 0 auto;height:25px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:#090e15;color:#737e8e;font-size:6.3px;font-weight:850;letter-spacing:.4px;transition:.16s ease}body.dc-v58 .dc-v58-trending-tabs button.is-active{color:#eee9f8;border-color:rgba(168,113,255,.28);background:rgba(139,92,246,.12);box-shadow:inset 0 0 0 1px rgba(139,92,246,.035)}
body.dc-v58 .dc-v58-trending-stage{transition:opacity .16s ease,transform .16s ease}body.dc-v58 .dc-trending-showcase.is-loading .dc-v58-trending-stage{opacity:.42;transform:translateY(2px);pointer-events:none}body.dc-v58 .dc-trending-showcase.is-loading .dc-v58-trending-tabs{pointer-events:none}
body.dc-v58 .dc-v58-signal{display:inline-flex!important;align-items:center;justify-content:center;margin-left:4px;padding:2px 4px;border-radius:999px;font-size:5px!important;line-height:1!important;font-weight:900!important;letter-spacing:.2px!important;vertical-align:1px;color:#b8c0cc;background:rgba(255,255,255,.06)}body.dc-v58 .dc-v58-signal.is-up,body.dc-v58 .dc-v58-signal.is-rising{color:#d9c5ff;background:rgba(139,92,246,.13)}body.dc-v58 .dc-v58-signal.is-down{color:#7d8795;background:rgba(255,255,255,.035)}body.dc-v58 .dc-v58-signal.is-new{color:#e6ddff;background:rgba(139,92,246,.16)}body.dc-v58 .dc-v58-signal.is-pinned{color:#f0e8ff;background:rgba(139,92,246,.2)}body.dc-v58 .dc-trending-mini-copy>small{display:flex!important;align-items:center;gap:4px}body.dc-v58 .dc-trending-mini-copy>small>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.dc-v58 .dc-v58-trending-empty{display:grid;place-items:center;min-height:110px;border:1px dashed rgba(255,255,255,.06);border-radius:8px;background:#080c12;color:#717d8d;font-size:8px;text-align:center;padding:18px}
/* Dedicated Trending page */
body.dc-v58-trending-page .dc-main{max-width:1060px;margin:0 auto}body.dc-v58 .dc-v58-page{padding:18px 12px 32px}body.dc-v58 .dc-v58-page-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:10px 0 16px;border-bottom:1px solid rgba(255,255,255,.045)}body.dc-v58 .dc-v58-page-hero small{font-size:6.5px;font-weight:850;letter-spacing:1px;color:#a98ae6}body.dc-v58 .dc-v58-page-hero h1{margin:5px 0 0;font-size:25px;line-height:1;letter-spacing:-1.1px}body.dc-v58 .dc-v58-page-hero p{margin:6px 0 0;color:#707b8b;font-size:8px}body.dc-v58 .dc-v58-page-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 0}body.dc-v58 .dc-v58-page-controls>a{height:29px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:#080d14;color:#7c8797;font-size:6.5px;font-weight:850}body.dc-v58 .dc-v58-page-controls>a.is-active{color:#eee8fb;border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.12)}body.dc-v58 .dc-v58-page-filter{margin-left:auto;display:flex;align-items:center;gap:5px}body.dc-v58 .dc-v58-page-filter select{height:29px;max-width:150px;padding:0 24px 0 9px;border-radius:7px;border:1px solid rgba(255,255,255,.055);background:#080d14;color:#a8b1bf;font-size:7px}
body.dc-v58 .dc-v58-rank-list{display:grid;gap:6px}body.dc-v58 .dc-v58-rank-card{display:grid;grid-template-columns:34px 92px minmax(0,1fr) 30px;gap:8px;align-items:center;min-height:62px;padding:6px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#080d14}body.dc-v58 .dc-v58-rank-card:nth-child(-n+3){background:linear-gradient(90deg,rgba(139,92,246,.06),#080d14 45%)}body.dc-v58 .dc-v58-rank-no{font-size:18px;font-style:italic;font-weight:950;letter-spacing:-1px;color:#596270;text-align:center}body.dc-v58 .dc-v58-rank-card:nth-child(-n+3) .dc-v58-rank-no{color:#9d83cc}body.dc-v58 .dc-v58-rank-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#0c1119}body.dc-v58 .dc-v58-rank-thumb img{width:100%;height:100%;object-fit:cover}body.dc-v58 .dc-v58-rank-copy{min-width:0}body.dc-v58 .dc-v58-rank-copy strong{display:block;color:#e9ecf1;font-size:8.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dc-v58 .dc-v58-rank-copy small{display:flex;gap:4px;align-items:center;margin-top:5px;color:#737e8d;font-size:6.2px;white-space:nowrap;overflow:hidden}body.dc-v58 .dc-v58-rank-play{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.035);color:#afb7c4;font-size:8px}
@media(min-width:641px){body.dc-v58 .dc-v58-trending-tabs button{height:30px;font-size:7px}body.dc-v58 .dc-v58-page{padding-left:16px;padding-right:16px}body.dc-v58 .dc-v58-rank-card{grid-template-columns:46px 150px minmax(0,1fr) 36px;min-height:92px;padding:8px 10px;gap:12px}body.dc-v58 .dc-v58-rank-no{font-size:27px}body.dc-v58 .dc-v58-rank-copy strong{font-size:11px}body.dc-v58 .dc-v58-rank-copy small{font-size:7.3px}body.dc-v58 .dc-v58-rank-play{width:34px;height:34px}}


/* --------------------------------------------------------------------------
 * 5.8.1 — Header & Menu Typography Polish
 * Additive overrides only: improve readability without changing markup/layout contracts.
 * -------------------------------------------------------------------------- */
body.dc-v58 .dc-header{
  height:56px;
  grid-template-columns:44px minmax(0,1fr) auto;
  padding-left:9px;
  padding-right:9px;
}
body.dc-v58 .dc-brand{
  font-size:14.5px;
  font-weight:760;
  letter-spacing:-.15px;
  line-height:1;
}
body.dc-v58 .dc-brand b{
  font-size:9px!important;
  margin-left:4px!important;
  letter-spacing:.35px!important;
}
body.dc-v58 .dc-brand .custom-logo-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%}
body.dc-v58 .dc-brand img.custom-logo{
  width:auto;
  height:auto;
  max-height:35px;
  max-width:min(210px,58vw);
  object-fit:contain;
}
body.dc-v58 .dc-drawer-head strong{
  font-size:19px;
  font-weight:820;
  letter-spacing:.1px;
}
body.dc-v58 .dc-menu-list{gap:6px}
body.dc-v58 .dc-menu-list a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:12px 13px;
  font-size:14px;
  line-height:1.25;
  font-weight:650;
  letter-spacing:-.08px;
}
body.dc-v58 .dc-drawer-feature span{font-size:12.5px}
body.dc-v58 .dc-drawer-feature a{font-size:13px}
body.dc-v58 .dc-drawer-label{font-size:11.5px}
body.dc-v58 .dc-drawer-chips a{font-size:12.5px}
body.dc-v58 .dc-bottom-nav{height:calc(62px + env(safe-area-inset-bottom));padding-top:4px}
body.dc-v58 .dc-bottom-nav a{min-height:57px;gap:3px}
body.dc-v58 .dc-bottom-nav a span{font-size:18px}
body.dc-v58 .dc-bottom-nav a small{
  font-size:8.4px;
  line-height:1.1;
  font-weight:650;
  letter-spacing:-.05px;
}
body.dc-v58 .dc-nav-theater span{width:31px;height:29px}

@media(max-width:340px){
  body.dc-v58 .dc-brand{font-size:13px}
  body.dc-v58 .dc-brand b{font-size:8px!important}
  body.dc-v58 .dc-brand img.custom-logo{max-height:32px;max-width:56vw}
  body.dc-v58 .dc-menu-list a{font-size:13.5px}
  body.dc-v58 .dc-bottom-nav a small{font-size:7.8px}
}
@media(min-width:641px){
  body.dc-v58 .dc-header{height:60px;padding-left:14px;padding-right:14px}
  body.dc-v58 .dc-brand{font-size:16px}
  body.dc-v58 .dc-brand b{font-size:9.5px!important}
  body.dc-v58 .dc-brand img.custom-logo{max-height:39px;max-width:240px}
  body.dc-v58 .dc-menu-list a{font-size:14.5px}
  body.dc-v58 .dc-bottom-nav a small{font-size:8.8px}
}

/* --------------------------------------------------------------------------
 * 5.8.2 — Readable Typography System
 * Theme-only additive layer. Raises undersized text from the 5.7 pixel-match
 * pass while preserving existing markup, component geometry and visual tone.
 * -------------------------------------------------------------------------- */
body.dc-v58{
  --dc-type-nav:15.5px;
  --dc-type-section:14.5px;
  --dc-type-card:11.3px;
  --dc-type-meta:9.5px;
  --dc-type-small:10px;
  --dc-type-body:12px;
}

/* Header / brand / drawer */
body.dc-v58 .dc-header{
  height:60px;
  grid-template-columns:46px minmax(0,1fr) auto;
  padding-left:10px;
  padding-right:10px;
}
body.dc-v58 .dc-brand{
  font-size:18.5px;
  line-height:1;
  font-weight:820;
  letter-spacing:-.38px;
}
body.dc-v58 .dc-brand b{
  font-size:10px!important;
  margin-left:5px!important;
  font-weight:850!important;
  letter-spacing:.4px!important;
}
body.dc-v58 .dc-brand img.custom-logo{
  max-height:40px;
  max-width:min(230px,62vw);
}
body.dc-v58 .dc-icon-btn{width:42px;height:42px;font-size:22px}
body.dc-v58 .dc-drawer{width:min(90vw,380px);padding:18px 16px 24px}
body.dc-v58 .dc-drawer-head strong{font-size:21px;font-weight:850;letter-spacing:-.2px}
body.dc-v58 .dc-drawer-head small{font-size:10.5px;line-height:1.4}
body.dc-v58 .dc-menu-list{gap:7px}
body.dc-v58 .dc-menu-list a{
  min-height:48px;
  padding:13px 14px;
  font-size:var(--dc-type-nav);
  line-height:1.25;
  font-weight:680;
}
body.dc-v58 .dc-drawer-feature span{font-size:13.5px;line-height:1.35}
body.dc-v58 .dc-drawer-feature a{font-size:14px;font-weight:750}
body.dc-v58 .dc-drawer-label{font-size:12px;font-weight:750;letter-spacing:.3px}
body.dc-v58 .dc-drawer-chips a{font-size:12.5px;line-height:1.2}

/* Bottom navigation: readable without making it visually heavy. */
body.dc-v58 .dc-bottom-nav{
  height:calc(66px + env(safe-area-inset-bottom));
  padding-top:4px;
}
body.dc-v58 .dc-bottom-nav a{min-height:61px;gap:4px}
body.dc-v58 .dc-bottom-nav a span{font-size:20px}
body.dc-v58 .dc-bottom-nav a small{
  font-size:9.8px;
  line-height:1.05;
  font-weight:680;
  letter-spacing:0;
}
body.dc-v58 .dc-nav-theater span{width:34px;height:31px}

/* Home hero */
body.dc-v58 .dc-eyebrow b{font-size:9.5px;padding:5px 7px}
body.dc-v58 .dc-hero-meta{font-size:11px;line-height:1.4}
body.dc-v58 .dc-hero p{font-size:12px;line-height:1.55;max-width:44ch}
body.dc-v58 .dc-btn{min-height:38px;padding:0 14px;font-size:11.5px;font-weight:760}

/* Section hierarchy */
body.dc-v58 .dc-section{padding-top:18px;padding-bottom:18px}
body.dc-v58 .dc-section-head h2,
body.dc-v58 .dc-trending-head h2{
  font-size:var(--dc-type-section);
  line-height:1.2;
  font-weight:840;
  letter-spacing:.2px;
}
body.dc-v58 .dc-section-head>a{
  font-size:10.5px;
  line-height:1.2;
  font-weight:650;
}
body.dc-v58 .dc-muted-label{font-size:10.5px}

/* Video cards */
body.dc-v58 .dc-row-scroll .dc-card-body h3{
  font-size:11.5px!important;
  line-height:1.35;
}
body.dc-v58 .dc-row-scroll .dc-meta{font-size:9.2px}
body.dc-v58 .dc-card-pro .dc-card-body h3{
  font-size:var(--dc-type-card);
  line-height:1.38;
  min-height:31px;
  font-weight:680;
}
body.dc-v58 .dc-card-pro .dc-meta{
  margin-top:4px;
  font-size:var(--dc-type-meta);
  line-height:1.3;
  gap:5px;
}
body.dc-v58 .dc-card-tags b,
body.dc-v58 .dc-card-tags em,
body.dc-v58 .dc-card-new{
  font-size:8.4px;
  line-height:1;
  padding:4px 5px;
}
body.dc-v58 .dc-duration{font-size:8.8px;line-height:1;padding:4px 5px}
body.dc-v58 .dc-compact-copy strong{font-size:11px;line-height:1.35}
body.dc-v58 .dc-compact-copy small{font-size:9px;line-height:1.3}

/* Actor / category rails */
body.dc-v58 .dc-actor strong{font-size:10.5px;line-height:1.25;font-weight:720}
body.dc-v58 .dc-actor small{font-size:9px;line-height:1.25}
body.dc-v58 .dc-actor-rank{font-size:8px;padding:3px 4px}
body.dc-v58 .dc-category-card strong{font-size:11px;line-height:1.2}
body.dc-v58 .dc-category-card small{font-size:9.2px;line-height:1.25}

/* Explore / discovery */
body.dc-v58 .dc-v57-explore-hero h1{font-size:21px;line-height:1.15}
body.dc-v58 .dc-explore-search{height:46px}
body.dc-v58 .dc-explore-search input{font-size:12.5px;line-height:1.35}
body.dc-v58 .dc-explore-quick a,
body.dc-v58 .dc-explore-quick button{font-size:10.5px;line-height:1.2;padding:8px 11px}
body.dc-v58 .dc-v57-category-rail .dc-category-card strong{font-size:10px}
body.dc-v58 .dc-v57-tag-rail a{font-size:9.8px;line-height:1.2;padding:7px 10px}
body.dc-v58 .dc-v57-explore-grid-head>small{font-size:9.5px;line-height:1.3}
body.dc-v58 .dc-page-hero p{font-size:11.5px;line-height:1.55}
body.dc-v58 .dc-load-more{font-size:11px;font-weight:700}

/* Watch page */
body.dc-v58 .dc-watch-heading{height:52px}
body.dc-v58 .dc-watch-brand{font-size:13px;font-weight:700}
body.dc-v58 .dc-watch-nav-title>span{font-size:9px;line-height:1.2}
body.dc-v58 .dc-watch-nav-title>strong{font-size:11px;line-height:1.25}
body.dc-v58 .dc-title-line-clean h1{font-size:20px;line-height:1.18;letter-spacing:-.35px}
body.dc-v58 .dc-watch-eyebrow span{font-size:9px;min-height:22px;padding:0 9px}
body.dc-v58 .dc-watch-stats-clean{font-size:10.5px;line-height:1.35}
body.dc-v58 .dc-watch-stats-clean b{font-size:9.5px;min-height:25px;padding:0 7px}
body.dc-v58 .dc-watch-description-inline .dc-content,
body.dc-v58 .dc-description-block .dc-content,
body.dc-v58 .dc-content{font-size:12px;line-height:1.65}
body.dc-v58 .dc-watch-description-inline .dc-text-button,
body.dc-v58 .dc-text-button{font-size:10.5px;font-weight:700}
body.dc-v58 .dc-actions-clean>button span{font-size:9.5px!important;line-height:1.15}
body.dc-v58 .dc-video-tax a{font-size:10px;min-height:29px;padding:0 9px}
body.dc-v58 .dc-block-head h2{font-size:14px;line-height:1.25}
body.dc-v58 .dc-cast-chips span{font-size:10px;line-height:1.2}
body.dc-v58 .dc-related-section .dc-section-head h2{font-size:14.5px}
body.dc-v58 .dc-related-section .dc-section-head>a{font-size:10px}
body.dc-v58 .dc-server strong{font-size:11px}
body.dc-v58 .dc-server small{font-size:9.5px;line-height:1.35}
body.dc-v58 .dc-episode-btn{font-size:10.5px}
body.dc-v58 .dc-now-playing,
body.dc-v58 .dc-player-status,
body.dc-v58 .dc-time{font-size:9.5px}
body.dc-v58 .dc-watch-menu-panel button{font-size:11.5px}

/* Actor detail */
body.dc-v58 .dc-v57-actor-topbar strong{font-size:13px;font-weight:700}
body.dc-v58 .dc-v57-actor-desc{font-size:10.5px;line-height:1.6;max-width:360px}
body.dc-v58 .dc-v57-actor-stats b{font-size:14px}
body.dc-v58 .dc-v57-actor-stats small{font-size:9px;line-height:1.25}
body.dc-v58 .dc-v57-actor-tabs button{font-size:10.5px;font-weight:760}
body.dc-v58 .dc-v57-actor-name button{font-size:10px;min-height:32px;padding:0 12px}
body.dc-v58 .dc-actor-profile-inner .dc-kicker{font-size:9.5px}
body.dc-v58 .dc-actor-stat-grid small{font-size:9px}
body.dc-v58 .dc-actor-profile-inner p{font-size:11px;line-height:1.55}

/* Trending Spotlight */
body.dc-v58 .dc-trending-head small{font-size:9.5px;line-height:1.35;margin-top:4px}
body.dc-v58 .dc-v58-trending-tabs{gap:7px;margin-bottom:11px}
body.dc-v58 .dc-v58-trending-tabs button{
  height:31px;
  padding:0 12px;
  font-size:9.5px;
  font-weight:820;
  letter-spacing:.25px;
}
body.dc-v58 .dc-trending-feature-copy>small{font-size:9px;line-height:1.1;letter-spacing:.55px}
body.dc-v58 .dc-trending-feature-copy>strong{font-size:14px;line-height:1.3}
body.dc-v58 .dc-trending-feature-copy>em{font-size:9.5px;line-height:1.25}
body.dc-v58 .dc-trending-mini-thumb>em{font-size:8px;padding:3px 4px}
body.dc-v58 .dc-trending-mini-copy>strong{font-size:10.8px;line-height:1.3}
body.dc-v58 .dc-trending-mini-copy>small{font-size:8.8px;line-height:1.25;margin-top:4px}
body.dc-v58 .dc-v58-signal{
  font-size:7.8px!important;
  padding:3px 5px;
  margin-left:4px;
  line-height:1!important;
}
body.dc-v58 .dc-v58-trending-empty{font-size:11px;line-height:1.5}

/* Dedicated Trending page */
body.dc-v58 .dc-v58-page-hero small{font-size:9px;line-height:1.2}
body.dc-v58 .dc-v58-page-hero h1{font-size:28px;line-height:1.05}
body.dc-v58 .dc-v58-page-hero p{font-size:11.5px;line-height:1.5}
body.dc-v58 .dc-v58-page-controls>a{height:34px;font-size:10.5px;padding:0 13px}
body.dc-v58 .dc-v58-page-filter select{height:34px;font-size:10.5px;max-width:180px}
body.dc-v58 .dc-v58-rank-copy strong{font-size:11.5px;line-height:1.35}
body.dc-v58 .dc-v58-rank-copy small{font-size:9.2px;line-height:1.3}
body.dc-v58 .dc-v58-rank-play{font-size:10px}

/* Generic controls and utility labels */
body.dc-v58 .dc-filter-chips a,
body.dc-v58 .dc-filter-chips span{font-size:10.5px}
body.dc-v58 .dc-page-search button{font-size:11px}
body.dc-v58 .dc-search-suggestions>small{font-size:10px}
body.dc-v58 .dc-live-search-item small{font-size:10px}
body.dc-v58 .dc-history-actions button{font-size:10.5px}
body.dc-v58 .dc-data-saver-chip{font-size:10px}
body.dc-v58 .dc-series-follow{font-size:10.5px}
body.dc-v58 .dc-follow-series-card small,
body.dc-v58 .dc-follow-series-new,
body.dc-v58 .dc-follow-series-ok{font-size:10px;line-height:1.4}

@media(max-width:340px){
  body.dc-v58 .dc-header{height:58px;grid-template-columns:42px minmax(0,1fr) auto;padding-left:8px;padding-right:8px}
  body.dc-v58 .dc-brand{font-size:16.5px}
  body.dc-v58 .dc-brand b{font-size:9px!important;margin-left:3px!important}
  body.dc-v58 .dc-brand img.custom-logo{max-height:37px;max-width:60vw}
  body.dc-v58 .dc-menu-list a{font-size:14.5px}
  body.dc-v58 .dc-bottom-nav a small{font-size:9px}
  body.dc-v58 .dc-bottom-nav a span{font-size:19px}
  body.dc-v58 .dc-section-head h2,body.dc-v58 .dc-trending-head h2{font-size:13.5px}
  body.dc-v58 .dc-card-pro .dc-card-body h3{font-size:10.7px}
  body.dc-v58 .dc-row-scroll .dc-card-body h3{font-size:10.8px!important}
  body.dc-v58 .dc-trending-feature-copy{left:55px;right:41px}
  body.dc-v58 .dc-trending-feature-copy>strong{font-size:12.5px}
  body.dc-v58 .dc-trending-mini-copy>strong{font-size:10.2px}
  body.dc-v58 .dc-title-line-clean h1{font-size:18.5px}
  body.dc-v58 .dc-actions-clean>button span{font-size:8.8px!important}
}

@media(min-width:641px){
  body.dc-v58{--dc-type-section:17px;--dc-type-card:13px;--dc-type-meta:10.5px}
  body.dc-v58 .dc-header{height:64px;padding-left:16px;padding-right:16px}
  body.dc-v58 .dc-brand{font-size:22px;letter-spacing:-.5px}
  body.dc-v58 .dc-brand b{font-size:10.5px!important}
  body.dc-v58 .dc-brand img.custom-logo{max-height:44px;max-width:270px}
  body.dc-v58 .dc-menu-list a{font-size:16px}
  body.dc-v58 .dc-bottom-nav a small{font-size:10px}
  body.dc-v58 .dc-hero-meta{font-size:12px}
  body.dc-v58 .dc-hero p{font-size:13px}
  body.dc-v58 .dc-btn{font-size:12px}
  body.dc-v58 .dc-row-scroll .dc-card-body h3{font-size:13px!important}
  body.dc-v58 .dc-row-scroll .dc-meta{font-size:10px}
  body.dc-v58 .dc-actor strong{font-size:11.5px}
  body.dc-v58 .dc-actor small{font-size:9.8px}
  body.dc-v58 .dc-trending-feature-copy>small{font-size:10px}
  body.dc-v58 .dc-trending-feature-copy>strong{font-size:16px}
  body.dc-v58 .dc-trending-feature-copy>em{font-size:10px}
  body.dc-v58 .dc-trending-mini-copy>strong{font-size:12px}
  body.dc-v58 .dc-trending-mini-copy>small{font-size:9.5px}
  body.dc-v58 .dc-v58-trending-tabs button{height:34px;font-size:10px}
  body.dc-v58 .dc-title-line-clean h1{font-size:26px}
  body.dc-v58 .dc-watch-stats-clean{font-size:11px}
  body.dc-v58 .dc-actions-clean>button span{font-size:10px!important}
  body.dc-v58 .dc-v58-rank-copy strong{font-size:13px}
  body.dc-v58 .dc-v58-rank-copy small{font-size:10px}
}

/* V5.8.3 — Touch Player UX
   Video surface is for reveal/hide + double-tap ±10s only.
   Precise manual seeking is intentionally confined to .dc-progress. */
body.dc-v58 .dc-media-stage,
body.dc-v58 .dc-media-stage .dc-video-el{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.dc-v58 .dc-player .dc-controls button{min-width:44px;min-height:44px}
body.dc-v58 .dc-player .dc-progress{min-height:30px;padding:10px 2px;cursor:pointer;touch-action:none}
body.dc-v58 .dc-player .dc-progress::-webkit-slider-runnable-track{height:6px}
body.dc-v58 .dc-player .dc-progress::-webkit-slider-thumb{width:19px;height:19px;margin-top:-6.5px}
body.dc-v58 .dc-player .dc-progress::-moz-range-track{height:6px}
body.dc-v58 .dc-player .dc-progress::-moz-range-thumb{width:19px;height:19px}
body.dc-v58 .dc-player .dc-play-toggle,
body.dc-v58 .dc-player .dc-skip-back,
body.dc-v58 .dc-player .dc-skip-forward,
body.dc-v58 .dc-player .dc-mute,
body.dc-v58 .dc-player .dc-fullscreen{font-size:11px}
@media(max-width:640px){
  body.dc-v58 .dc-player .dc-controls{grid-template-columns:46px 46px minmax(52px,1fr) 46px 46px 46px;gap:4px;padding:6px 7px 9px}
  body.dc-v58 .dc-player .dc-controls button{min-width:46px;min-height:46px}
  body.dc-v58 .dc-player .dc-controls .dc-skip-back,
  body.dc-v58 .dc-player .dc-controls .dc-skip-forward{min-width:46px;height:46px;font-size:11px}
  body.dc-v58 .dc-player .dc-controls .dc-mute,
  body.dc-v58 .dc-player .dc-controls .dc-fullscreen{width:46px;height:46px}
  body.dc-v58 .dc-player .dc-time{font-size:10px}
  body.dc-v58 .dc-player .dc-progress{min-height:34px;padding:12px 3px}
}