.games-tabs { max-width: 1500px; margin: 0 auto; padding: 0 5vw; display: flex; gap: 1px; background: var(--rule); }
.games-tabs button { min-height: 54px; padding: 0 22px; border: 0; background: #061427; color: var(--steel); cursor: pointer; font: 900 11px var(--display); letter-spacing: .12em; text-transform: uppercase; }
.games-tabs button[aria-selected="true"] { background: var(--red); color: var(--white); }
.prime-time { padding: 76px 5vw 96px; background: #07172a; }
.prime-time__inner { max-width: 1500px; margin: auto; }
.prime-time__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr); gap: 34px; align-items: end; margin-bottom: 34px; }
.prime-time__head h2 { margin: 0; font: 900 clamp(48px, 6vw, 84px)/.84 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.prime-time__head h2 em { color: var(--red); font-style: normal; }
.prime-time__head p:last-child { margin: 0; color: var(--steel); font-size: 12px; line-height: 1.55; }
.prime-time-week { min-height: 44px; padding: 0 12px; border: 1px solid var(--rule); background: var(--navy); color: var(--white); }
.prime-time-grid { display: grid; gap: 24px; }
.prime-weekly-cover { max-width: 560px; margin: 0 0 24px; border: 1px solid rgba(33,212,253,.3); background: #061427; }
.prime-weekly-cover img { display: block; width: 100%; height: auto; object-fit: contain; }
.prime-weekly-cover figcaption { padding: 10px 14px; color: var(--steel); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.prime-latest { padding: 24px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; border: 1px solid rgba(224,68,74,.52); background: linear-gradient(120deg, rgba(224,68,74,.13), rgba(6,20,39,.96)); }
.prime-latest small { color: var(--red); font: 900 9px var(--display); letter-spacing: .12em; }
.prime-latest strong { display: block; margin-top: 7px; font: 900 clamp(23px, 3vw, 38px)/.96 var(--display); text-transform: uppercase; }
.prime-latest p { max-width: 900px; margin: 10px 0 0; color: var(--steel); font-size: 11px; line-height: 1.55; }
.prime-latest a { color: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.prime-card { overflow: hidden; border: 1px solid rgba(33,212,253,.3); background: #061427; box-shadow: 16px 16px 0 rgba(224,68,74,.08); }
.prime-card__hero { position: relative; min-height: 230px; padding: 26px; display: flex; align-items: end; background: linear-gradient(130deg, #0d2748, #07111f); isolation: isolate; }
.prime-card__hero::before { content: "PRIME"; position: absolute; right: 14px; bottom: -22px; z-index: -1; color: rgba(243,245,247,.06); font: 900 clamp(90px, 13vw, 180px)/1 var(--display); letter-spacing: -.08em; }
.prime-card__hero.has-image { background-image: linear-gradient(90deg, rgba(6,20,39,.94), rgba(6,20,39,.22)), var(--hero-image); background-position: center; background-size: cover; }
.prime-card__hero small { color: var(--cyan); font-weight: 900; letter-spacing: .14em; }
.prime-card__hero p { margin: 8px 0 0; font: 900 clamp(30px, 4vw, 54px)/.9 var(--display); text-transform: uppercase; }
.prime-card__provisional { position: absolute; top: 16px; right: 16px; max-width: 210px; color: var(--steel); font-size: 8px; font-weight: 900; letter-spacing: .09em; text-align: right; text-transform: uppercase; }
.prime-card__body { padding: 28px; }
.prime-card__score { display: flex; justify-content: space-between; gap: 18px; align-items: end; padding-bottom: 22px; border-bottom: 1px solid var(--rule); }
.prime-card__score h3 { margin: 0; font: 900 clamp(28px, 3.5vw, 48px)/.92 var(--display); text-transform: uppercase; }
.prime-card__score strong { color: var(--cyan); font: 900 32px/1 var(--display); white-space: nowrap; }
.prime-card__dek { max-width: 840px; color: #c7d1df; line-height: 1.58; }
.prime-questions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 25px; background: var(--rule); border: 1px solid var(--rule); }
.prime-questions article { min-width: 0; padding: 20px; background: var(--navy); }
.prime-questions b { color: var(--red); font: 900 10px var(--display); letter-spacing: .12em; }
.prime-questions h4 { margin: 12px 0; font: 900 20px/1.03 var(--display); text-transform: uppercase; }
.prime-questions p { margin: 0; color: var(--steel); font-size: 12px; line-height: 1.5; }
.prime-card__limits { margin: 22px 0 0; color: var(--steel); font-size: 10px; line-height: 1.45; }
.prime-card__story { display: inline-flex; margin-top: 20px; color: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.prime-empty { padding: 44px; border: 1px solid var(--rule); color: var(--steel); }
.prime-empty strong { display: block; color: var(--white); font: 900 28px var(--display); text-transform: uppercase; }
.prime-story-art { max-width: 760px; margin: 0 auto 64px; padding: 0 18px; }
.prime-story-art img { display: block; width: 100%; height: auto; object-fit: contain; border: 1px solid rgba(33,212,253,.3); }
.prime-story-art figcaption { padding: 10px 0; color: var(--steel); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
@media (max-width: 720px) { .games-tabs { padding-inline: 18px; overflow-x: auto; } .games-tabs button { flex: 1 0 max-content; } .prime-time { padding: 56px 18px 72px; } .prime-time__head, .prime-questions, .prime-latest { grid-template-columns: 1fr; } .prime-card__body { padding: 20px; } .prime-card__score { align-items: start; flex-direction: column; } .prime-latest a { white-space: normal; } }