/* Series content uses the game page's grid, typography and native package surface. */
.series-game-page .game-intro { min-height: 350px; padding-bottom: 32px; }
.series-game-page .game-description { max-width: 660px; }
.series-opening-summary { container:series-opening / inline-size; }
.series-opening-facts { display:grid;grid-template-columns:repeat(4,max-content);gap:18px 28px;margin-top:27px; }
.series-opening-facts > div { display:flex;flex-direction:column;gap:6px; }
.series-opening-facts > div + div { border-left:1px solid #cdd9e2;padding-left:28px; }
.series-opening-facts dt { font-size:11px;color:#738897; }
.series-opening-facts dd { order:-1;margin:0;font-size:25px;font-weight:650;letter-spacing:-.03em;color:#304e61;white-space:nowrap;font-variant-numeric:tabular-nums; }
@container series-opening (max-width:640px) {
  .series-opening-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .series-opening-facts > div:nth-child(odd) { border-left:0;padding-left:0; }
}
.series-game-page .media-tabs-group { display:contents; }
.series-game-page .visually-hidden { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
.series-game-page .tabs { overflow-x:auto;scrollbar-width:none; }
.series-game-page .tabs button { white-space:nowrap; }
.series-game-page .screenshot { position:relative; }
.series-game-page .screenshot > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.series-game-page .screenshot-caption { z-index:1; }
.game-template.series-template .series-game-page .screenshot::before { display:none; }
.series-game-page .screenshot-grid:not(:has(>button:nth-child(2))) { grid-template-columns:1fr; }
.series-game-page #versions { --series-heading-size:24px;--series-action-offset:45px;margin-top:70px; }
.series-game-page #series-download-list { margin-top:0; }
.series-download-game { min-width:0;scroll-margin-top:30px;margin-bottom:46px; }
.series-download-heading { display:grid;grid-template-columns:minmax(0,1fr) calc(var(--version-actions-width) - var(--series-action-offset));align-items:baseline;gap:16px;margin-bottom:16px; }
.series-game-page .series-download-heading h2 { min-width:0;margin:0;font-size:var(--series-heading-size);font-weight:600;line-height:1.3;letter-spacing:-.025em;color:#304e61; }
.series-download-heading h2 a { color:inherit;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px; }
.series-download-heading h2 a:hover { color:#1f607f;text-decoration:underline;text-decoration-color:#9db9c8; }
.series-download-year {
  display:inline-flex;
  align-items:baseline;
  justify-self:center;
  gap:5px;
  padding:5px 10px;
  border-radius:var(--radius-detail);
  background:var(--brand-soft, #fff1f3);
  color:var(--brand-ink, #b9152c);
  font-family:"Onest","Segoe UI",Arial,sans-serif;
  font-size:18px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:-.025em;
  font-variant-numeric:lining-nums tabular-nums;
}
.series-download-year-label { color:#755762;font-size:11px;font-weight:450;letter-spacing:0; }
/* The magnet control and its gap occupy the first 45px of the action group. */
@container (max-width:355px) {
  .series-download-heading { grid-template-columns:var(--series-action-offset) minmax(0,1fr);column-gap:0;row-gap:8px; }
  .series-download-heading h2 { grid-column:1 / -1; }
  .series-download-year { grid-column:2; }
}
.series-game-page .versions-table { margin-top:0; }
.series-download-status { font-size:12px;color:#9a514c;margin:12px 0; }
.series-game-page .version-rating-track { display:block; }
.series-game-page .series-information-card { padding-bottom:22px; }
.series-game-page .reviews-area { grid-row:auto; }
.series-game-page .review-empty { padding:20px 0;color:#718390;font-size:14px;line-height:1.6; }
.series-game-page .series-information-card h2 { margin:0 0 14px;color:#718390;font-size:11px;font-weight:600;letter-spacing:.045em;line-height:1.3;text-transform:uppercase; }
.series-information-card .game-information-row:first-child dd { font-weight:500; }
.series-game-page .series-information-card::before { border-color:#e4ebf0;box-shadow:0 4px 18px rgba(25,38,58,.04); }
.series-game-page .series-information-card #series-rating-title { margin:0 0 16px;color:#536d7d;font-size:14px;font-weight:550;letter-spacing:0;line-height:1.4;text-transform:none; }
.series-card-rating { display:flex;align-items:center;gap:20px;margin:0 0 17px;font-variant-numeric:tabular-nums; }
.series-card-rating > strong { flex:none;color:#1f607c;font-size:56px;font-weight:650;line-height:1;letter-spacing:-.05em; }
.series-card-rating > div { display:grid;gap:8px;min-width:0; }
.series-card-rating > div > span { max-width:150px;color:#5e7685;font-size:13px;font-weight:400;line-height:1.45; }
.series-card-rating small { color:#607886;font-size:11px;line-height:1.5; }
.series-card-votes { display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin:16px 0 0; }
.series-card-votes > div { display:flex;align-items:center;gap:7px;min-width:0; }
.series-card-likes { color:#3f7756; }
.series-card-dislikes { color:#a0605c; }
.series-card-votes dt { display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.4; }
.series-card-votes .icon { flex:none;width:15px;height:15px;stroke-width:1.7; }
.series-card-votes dd { margin:0;font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums; }
.series-card-votes .series-card-comments { margin-left:auto;color:#607d90; }
.series-card-comments dd { font-size:12px;font-weight:400; }
.series-card-comments a { display:flex;align-items:center;gap:6px;text-underline-offset:4px; }
.series-card-comments a:hover { color:#185779;text-decoration:underline;text-decoration-color:#a9c4d2; }
.series-card-comments .icon { width:15px;height:15px; }
.series-card-verification { display:flex;align-items:center;gap:8px;width:100%;margin-top:22px;padding:0;min-height:26px;border:0;background:none;text-align:left;color:#657d8b;font-size:12px;font-weight:400;line-height:1.5; }
.series-card-verification > .icon { flex:none;width:17px;height:17px;stroke-width:1.7; }
.series-card-verification[data-verified="true"] > .icon:first-child { color:#329471; }
.series-verification-caption { margin-left:auto;padding-left:6px;color:#718b9b;font-size:11px; }
.series-card-verification > .icon:last-child { width:12px;height:12px;color:#8da2af; }
.series-card-verification:hover { color:#276580; }
.series-card-verification:hover .series-verification-caption { color:#276580;text-decoration:underline;text-underline-offset:3px; }
.series-information-card :is(a,button):focus-visible { outline:2px solid #377da0;outline-offset:3px; }
.series-card-information { margin-top:22px;padding-top:22px;border-top:1px solid #e1e9ef; }
.series-game-page .series-quick-navigation { margin:38px var(--sidebar-inner-inset); }
.series-game-page .series-quick-navigation h2 { margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.045em;text-transform:uppercase;color:#768c9c; }
.series-quick-navigation { container:series-navigation / inline-size; }
.series-quick-navigation ol { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px; }
.series-quick-navigation li { min-width:0; }
.series-quick-navigation a { display:grid;grid-template-rows:auto 1fr auto;gap:6px;height:100%;min-width:0;border-radius:var(--radius-control); }
.series-quick-navigation img { display:block;width:100%;aspect-ratio:16/9;height:auto;margin-bottom:3px;border-radius:var(--radius-control);object-fit:cover;background:#edf2f5; }
.series-quick-navigation strong { display:block;font-size:13px;font-weight:550;line-height:1.45;color:#304e62;overflow-wrap:anywhere; }
.series-quick-navigation small { display:block;font-size:11px;line-height:1.5;color:#7a909f; }
.series-quick-navigation a:hover strong { color:#1f6c8c; }
.series-quick-navigation a:focus-visible { outline:2px solid #377da0;outline-offset:5px; }
@container series-navigation (max-width:280px) {
  .series-quick-navigation ol { grid-template-columns:1fr;gap:22px; }
  .series-quick-navigation strong { font-size:14px; }
}
.series-video-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.series-video-art { display:block;position:relative;margin-bottom:10px; }
.series-video-art img { display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:var(--radius-control); }
.series-video-art .play-circle { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;border-color:#ffffffb0;background:#172e3e80; }
.series-video-grid strong { display:block;font-size:14px;font-weight:550; }
.series-video-grid small { display:block;font-size:11px;color:#7d93a3;margin-top:5px; }
.series-game-page .series-about-copy { margin:14px 0 24px;font-size:14px;line-height:1.7;color:#607c90; }
.series-about-games { display:grid;gap:20px; }
.series-about-games a { display:grid;gap:6px; }
.series-about-games strong { font-size:15px;font-weight:550; }
.series-about-games span { font-size:13px;color:#6f8799;line-height:1.65; }
.series-panel-caption { font-size:13px;color:#728b9c;line-height:1.6;margin:12px 0 24px; }
.series-requirements { display:grid;gap:28px; }
.series-requirements h3 { font-size:15px;font-weight:550;margin:0 0 12px; }
.series-requirements h3 a { display:flex;gap:12px;align-items:center; }
.series-requirements .icon { width:14px;height:14px;color:#8ba2b0; }
.series-requirements dl { display:grid;gap:10px; }
.series-requirements dl > div { display:grid;grid-template-columns:140px 1fr;gap:20px;font-size:12px;line-height:1.6; }
.series-requirements dt { color:#7d94a3; }
.series-requirements dd { color:#3d5b70; }
.series-gallery-dialog img { display:block;max-width:100%;max-height:70vh;width:100%;object-fit:contain;border-radius:var(--radius-control); }
.series-gallery-dialog .dialog-header h2 { font-size:20px; }
.series-gallery-dialog { width:1000px; }
/* Every series uses the same compact heading hierarchy. */
.series-game-page :is(#panel-about, #panel-requirements) > h2 { font-size:24px;line-height:1.3; }
@container game-information (max-width:360px) {
  .series-card-rating > strong { font-size:52px; }
  .series-card-rating { gap:18px; }
}
@container game-information (max-width:285px) {
  .series-card-votes { gap:10px 18px; }
  .series-card-votes .series-card-comments { flex-basis:100%;margin-left:0; }
  .series-card-verification { flex-wrap:wrap; }
}
@media(max-width:900px) {
  .series-game-page .game-intro { min-height:0; }
  .series-game-page .release-column { grid-row:auto;margin-top:38px; }
  .series-game-page .release-content { grid-row:auto; }
  .series-game-page #versions { grid-row:auto; }
  .series-game-page .series-information-card { max-width:none; }
}
@media(max-width:540px) {
  .series-card-rating { gap:18px; }
  .series-card-rating > strong { font-size:52px; }
  .series-opening-facts { gap:14px;margin-top:24px; }
  .series-opening-facts > div:nth-child(even) { padding-left:14px; }
  .series-opening-facts dd { font-size:22px; }
  .series-opening-facts dt { font-size:9px; }
  .series-opening-years dd { font-size:18px;padding-top:3px; }
  .series-game-page .game-description { max-width:none; }
  .series-game-page .media-tabs-group { gap:22px; }
  .series-download-heading { row-gap:12px;margin-bottom:12px; }
  .series-download-year { padding:4px 8px;font-size:17px; }
  .series-download-game { margin-bottom:36px; }
  .series-requirements dl > div { grid-template-columns:1fr;gap:2px; }
  .series-video-grid { gap:20px 14px; }
  .series-video-grid strong { font-size:12px; }
  .series-game-page #versions { --series-heading-size:20px;margin-top:45px; }
  .series-game-page :is(#panel-about, #panel-requirements) > h2 { font-size:22px; }
}
.series-verification-dialog { width:720px;max-width:calc(100% - 28px);padding:26px;border:1px solid #d9e4eb;border-radius:var(--radius-surface);color:#304a5b; }
.series-verification-dialog::backdrop { background:#172b3d66;backdrop-filter:blur(3px); }
.series-verification-dialog .dialog-header { align-items:flex-start;gap:16px;margin-bottom:16px; }
.series-verification-dialog .dialog-header > div { min-width:0; }
.series-verification-dialog .series-report-eyebrow { margin:0 0 7px;color:#627785;font-size:11px;line-height:1.4; }
.series-verification-dialog .dialog-header h2 { font-size:24px;font-weight:650;letter-spacing:-.025em;line-height:1.25; }
.series-verification-dialog .dialog-header > button { flex:none;color:#718c9b; }
.series-verification-dialog .series-report-method { margin:0;color:#607686;font-size:13px;line-height:1.65; }
.series-verification-dialog :is(a,button):focus-visible { outline:2px solid #377da0;outline-offset:3px; }
.series-report-summary { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:20px;padding:13px 15px;border-radius:var(--radius-surface);background:#edf6f1; }
.series-report-summary strong { color:#367755;font-size:13px;font-weight:600; }
.series-report-summary time { color:#738e7f;font-size:11px; }
.series-report-files { display:grid;gap:0;list-style:none;max-height:48vh;overflow-y:auto;overscroll-behavior:contain;margin:14px 0 0;padding:0 8px 0 0; }
.series-report-files a { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 4px;border-bottom:1px solid #e9eef2; }
.series-report-files a > span:first-child { display:grid;gap:4px;min-width:0; }
.series-report-files strong { color:#344f61;font-size:13px;font-weight:550;line-height:1.4; }
.series-report-files small { color:#627785;font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
.series-report-state { display:inline-flex;align-items:center;gap:5px;flex:none;color:#359272;font-size:11px; }
.series-report-state .icon { width:15px;height:15px; }
.series-report-state.is-pending { color:#8b9399; }
.series-report-files a:hover strong { color:#1c7296;text-decoration:underline;text-underline-offset:3px; }
.series-report-empty { padding:20px 4px;color:#738b9a;font-size:13px; }
@media(max-width:540px) {
  .series-verification-dialog { padding:20px; }
  .series-verification-dialog .dialog-header h2 { font-size:21px; }
  .series-report-summary { gap:5px; }
  .series-report-files a { align-items:flex-start;gap:12px; }
  .series-report-state { font-size:0;gap:0;margin-top:1px; }
  .series-report-state .icon { width:18px;height:18px; }
}
@media(prefers-reduced-motion:reduce) { .series-game-page * { scroll-behavior:auto;transition:none; } }
