/* "Coming soon" cover treatment: the finished cover with a big diagonal brand-orange band.
   The band is drawn by the site (not baked into the image), so it vanishes by itself
   the moment an episode is released. Sizes scale with the cover (container query units). */
.soon-cover{position:relative;overflow:hidden;container-type:inline-size;background:#050403}
.soon-cover > img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.78) saturate(.92)}
.soon-cover .soon-band{position:absolute;left:-30%;top:50%;width:160%;transform:translateY(-50%) rotate(-33deg);
  display:flex;align-items:center;justify-content:center;padding:2.6cqw 0;pointer-events:none;
  background:linear-gradient(90deg,#ff7a1e 0%,#ffb03a 50%,#ff7a1e 100%);
  border-top:.9cqw solid #1a0a02;border-bottom:.9cqw solid #1a0a02;
  box-shadow:0 1.2cqw 5cqw rgba(0,0,0,.65)}
.soon-cover .soon-band b{font-family:"Anton","Oswald","Arial Narrow",system-ui,sans-serif;font-weight:400;
  font-size:10.5cqw;line-height:1.05;letter-spacing:.07em;text-transform:uppercase;color:#1a0a02;white-space:nowrap}
:lang(ja) .soon-band b,:lang(zh) .soon-band b{font-family:system-ui,-apple-system,"Hiragino Sans","Yu Gothic","PingFang SC","Microsoft YaHei","Noto Sans CJK JP","Noto Sans CJK SC",sans-serif;font-weight:900;letter-spacing:.12em}
:lang(ru) .soon-band b,:lang(uk) .soon-band b{font-family:"Oswald","Arial Narrow",system-ui,sans-serif;font-weight:700}
@container (max-width:150px){ .soon-cover .soon-band b{font-size:11.5cqw} }

/* Preview-mode notice (shown only while config.js has no Supabase keys) */
.demo-banner{position:relative;z-index:50;background:#ffb03a;color:#1a0a02;text-align:center;font:700 .8rem/1.35 system-ui,sans-serif;padding:7px 14px}
