@charset "UTF-8";
/* 18+ Comic v2.16.0 — final runtime refinements. */

/* Theme-aware section kicker. */
.vtt-section-kicker,
.vtt-home-featured__kicker,
.vtt-library-section .vtt-section-kicker,
.vtt-single-related .vtt-section-kicker,
.vtt-related-section .vtt-section-kicker,
.vtt-sidebar-block .vtt-section-kicker{
  color:color-mix(in srgb,var(--vtt-yellow-deep,#b77900) 78%,var(--vtt-ink,#17171b) 22%)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--vtt-yellow,#ffd82f) 21%,var(--vtt-surface,#fff)),color-mix(in srgb,var(--vtt-yellow,#ffd82f) 9%,var(--vtt-surface-soft,#f7f7f7)))!important;
  border-color:color-mix(in srgb,var(--vtt-yellow,#ffd82f) 52%,var(--vtt-line-soft,#ddd))!important;
  box-shadow:0 1px 0 color-mix(in srgb,#fff 64%,transparent),0 6px 16px color-mix(in srgb,var(--vtt-yellow,#ffd82f) 13%,transparent)!important;
}
html[data-ec18-theme="dark"] .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-home-featured__kicker,
html[data-ec18-theme="dark"] .vtt-library-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-single-related .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-related-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-sidebar-block .vtt-section-kicker{
  color:color-mix(in srgb,var(--vtt-yellow,#ffd82f) 84%,#fff)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--vtt-yellow,#ffd82f) 18%,var(--vtt-surface,#151922)),color-mix(in srgb,var(--vtt-yellow,#ffd82f) 8%,var(--vtt-surface-soft,#1c2430)))!important;
  border-color:color-mix(in srgb,var(--vtt-yellow,#ffd82f) 42%,var(--vtt-line,#354052))!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.18),0 8px 20px color-mix(in srgb,var(--vtt-yellow,#ffd82f) 10%,rgba(0,0,0,.32))!important;
}

/* Homepage density: selected value is the desktop maximum. */
.vtt-library-main{container-type:inline-size;container-name:ec18-home-main}
.ec18-grid-context-sidebar.ec18-grid-cols-2,.ec18-grid-context-fullwidth.ec18-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-3,.ec18-grid-context-fullwidth.ec18-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-4,.ec18-grid-context-fullwidth.ec18-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-5,.ec18-grid-context-fullwidth.ec18-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-6,.ec18-grid-context-fullwidth.ec18-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-7,.ec18-grid-context-fullwidth.ec18-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-8,.ec18-grid-context-fullwidth.ec18-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-9,.ec18-grid-context-fullwidth.ec18-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}
.ec18-grid-context-sidebar.ec18-grid-cols-10,.ec18-grid-context-fullwidth.ec18-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}
.ec18-grid-density-compact .vtt-video-grid{gap:14px 10px}
.ec18-grid-density-compact .vtt-video-card__title{font-size:12px;line-height:1.3}
.ec18-grid-density-ultra .vtt-video-grid{gap:11px 8px}
.ec18-grid-density-ultra .vtt-video-card__title{font-size:11px;line-height:1.28;-webkit-line-clamp:2}
.ec18-grid-density-ultra .vtt-video-card__meta{font-size:9px}
@container ec18-home-main (max-width:1180px){
 .ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:1020px){
 .ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:860px){
 .ec18-grid-cols-6,.ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:700px){
 .ec18-grid-cols-5,.ec18-grid-cols-6,.ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@container ec18-home-main (max-width:540px){
 .ec18-grid-cols-3,.ec18-grid-cols-4,.ec18-grid-cols-5,.ec18-grid-cols-6,.ec18-grid-cols-7,.ec18-grid-cols-8,.ec18-grid-cols-9,.ec18-grid-cols-10{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){.vtt-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Video.js: one stable geometry. Hover enlarges the hit area and knob only. */
.vtt-player-viewport{position:relative!important;overflow:hidden!important;isolation:isolate!important;background:#000!important}
.vtt-player-viewport .video-js{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000!important}
.vtt-player-viewport .video-js .vjs-control-bar{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:30!important;
  display:flex!important;align-items:center!important;height:3.55em!important;padding:0 .45em!important;
  background:linear-gradient(180deg,rgba(7,9,12,.08),rgba(7,9,12,.96) 46%)!important;backdrop-filter:blur(9px);
}
.vtt-player-viewport .video-js .vjs-progress-control{
  position:absolute!important;left:0!important;right:0!important;top:-.72em!important;bottom:auto!important;
  width:auto!important;height:1.45em!important;margin:0!important;cursor:pointer!important;transform:none!important;
}
.vtt-player-viewport .video-js .vjs-progress-control::before{content:"";position:absolute;inset:-6px 0 -6px;z-index:0}
.vtt-player-viewport .video-js .vjs-progress-holder{
  position:absolute!important;left:14px!important;right:14px!important;top:50%!important;width:auto!important;height:.34em!important;
  margin:0!important;border-radius:99px!important;background:#46515e!important;transform:translateY(-50%)!important;transition:height .16s ease!important;
}
.vtt-player-viewport .video-js .vjs-progress-control:hover .vjs-progress-holder,
.vtt-player-viewport .video-js .vjs-progress-control:focus-within .vjs-progress-holder{height:.42em!important}
.vtt-player-viewport .video-js .vjs-play-progress,.vtt-player-viewport .video-js .vjs-volume-level{background:var(--ec18-player-accent,#ffd82f)!important}
.vtt-player-viewport .video-js .vjs-load-progress{background:rgba(255,255,255,.22)!important}
.vtt-player-viewport .video-js .vjs-play-progress{overflow:visible!important}
.vtt-player-viewport .video-js .vjs-play-progress::before{
  top:50%!important;right:-6px!important;width:11px!important;height:11px!important;margin:0!important;border:2px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;background:var(--ec18-player-accent,#ffd82f)!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important;
  transform:translateY(-50%) scale(1)!important;transition:transform .16s ease!important;
}
.vtt-player-viewport .video-js .vjs-progress-control:hover .vjs-play-progress::before,
.vtt-player-viewport .video-js .vjs-progress-control:focus-within .vjs-play-progress::before{width:11px!important;height:11px!important;transform:translateY(-50%) scale(1.28)!important}
.vtt-player-viewport .vtt-player-logo{pointer-events:none!important}
@media(max-width:767px){
 .vtt-player-viewport .video-js .vjs-control-bar{height:3.1em!important}
 .vtt-player-viewport .video-js .vjs-control{height:3.1em!important;line-height:3.1em!important;width:2.75em!important}
 .vtt-player-viewport .video-js .vjs-progress-control{top:-.68em!important;height:1.35em!important}
 .vtt-player-viewport .video-js .vjs-time-control{display:none!important}
}
@media(hover:none){.vtt-player-viewport .video-js .vjs-progress-control:hover .vjs-progress-holder{height:.34em!important}}

/* -------------------------------------------------------------------------
 * Featured layouts: v2.16 visual differentiation.
 * Every layout derives its color from the active theme palette.
 * ---------------------------------------------------------------------- */
.ec18-featured-suite{
  --ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 28%,var(--vtt-line-soft));
  --ec18-featured-panel-shadow:0 16px 38px color-mix(in srgb,var(--vtt-line) 13%,transparent);
  --ec18-featured-card-border:color-mix(in srgb,var(--vtt-yellow) 18%,var(--vtt-line-soft));
  --ec18-featured-card-shadow:0 9px 22px color-mix(in srgb,var(--vtt-line) 10%,transparent);
  --ec18-featured-media-bg:color-mix(in srgb,var(--vtt-surface-soft) 82%,var(--ec18-tone-header,#111) 18%);
}
.ec18-featured-suite .vtt-comic-panel{border:1px solid var(--ec18-featured-panel-border)!important;box-shadow:var(--ec18-featured-panel-shadow)!important}
.ec18-featured-suite .ec18-v214-card__media{border-color:var(--ec18-featured-card-border)!important;box-shadow:var(--ec18-featured-card-shadow)!important;background:var(--ec18-featured-media-bg)!important}

/* 01 Split Showcase — dual list columns + large preview. */
.ec18-featured-suite--showcase{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 46%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 20px 46px color-mix(in srgb,var(--vtt-yellow) 11%,transparent)}
.ec18-featured-suite--showcase .vtt-featured-showcase__layout{display:grid!important;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)!important;gap:clamp(14px,1.6vw,22px)!important;align-items:start!important}
.ec18-featured-suite--showcase .vtt-featured-showcase__lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.ec18-featured-suite--showcase .vtt-featured-showcase__rail{display:flex!important;min-width:0;max-width:none!important;max-height:520px!important;overflow:auto!important;contain:layout paint;flex-direction:column!important;gap:9px!important;padding:3px!important;scrollbar-width:thin}
.ec18-featured-suite--showcase .vtt-featured-showcase__item{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;padding:8px!important;border:1px solid color-mix(in srgb,var(--vtt-yellow) 12%,var(--vtt-line-soft))!important;box-shadow:0 5px 13px color-mix(in srgb,var(--vtt-line) 7%,transparent)}
.ec18-featured-suite--showcase .vtt-featured-showcase__item:hover,.ec18-featured-suite--showcase .vtt-featured-showcase__item.is-active{border-color:color-mix(in srgb,var(--vtt-yellow) 72%,var(--vtt-line))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--vtt-yellow) 13%,transparent)}
.ec18-featured-suite--showcase .vtt-featured-showcase__thumb{aspect-ratio:16/10!important}
.ec18-featured-suite--showcase .vtt-featured-showcase__copy{display:flex;min-width:0;flex-direction:column;gap:5px}
.ec18-featured-suite--showcase .vtt-featured-showcase__copy strong{font-size:12px!important}
.ec18-featured-suite--showcase .vtt-featured-showcase__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ec18-featured-suite--showcase .vtt-featured-showcase__preview{position:sticky;top:18px;min-width:0}
.ec18-featured-suite--showcase .vtt-featured-showcase__preview-link{min-height:520px!important;border:1px solid color-mix(in srgb,var(--vtt-yellow) 42%,var(--vtt-line-soft));box-shadow:0 22px 52px color-mix(in srgb,var(--ec18-tone-header,#111) 24%,transparent)}
.ec18-featured-suite--count-1.ec18-featured-suite--showcase .vtt-featured-showcase__layout{display:block!important}.ec18-featured-suite--count-1.ec18-featured-suite--showcase .vtt-featured-showcase__lists{display:none}

/* 02 Cinema Hero. */
.ec18-featured-suite--cinema{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 35%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 24px 58px color-mix(in srgb,var(--ec18-tone-header,#111) 18%,transparent)}
.ec18-featured-suite--cinema .ec18-featured-cinema__link{border-color:color-mix(in srgb,var(--vtt-yellow) 32%,var(--vtt-line-soft))!important;box-shadow:0 22px 48px color-mix(in srgb,var(--ec18-tone-header,#111) 20%,transparent)!important}

/* 03 Magazine Mosaic. */
.ec18-featured-suite--mosaic{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-cyan) 32%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 15px 34px color-mix(in srgb,var(--vtt-cyan) 8%,transparent)}
.ec18-featured-suite--mosaic .ec18-featured-mosaic__item{border-color:color-mix(in srgb,var(--vtt-cyan) 30%,var(--vtt-line-soft))!important;box-shadow:0 10px 22px color-mix(in srgb,var(--vtt-cyan) 10%,transparent)!important}

/* 04 Comic Card Carousel. */
.ec18-featured-suite--carousel{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 26%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 14px 34px color-mix(in srgb,var(--vtt-line) 11%,transparent)}
.ec18-featured-suite--carousel .ec18-featured-carousel__card{border-color:color-mix(in srgb,var(--vtt-yellow) 24%,var(--vtt-line-soft))!important;box-shadow:0 10px 24px color-mix(in srgb,var(--vtt-line) 10%,transparent)!important}

/* 05 Ranking Spotlight. */
.ec18-featured-suite--ranking{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-red) 26%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 20px 46px color-mix(in srgb,var(--vtt-red) 9%,transparent)}
.ec18-featured-suite--ranking .ec18-featured-ranking__spotlight{border-color:color-mix(in srgb,var(--vtt-yellow) 38%,var(--vtt-line-soft))!important;box-shadow:0 20px 44px color-mix(in srgb,var(--ec18-tone-header,#111) 20%,transparent)!important}

/* 06 Platform Shelf. */
.ec18-v214-featured--platform-shelf{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-cyan) 22%,var(--vtt-line-soft));--ec18-featured-card-shadow:0 8px 18px color-mix(in srgb,var(--vtt-line) 8%,transparent)}
.ec18-v214-featured--platform-shelf .ec18-v214-card{border-color:var(--ec18-featured-card-border)!important;box-shadow:var(--ec18-featured-card-shadow)!important}

/* 07 Responsive Video Grid. */
.ec18-v214-featured--video-grid{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 20%,var(--vtt-line-soft));--ec18-featured-card-shadow:0 7px 16px color-mix(in srgb,var(--vtt-line) 8%,transparent)}

/* 08 Hero + Grid. */
.ec18-v214-featured--hero-grid{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 38%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 21px 48px color-mix(in srgb,var(--vtt-yellow) 9%,transparent)}
.ec18-v214-featured--hero-grid .is-hero .ec18-v214-card__media{box-shadow:0 20px 48px color-mix(in srgb,var(--ec18-tone-header,#111) 22%,transparent)!important}

/* 09 Dual Spotlight. */
.ec18-v214-featured--dual-spotlight{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-cyan) 28%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 19px 44px color-mix(in srgb,var(--vtt-cyan) 8%,transparent)}
.ec18-v214-featured--dual-spotlight .is-spotlight .ec18-v214-card__media{box-shadow:0 17px 38px color-mix(in srgb,var(--ec18-tone-header,#111) 19%,transparent)!important}

/* 10 Dark Tube Grid. */
.ec18-v214-featured--dark-tube-grid{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 46%,#10141b);--ec18-featured-panel-shadow:0 0 0 1px rgba(255,255,255,.03),0 22px 52px rgba(0,0,0,.30);--ec18-featured-card-border:color-mix(in srgb,var(--vtt-yellow) 22%,#2a303a);--ec18-featured-card-shadow:0 10px 24px rgba(0,0,0,.24)}

/* 11 Poster Wall. */
.ec18-v214-featured--poster-wall{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 31%,var(--vtt-line-soft));--ec18-featured-card-shadow:0 12px 28px color-mix(in srgb,var(--ec18-tone-header,#111) 16%,transparent)}
.ec18-v214-featured--poster-wall .ec18-v214-card__media img{object-fit:contain!important;object-position:center!important;background:var(--ec18-featured-media-bg)!important;transform:none!important}
.ec18-v214-featured--poster-wall .ec18-v214-card:hover .ec18-v214-card__media img{transform:none!important;filter:saturate(1.04)!important}

/* 12 Filmstrip. */
.ec18-v214-featured--filmstrip{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 34%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 15px 36px color-mix(in srgb,var(--vtt-line) 12%,transparent)}
.ec18-v214-featured--filmstrip .ec18-v214-rail{border-block-color:color-mix(in srgb,var(--vtt-yellow) 34%,var(--vtt-line))!important}

/* 13 Bento Board. */
.ec18-v214-featured--bento-board{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-cyan) 30%,var(--vtt-line-soft));--ec18-featured-card-shadow:0 11px 25px color-mix(in srgb,var(--vtt-cyan) 8%,transparent)}
.ec18-v214-featured--bento-board .ec18-v214-card:nth-child(7n+1) .ec18-v214-card__media{box-shadow:0 18px 38px color-mix(in srgb,var(--vtt-cyan) 12%,transparent)!important}

/* 14 Trending Rows. */
.ec18-v214-featured--trending-rows{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-red) 24%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 14px 34px color-mix(in srgb,var(--vtt-red) 6%,transparent)}
.ec18-v214-featured--trending-rows .ec18-v214-trending li{border-color:color-mix(in srgb,var(--vtt-yellow) 16%,var(--vtt-line-soft));box-shadow:0 6px 15px color-mix(in srgb,var(--vtt-line) 8%,transparent)}

/* 15 Compact Catalog. */
.ec18-v214-featured--compact-catalog{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-line) 46%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 10px 26px color-mix(in srgb,var(--vtt-line) 8%,transparent)}
.ec18-v214-featured--compact-catalog .ec18-v214-catalog .ec18-v214-card{border-color:color-mix(in srgb,var(--vtt-yellow) 8%,var(--vtt-line-soft))!important}

/* 16 Coverflow Stage. */
.ec18-v214-featured--coverflow-stage{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-violet) 34%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 22px 52px color-mix(in srgb,var(--vtt-violet) 11%,transparent);--ec18-featured-card-shadow:0 18px 38px color-mix(in srgb,var(--ec18-tone-header,#111) 19%,transparent)}
.ec18-v214-featured--coverflow-stage .ec18-v214-card__media{aspect-ratio:3/4!important}.ec18-v214-featured--coverflow-stage .ec18-v214-card__media img{object-fit:contain!important;background:var(--ec18-featured-media-bg)!important;transform:none!important}

/* 17 Full Bleed Slider. */
.ec18-v214-featured--full-slider{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-yellow) 38%,var(--vtt-line-soft));--ec18-featured-panel-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vtt-yellow) 11%,transparent),0 22px 52px color-mix(in srgb,var(--ec18-tone-header,#111) 18%,transparent)}
.ec18-v214-featured--full-slider .ec18-v214-slider__slide>a{border-color:color-mix(in srgb,var(--vtt-yellow) 34%,var(--vtt-line-soft))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 6%,transparent)}

/* 18 Vertical Stories. */
.ec18-v214-featured--vertical-stories{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-red) 28%,var(--vtt-line-soft));--ec18-featured-card-shadow:0 14px 30px color-mix(in srgb,var(--vtt-red) 10%,transparent)}
.ec18-v214-featured--vertical-stories .ec18-v214-card__media img{object-fit:contain!important;background:var(--ec18-featured-media-bg)!important;transform:none!important}

/* 19 Thumbnail Tabs. */
.ec18-v214-featured--thumbnail-tabs{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-cyan) 34%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 18px 42px color-mix(in srgb,var(--vtt-cyan) 9%,transparent)}
.ec18-v214-featured--thumbnail-tabs .ec18-v214-tabs__preview>a{border-color:color-mix(in srgb,var(--vtt-cyan) 34%,var(--vtt-line-soft))!important;box-shadow:0 16px 36px color-mix(in srgb,var(--ec18-tone-header,#111) 17%,transparent)}

/* 20 Minimal Gallery. */
.ec18-v214-featured--minimal-gallery{--ec18-featured-panel-border:color-mix(in srgb,var(--vtt-line) 28%,var(--vtt-line-soft));--ec18-featured-panel-shadow:0 8px 22px color-mix(in srgb,var(--vtt-line) 7%,transparent);--ec18-featured-card-shadow:none}
.ec18-v214-featured--minimal-gallery .ec18-v214-card__media{border-width:1px!important;box-shadow:none!important}

@media(max-width:1100px){
 .ec18-featured-suite--showcase .vtt-featured-showcase__layout{grid-template-columns:minmax(330px,.95fr) minmax(0,1.05fr)!important}
 .ec18-featured-suite--showcase .vtt-featured-showcase__item{grid-template-columns:82px minmax(0,1fr)!important}
}
@media(max-width:900px){
 .ec18-featured-suite--showcase .vtt-featured-showcase__layout{grid-template-columns:1fr!important}
 .ec18-featured-suite--showcase .vtt-featured-showcase__preview{position:relative;top:auto;order:-1}
 .ec18-featured-suite--showcase .vtt-featured-showcase__preview-link{min-height:390px!important}
 .ec18-featured-suite--showcase .vtt-featured-showcase__lists{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec18-featured-suite--showcase .vtt-featured-showcase__rail{max-height:360px!important;flex-direction:column!important;padding:3px!important}
 .ec18-featured-suite--showcase .vtt-featured-showcase__item{flex:none!important}
}
@media(max-width:620px){
 .ec18-featured-suite--showcase .vtt-featured-showcase__lists{grid-template-columns:1fr}
 .ec18-featured-suite--showcase .vtt-featured-showcase__rail{max-height:none!important;overflow:visible!important}
 .ec18-featured-suite--showcase .vtt-featured-showcase__preview-link{min-height:330px!important}
 .ec18-featured-suite--showcase .vtt-featured-showcase__item{grid-template-columns:104px minmax(0,1fr)!important}
}

/* Player palette registry — later than legacy skin declarations. */
body.ec18-player-skin-comic-gold{--ec18-player-accent:#ffd82f!important}
body.ec18-player-skin-amber{--ec18-player-accent:#ffb000!important}
body.ec18-player-skin-studio-orange{--ec18-player-accent:#ff7a1a!important}
body.ec18-player-skin-hot-coral{--ec18-player-accent:#ff5a5f!important}
body.ec18-player-skin-ruby-red{--ec18-player-accent:#e31e52!important}
body.ec18-player-skin-crimson{--ec18-player-accent:#dc143c!important}
body.ec18-player-skin-rose{--ec18-player-accent:#ff2d55!important}
body.ec18-player-skin-magenta{--ec18-player-accent:#e83e8c!important}
body.ec18-player-skin-violet{--ec18-player-accent:#8d65db!important}
body.ec18-player-skin-electric-purple{--ec18-player-accent:#6d5dfb!important}
body.ec18-player-skin-indigo{--ec18-player-accent:#4f46e5!important}
body.ec18-player-skin-cobalt{--ec18-player-accent:#2563eb!important}
body.ec18-player-skin-ocean-navy{--ec18-player-accent:#22b7e8!important}
body.ec18-player-skin-cyber-cyan{--ec18-player-accent:#00c2d1!important}
body.ec18-player-skin-teal{--ec18-player-accent:#14b8a6!important}
body.ec18-player-skin-emerald{--ec18-player-accent:#10b981!important}
body.ec18-player-skin-lime{--ec18-player-accent:#84cc16!important}
body.ec18-player-skin-mint{--ec18-player-accent:#34d399!important}
body.ec18-player-skin-silver{--ec18-player-accent:#cbd5e1!important}
body.ec18-player-skin-graphite{--ec18-player-accent:#9ca3af!important}