.series-page{padding:42px 24px 0;color:var(--ink,#070c18)}
.series-container{max-width:var(--page,1400px);margin:0 auto}
.series-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.6;color:var(--muted,#586583)}
.series-breadcrumb a{color:inherit;text-decoration:none}.series-breadcrumb a:hover{text-decoration:underline}
.series-heading{padding:35px 0 30px;max-width:1000px}
.series-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--green,#219500);margin:0 0 14px}
.series-heading h1{font-size:clamp(34px,4.2vw,62px);font-weight:650;letter-spacing:-.045em;line-height:1.1;margin:0 0 20px;overflow-wrap:anywhere}
.series-description{font-size:17px;line-height:1.65;color:var(--muted,#586583);max-width:760px;margin:0}
.series-heading-bottom{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:22px;font-size:14px}
.series-total{font-weight:650}.series-back{display:inline-flex;align-items:center;gap:7px;color:var(--green,#219500);text-decoration:none}
.series-page svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.series-search{margin:0 0 26px;max-width:400px}.series-search label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}
.series-search input{width:100%;height:45px;border:1px solid var(--line,#e1e6ee);border-radius:var(--radius-control);padding:0 15px;background:#fff;color:var(--ink,#070c18);font:inherit;font-size:14px;box-sizing:border-box}
.series-page a:focus-visible,.series-search input:focus-visible{outline:3px solid #88c642;outline-offset:4px}
.series-hub-grid,.series-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.series-hub-card,.series-game-card{border:1px solid var(--line,#e1e6ee);border-radius:var(--radius-surface);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.series-hub-card:hover,.series-game-card:hover{border-color:#cad7c5;box-shadow:0 10px 28px #1927300a}
.series-hub-image,.series-game-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#192730}
.series-hub-image img,.series-game-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.series-hub-card:hover img,.series-game-card:hover img{transform:scale(1.025)}
.series-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101a2229,transparent 70%)}
.series-hub-body{padding:22px 23px 23px;display:flex;flex-direction:column;flex:1}
.series-card-topline{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.series-card-topline h2{font-size:22px;letter-spacing:-.025em;line-height:1.2;margin:0}.series-card-topline h2 a,.series-game-body h3 a{color:inherit;text-decoration:none}
.series-card-topline>span{white-space:nowrap;font-size:12px;color:var(--muted,#586583)}
.series-hub-body>p{font-size:14px;line-height:1.6;color:var(--muted,#586583);margin:13px 0 23px;flex:1}
.series-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--green,#219500);font-size:13px;font-weight:600;text-decoration:none;margin-top:auto}
.series-card-link:hover{text-decoration:underline}
.series-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 36px;padding:24px 0;border-top:1px solid var(--line,#e1e6ee);border-bottom:1px solid var(--line,#e1e6ee)}
.series-controls .series-search{width:280px;flex:none;margin:0}.series-section-links{display:flex;flex-wrap:wrap;gap:9px}
.series-section-links a,.series-related-links a{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#e1e6ee);background:#fff;border-radius:var(--radius-control);padding:11px 13px;font-size:13px;text-decoration:none;color:var(--ink,#070c18)}
.series-section-links a:hover,.series-related-links a:hover{border-color:#8eb872;color:var(--green,#219500)}
.series-section-links span,.series-related-links span{font-size:11px;color:var(--muted,#586583)}
.series-game-section{margin:0 0 40px;scroll-margin-top:100px}.series-section-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}.series-section-heading h2,.series-more h2{font-size:23px;letter-spacing:-.025em;line-height:1.3;margin:0}.series-section-heading>span{font-size:13px;color:var(--muted,#586583)}
.series-game-body{padding:20px;display:flex;flex-direction:column;flex:1}.series-game-labels{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:8px}.series-edition{font-size:11px;font-weight:600;line-height:1.5;color:var(--muted,#586583)}.series-game-year{font-size:12px;font-weight:650;color:var(--ink,#070c18)}.series-game-body h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0 0 23px}
.series-empty{padding:32px;border:1px dashed var(--line,#e1e6ee);border-radius:var(--radius-surface);background:#fff;color:var(--muted,#586583)}
.series-release-note{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:25px;padding:22px 25px;background:#f1f5ec;border:1px solid #dce5d3;border-radius:var(--radius-surface);margin:15px 0 45px;font-size:14px}.series-release-note strong{font-size:16px}.series-release-note p{margin:0;color:var(--muted,#586583);line-height:1.6}.series-release-note a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--green,#219500);text-decoration:none}
.series-more{padding-top:32px;border-top:1px solid var(--line,#e1e6ee)}.series-related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.series-endnote{display:flex;justify-content:flex-end;margin-top:35px;padding:18px 0 30px}.series-endnote a{font-size:13px;color:var(--muted,#586583);text-decoration:none}
.series-page [hidden]{display:none!important}
@media(min-width:901px) and (max-width:1250px){.primary-nav{gap:15px}.primary-nav a{font-size:12px}.header-inner{gap:20px}}
@media(max-width:1050px){.series-hub-grid,.series-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-controls{align-items:flex-start;flex-direction:column}.series-controls .series-search{width:100%;max-width:400px}.series-release-note{grid-template-columns:1fr;gap:10px}.series-card-topline h2{font-size:20px}}
@media(max-width:620px){.series-page{padding:25px 16px 0}.series-heading{padding:27px 0}.series-description{font-size:15px}.series-heading-bottom{gap:20px}.series-hub-grid,.series-game-grid{grid-template-columns:1fr;gap:19px}.series-hub-body{padding:20px}.series-card-topline h2{font-size:23px}.series-controls{padding:20px 0;margin-bottom:27px}.series-section-links{gap:7px}.series-section-links a{padding:9px 10px;font-size:12px}.series-game-section{margin-bottom:30px}.series-game-body h3{font-size:21px}.series-release-note{padding:20px}.series-breadcrumb{gap:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.series-page *{transition:none!important;scroll-behavior:auto!important}}
.series-hub-controls{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) minmax(230px,1fr);gap:18px;margin:0 0 18px}
.series-hub-controls .series-search{margin:0;max-width:none}
.series-select label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}
.series-select select{width:100%;height:45px;border:1px solid var(--line,#e1e6ee);border-radius:var(--radius-control);padding:0 12px;background:#fff;color:var(--ink,#070c18);font:inherit;font-size:14px;box-sizing:border-box}
.series-page select:focus-visible,.series-page button:focus-visible{outline:3px solid #88c642;outline-offset:4px}
.series-filter-status{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--muted,#586583)}
.series-hub-compact{gap:16px}
.series-hub-compact .series-hub-body{padding:20px;min-height:146px}
.series-hub-compact .series-card-topline{align-items:flex-start}
.series-hub-compact .series-card-topline h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.series-hub-compact .series-card-topline>span{padding-top:3px}
.series-hub-compact .series-card-genre{font-size:12px;line-height:1.5;margin:10px 0 16px;flex:none}
.series-hub-compact .series-card-availability{font-size:12px;line-height:1.5;margin:0 0 14px;flex:none}
.series-card-completion{margin:0 0 18px}
.series-completion{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:var(--radius-control);font-size:11px;font-weight:600;line-height:1.5;color:var(--muted,#586583);background:#f3f5f8}
.series-completion--complete{color:#236c17;background:#edf6e8}
.series-completion--in-progress{color:#255783;background:#edf4fb}
.series-completion--partial{color:#855d16;background:#faf3e5}
.series-completion-total{color:var(--muted,#586583)}
.series-load-more{display:block;margin:25px auto 0;padding:12px 24px;border:1px solid #8eb872;border-radius:var(--radius-control);background:#fff;color:var(--green,#219500);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.series-load-more:hover{background:#f1f5ec}
.series-unavailable{padding:28px;border:1px solid var(--line,#e1e6ee);border-radius:var(--radius-surface);background:#fff;margin-bottom:35px;max-width:760px}
.series-unavailable h2{margin:0 0 12px;font-size:22px}
.series-unavailable p{margin:0 0 24px;color:var(--muted,#586583);font-size:16px;line-height:1.65}
.series-unavailable .series-card-link{justify-content:flex-start}
@media(max-width:950px){.series-hub-controls{grid-template-columns:1fr 1fr}.series-hub-controls .series-search{grid-column:1/-1}}
@media(max-width:620px){.series-hub-controls{grid-template-columns:1fr;gap:16px}.series-hub-compact .series-hub-body{min-height:130px}.series-hub-compact .series-card-topline h2{font-size:21px}.series-unavailable{padding:22px}}

/* The series directory is a visual catalog; detail pages keep their own layout. */
.series-directory { padding-top:30px; }
.series-directory .series-directory-heading { display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;max-width:none;padding:32px 0 30px; }
.series-directory .series-eyebrow { color:#6d8391;font-size:10px;letter-spacing:.14em;margin-bottom:12px; }
.series-directory .series-heading h1 { font-size:clamp(34px,3.8vw,54px);margin:0;line-height:1.05; }
.series-directory-intro { max-width:490px;justify-self:end; }
.series-directory-intro > p { color:#64798a;font-size:15px;line-height:1.65;margin:0 0 14px; }
.series-directory-stats { display:flex;flex-wrap:wrap;gap:9px 20px;color:#344d5e;font-size:12px;font-weight:550; }
.series-directory-stats span + span { color:#7b8d99;font-weight:400; }
.series-spotlights { display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px;margin:0 0 42px; }
.series-spotlight { position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:285px;overflow:hidden;border-radius:var(--radius-surface);background:#20313d;text-decoration:none;color:white; }
.series-spotlight img { position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s; }
.series-spotlight::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#1223300a 10%,#0c17254d 45%,#091522e8 100%); }
.series-spotlight:hover img { transform:scale(1.04); }
.series-spotlight-count { position:absolute;top:16px;left:18px;padding:5px 9px;border:1px solid #ffffff38;border-radius:var(--radius-detail);background:#1223307d;backdrop-filter:blur(6px);font-size:11px;font-weight:550;line-height:1.5; }
.series-spotlight-body { width:100%;padding:24px; }
.series-spotlight-body > p { margin:0 0 8px;color:#dae5e9;font-size:11px;line-height:1.4; }
.series-spotlight h2 { margin:0 0 16px;font-size:27px;line-height:1.1;letter-spacing:-.035em;font-weight:650;color:white; }
.series-spotlight:first-child h2 { font-size:35px;max-width:340px; }
.series-spotlight-action { display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:550;color:#edf5f6; }
.series-spotlight-action svg { width:21px;height:21px; }
.series-directory-catalog { scroll-margin-top:30px; }
.series-catalog-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px; }
.series-catalog-heading h2 { display:flex;gap:12px;align-items:baseline;font-size:27px;font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:0; }
.series-catalog-heading h2 span { font-size:13px;font-weight:450;letter-spacing:0;color:#81929d; }
.series-directory .series-back { color:#637c8c;font-size:12px;white-space:nowrap; }
.series-directory .series-hub-controls { grid-template-columns:minmax(240px,1.65fr) minmax(180px,1fr) minmax(195px,1fr);gap:16px;margin-bottom:14px; }
.series-directory .series-search label,.series-directory .series-select label { font-size:11px;line-height:1.5;color:#607587;font-weight:550;margin-bottom:7px; }
.series-directory .series-search input,.series-directory select { height:43px;border:1px solid #dce5eb;border-radius:var(--radius-control);background:#f8fafb;font-size:13px;color:#294353; }
.series-search-field { position:relative; }
.series-search-field > svg { position:absolute;left:13px;top:13px;width:17px;height:17px;color:#8197a5;pointer-events:none; }
.series-directory .series-search input { padding-left:39px; }
.series-directory .series-search input::placeholder { color:#82929c;opacity:1; }
.series-filter-summary { display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:30px;margin-bottom:21px; }
.series-directory .series-filter-status { margin:0;font-size:12px;color:#7c8d98; }
.series-filter-actions { display:flex;align-items:center;gap:20px; }
.series-reset { padding:0;border:0;background:none;font:inherit;font-size:12px;line-height:1.5;color:#4f6d80;text-decoration:underline;text-decoration-color:#c4d1da;text-underline-offset:3px;cursor:pointer; }
.series-refine { position:relative;color:#718692;font-size:12px; }
.series-refine summary { cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;min-height:30px; }
.series-refine summary::-webkit-details-marker { display:none; }
.series-refine summary::after { content:"";width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-3px; }
.series-refine[open] summary::after { transform:rotate(225deg);margin-top:3px; }
.series-refine.is-active summary { color:#263d4d;font-weight:600; }
.series-refine-body { position:absolute;top:calc(100% + 6px);right:0;width:260px;max-width:calc(100vw - 32px);padding:17px;z-index:5;background:#fff;border:1px solid #dce5eb;border-radius:var(--radius-surface);box-shadow:0 8px 28px #18374b15; }
.series-refine label { display:block;margin-bottom:9px;color:#526c7e;font-size:12px; }
.series-refine select { width:100%;padding:0 10px; }
.series-directory-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px; }
.series-directory .series-hub-card { min-width:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible; }
.series-directory .series-hub-link { display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;border-radius:var(--radius-surface); }
.series-directory .series-hub-image { border-radius:var(--radius-surface);aspect-ratio:16/9;background:#eaf0f3; }
.series-directory .series-hub-image img { opacity:1; }
.series-artwork-fallback { display:grid;place-items:center;height:100%;font-size:54px;font-weight:700;color:#8ea3b1; }
.series-directory .series-hub-body { padding:13px 0 0; }
.series-directory .series-card-genre { margin:0 0 7px;color:#7e909e;line-height:1.5;font-size:11px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.series-card-title { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:47px; }
.series-card-title h3 { margin:0;color:#1c3241;line-height:1.3;font-size:18px;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere; }
.series-card-arrow { display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:var(--radius-round);border:1px solid #dce5ea;color:#7890a0;transition:color .2s,border-color .2s; }
.series-card-arrow svg { width:14px;height:14px; }
.series-hub-link:hover h3 { color:#4a6b3b; }
.series-hub-link:hover .series-card-arrow { color:#35543d;border-color:#99ada0; }
.series-card-meta { display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline;justify-content:space-between;margin-top:8px;color:#657d8d;font-size:11px;line-height:1.5; }
.series-card-meta > span:first-child { color:#395264;font-weight:550; }
.series-directory .series-card-completion { margin:8px 0 0;line-height:1.3; }
.series-directory .series-completion { padding:0;border-radius:0;background:none;color:#8b9aa4;font-size:10px;font-weight:400; }
.series-directory .series-completion--complete { color:#588140; }
.series-directory .series-completion--in-progress { color:#698699; }
.series-directory .series-load-more { width:100%;margin-top:32px;border:1px solid #dce5eb;border-radius:var(--radius-control);background:#f7f9fa;color:#355264;font-size:13px; }
.series-directory .series-load-more:hover { background:#edf2f5;border-color:#c3d1dc; }
.series-directory .series-empty { padding:36px 20px;text-align:center;background:#f7f9fa;border:0;border-radius:var(--radius-surface); }
.series-directory .series-empty h3 { margin:0 0 10px;color:#243d4e;font-size:20px; }
.series-directory .series-empty p { margin:0 0 18px;font-size:14px;line-height:1.6; }
.series-directory a:focus-visible,.series-directory button:focus-visible,.series-directory input:focus-visible,.series-directory select:focus-visible,.series-directory summary:focus-visible { outline:2px solid #789aaa;outline-offset:4px; }
@media(max-width:1100px) {
 .series-directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .series-directory .series-directory-heading { grid-template-columns:1fr 1fr;gap:25px; }
 .series-spotlights { gap:14px;grid-template-columns:1.25fr 1fr 1fr; }
 .series-spotlight { min-height:255px; }
 .series-spotlight-body { padding:19px; }
 .series-spotlight h2 { font-size:24px; }
 .series-spotlight:first-child h2 { font-size:30px; }
}
@media(max-width:800px) {
 .series-directory .series-directory-heading { grid-template-columns:1fr;gap:19px;padding:26px 0; }
 .series-directory-intro { justify-self:start;max-width:560px; }
 .series-directory-intro > p { font-size:14px;margin-bottom:10px; }
 .series-spotlights { grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px; }
 .series-spotlight:first-child { grid-column:1/-1;min-height:235px; }
 .series-spotlight { min-height:200px; }
 .series-directory .series-hub-controls { grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
 .series-directory .series-hub-controls .series-search { grid-column:1/-1; }
 .series-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px; }
}
@media(max-width:540px) {
 .series-directory { padding-top:23px; }
 .series-directory .series-directory-heading { padding:25px 0 23px; }
 .series-directory .series-heading h1 { font-size:36px; }
 .series-directory .series-eyebrow { margin-bottom:10px; }
 .series-spotlights { gap:12px; }
 .series-spotlight:first-child { min-height:205px; }
 .series-spotlight { min-height:185px; }
 .series-spotlight-body { padding:15px; }
 .series-spotlight h2 { font-size:22px;margin-bottom:12px; }
 .series-spotlight:first-child h2 { font-size:29px; }
 .series-spotlight-count { left:13px;top:13px;padding:4px 6px;font-size:10px; }
 .series-spotlight-body > p { font-size:10px; }
 .series-spotlight-action { font-size:11px; }
 .series-spotlight-action svg { width:16px;height:16px; }
 .series-catalog-heading { margin-bottom:17px; }
 .series-catalog-heading h2 { font-size:25px;gap:8px; }
 .series-directory .series-back { font-size:11px;gap:4px; }
 .series-directory .series-back svg { width:15px;height:15px; }
 .series-directory .series-search input,.series-directory select { font-size:12px; }
 .series-filter-summary { align-items:flex-start;gap:8px; }
 .series-filter-actions { flex-wrap:wrap;justify-content:flex-end;gap:3px 12px; }
 .series-directory .series-filter-status { padding-top:6px;white-space:nowrap;font-size:11px; }
 .series-directory-grid { gap:23px 14px; }
 .series-directory .series-hub-body { padding-top:10px; }
 .series-card-title { min-height:42px;gap:4px; }
 .series-card-title h3 { font-size:16px; }
 .series-card-arrow { display:none; }
 .series-directory .series-card-genre { font-size:10px;margin-bottom:5px; }
 .series-card-meta { flex-direction:column;gap:3px;margin-top:7px;font-size:10px; }
 .series-directory .series-completion { font-size:9px; }
 .series-directory .series-card-completion { margin-top:5px; }
 .series-directory .series-refine summary { font-size:11px; }
}