/* V9: reference screenshot 1748 × 760. Tuned against actual V8 screenshot.
   Only presentation; live statuses are fetched independently. */
@media (min-width:1550px) {
  .hdr { height:82px!important; padding:0 24px!important; }
  .hdr-inner { max-width:1484px!important; width:100%; }
  .hdr .hdr-brand { margin-right:17px!important; }
  .hdr .hdr-nav .hdr-link { padding:11px 12px; font-size:13px; }
  .hdr .hdr-nav .hdr-wiki { padding:10px 15px; }
  .hdr .hdr-discord { padding:9px 12px; }
  .hdr .hdr-indicator { bottom:-14px; }
  .container { padding-top:97px!important; }
  .hero .dc-hero-logo { margin-bottom:15px; }
  .hero .subtitle { margin-bottom:43px!important; }
  .hero { margin-bottom:69px!important; }
  .twitch-section.dc-live-section { margin-top:50px!important; margin-bottom:65px!important; }
}
/* Live group sized against source: central 760px card under a compact heading. */
.twitch-section.dc-live-section {max-width:760px;overflow:visible;margin-inline:auto;}
.dc-live-heading {gap:10px!important; margin-bottom:28px!important;}
.dc-live-heading .live-heading-icon {font-size:21px; color:#b684f8;line-height:1;}
.dc-live-heading h2 {font-size:20px!important;font-weight:700;letter-spacing:-.01em;}
.dc-live-count {font:800 10px/1 'Segoe UI',sans-serif;color:#fff;border-radius:7px;padding:7px 9px;background:rgba(224,55,118,.21);border:1px solid rgba(255,92,154,.36);letter-spacing:.08em;}
.dc-live-section .streamer-offline {width:100%;min-height:106px;padding:18px 21px;border:1px solid rgba(174,101,246,.28);border-radius:16px;background:rgba(32,17,46,.43);backdrop-filter:blur(16px);gap:18px;display:flex;align-items:center;}
.dc-live-section .streamer-offline .streamer-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(123,72,213,.2);color:#c5a0ff;font-size:24px}
.dc-live-section .streamer-offline strong {font-size:14px;line-height:1.3;}
.dc-live-section .streamer-offline p {font-size:13px;line-height:1.65;color:#d2c6dc;}
.dc-live-section .streamer-offline a {font-size:12px;}
.dc-live-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.dc-live-list[hidden],.dc-live-section .streamer-offline[hidden],.dc-live-count[hidden] {display:none!important}
.dc-live-card {min-width:0;border-radius:15px;background:rgba(32,18,48,.52);border:1px solid rgba(180,124,246,.22);overflow:hidden;transition:transform .22s ease,border-color .22s ease;}
.dc-live-card:hover {transform:translateY(-3px);border-color:rgba(204,143,255,.55);}
.dc-live-card-link {text-decoration:none;display:block;color:inherit;}
.dc-live-preview {height:160px;position:relative;overflow:hidden;background:linear-gradient(125deg,rgba(113,60,194,.35),rgba(42,25,67,.65));}
.dc-live-preview img {width:100%;height:100%;display:block;object-fit:cover;}
.dc-live-preview .dc-preview-fallback {position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:800;color:#eee5fb;letter-spacing:.08em;}
.dc-live-preview img+.dc-preview-fallback {display:none}
.dc-live-badges {position:absolute;top:11px;left:11px;right:11px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.dc-live-pill {display:inline-flex;align-items:center;gap:5px;border-radius:7px;background:rgba(223,45,94,.94);padding:5px 7px;font-size:10px;font-weight:800;letter-spacing:.07em;color:white}
.dc-live-pill::before {content:'';width:6px;height:6px;background:#fff;border-radius:50%}
.dc-platform {border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800;background:rgba(12,9,20,.82);color:white}
.dc-platform.twitch{border:1px solid rgba(162,112,255,.7)}
.dc-platform.tiktok{border:1px solid rgba(131,235,245,.7)}
.dc-live-details {padding:15px 16px 16px}
.dc-live-name {font-size:15px;font-weight:800;color:#f8f1ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-live-title {margin-top:4px;font-size:12px;color:#c9b9d4;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:18px}
.dc-live-meta {margin-top:11px;font-size:11px;color:#ceb9dd}
.dc-live-list + .streamer-offline {margin-top:16px}
@media(min-width:1250px) and (max-width:1549px){
 .hdr{padding:0 18px!important;height:79px!important}
 .hdr-inner{max-width:1400px!important}
 .hdr .hdr-nav .hdr-link{padding:10px 9px;font-size:12px}
 .hdr .hdr-nav .hdr-wiki{padding:9px 10px;font-size:12px}
 .hdr .hdr-brand{margin-right:13px!important}
 .hdr .hdr-indicator{bottom:-10px}
 .container{padding-top:96px!important}
 .hero .subtitle{margin-bottom:43px!important}
 .hero{margin-bottom:68px!important}
 .twitch-section.dc-live-section{margin-top:50px!important}
}
@media(min-width:901px) and (max-width:1249px) {.hdr{padding-inline:16px!important;}.hdr-inner{max-width:100%;}.container{padding-top:90px!important}.hero{margin-bottom:65px!important}}
@media(max-width:900px){.dc-live-section{margin-top:42px!important}.dc-live-list{grid-template-columns:1fr}.dc-live-section .streamer-offline{padding:16px}.dc-live-section .streamer-offline a{margin-left:0;}.dc-live-heading{margin-bottom:20px!important}}
@media(prefers-reduced-motion:reduce){.dc-live-card{transition:none}}
