.explorer-controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(140px,1fr));gap:16px;margin:26px 0 16px;max-width:980px}.explorer-controls label{display:grid;gap:8px;font-size:.88rem}.explorer-controls input,.explorer-controls select{width:100%;min-width:0;padding:11px;font:inherit;color:var(--ink);background:#18243a;border:1px solid var(--rule)}
.banner-timeline.compact-history article{grid-template-columns:135px 235px minmax(0,1fr);gap:22px;padding:20px 0;align-items:start}.compact-history .banner-anchor{width:100%;height:auto;max-width:none;margin:0;border:0}.compact-history h2{font-size:1.2rem;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.compact-history .timeline-date{gap:6px;font-size:.83rem}.compact-history .banner-styles{gap:6px}.compact-history .banner-styles a{width:auto;display:block;font-size:.82rem}.compact-history .banner-styles .availability{color:var(--muted);font-size:.72rem}.compact-history p{margin:9px 0}.compact-history details{font-size:.8rem;margin-top:10px}.history-month{font:600 1rem system-ui;margin:28px 0 0;color:var(--muted);letter-spacing:.05em}.compact-history .related-content{margin:15px 0}.related-content{border-top:1px solid var(--rule);padding-top:20px;margin-top:28px}.related-content h2{font-size:1.4rem}.related-content h3{font-size:1rem}.related-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.related-content li{margin:8px 0}.news-hero{max-width:100%;height:auto}.review-notice{padding:15px;border-left:3px solid var(--accent)}.featured-guide{max-width:780px;border-bottom:1px solid var(--rule);padding:10px 0 24px}
@media(max-width:800px){.explorer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.explorer-controls label:first-child{grid-column:1/-1}.banner-timeline.compact-history article{grid-template-columns:125px minmax(0,1fr);gap:14px}.compact-history .timeline-date{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.compact-history h2{font-size:1rem}.related-columns{grid-template-columns:1fr}.news-entry{grid-template-columns:1fr;gap:14px}.news-entry .timeline-date{display:flex;flex-wrap:wrap}}
@media(max-width:420px){.banner-timeline.compact-history article{grid-template-columns:100px minmax(0,1fr);gap:12px}}
[hidden]{display:none!important}

.banner-timeline.compact-history article.no-visual{grid-template-columns:135px minmax(0,1fr)}.compact-history .no-visual>div:nth-child(2){display:none}@media(max-width:800px){.banner-timeline.compact-history article.no-visual{grid-template-columns:minmax(0,1fr)}}
.compact-history .timeline-date .banner-from{color:var(--accent);display:block}.compact-history .banner-from time{display:inline}
/* Banner cards: one bounded region per release, with restrained geometric accents. */
.banner-timeline.compact-history .banner-card{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:130px minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:center;padding:22px;margin:14px 0;border:1px solid #93abc32c;border-radius:12px;background:linear-gradient(115deg,#18263c,#132037 65%,#22304a);box-shadow:0 6px 18px #040b171a}
.compact-history .banner-card::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-65px;top:-110px;width:220px;height:220px;border:1px solid #d2b48228;border-radius:50%;box-shadow:0 0 0 44px #bccfe409}
.compact-history .banner-card::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:0;bottom:0;width:145px;height:70px;background:repeating-linear-gradient(45deg,transparent 0 25px,#c2d4e70a 26px 27px,transparent 28px 48px);mask-image:linear-gradient(to right,transparent,#000)}
.compact-history .banner-card:hover{border-color:#c6b18a66}
.compact-history .banner-card .timeline-date{display:grid;gap:8px;align-self:stretch;align-content:center;padding:4px 16px 4px 0;border-right:1px solid #b2c4d526}
.compact-history .banner-card .timeline-date>div{display:grid;gap:3px}
.compact-history .banner-card .banner-date-label{color:#9faec2;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.compact-history .banner-card .timeline-date time{font-size:13px;color:#f1dfbd;font-variant-numeric:tabular-nums;white-space:nowrap}
.compact-history .banner-date-connector{height:12px;border-left:1px solid #d9be8270;margin-left:4px}
.compact-history .banner-card-art{min-width:0;border-radius:6px;overflow:hidden;background:#0c1729}
.compact-history .banner-card .banner-anchor{display:block;width:100%;height:auto;object-fit:contain}
.compact-history .banner-card-copy{min-width:0}
.compact-history .banner-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.compact-history .banner-kind,.compact-history .banner-collab{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font:600 11px/1.3 system-ui;letter-spacing:.02em;color:#f2d59d;background:#f3bf6114;border:1px solid #f3bf6129}
.compact-history [data-release-types="rerun"] .banner-kind{color:#bcd7ec;background:#9bcdf011;border-color:#9bcdf030}
.compact-history .banner-collab{color:#e6c2df;border-color:#d7a8cc33;background:#d7a8cc12}
.compact-history .banner-card h2{font:600 20px/1.35 Georgia,serif;max-width:42ch;margin:0 0 8px;text-wrap:balance;overflow-wrap:break-word}
.compact-history .banner-card h2 a{text-decoration:none}.compact-history .banner-card h2 a:hover{text-decoration:underline}
.compact-history .banner-card .banner-specification{font-size:11px;letter-spacing:.03em;color:#a7b8cc}
.compact-history .banner-card .banner-card-actions{margin:14px 0 0}
.compact-history .banner-source-link{display:inline-flex;align-items:center;gap:16px;min-height:40px;padding:8px 13px;border:1px solid #a8bdd13b;background:#a8bdd10a;border-radius:6px;font:600 12px/1.4 system-ui;text-decoration:none;color:#d6e2ed}
.compact-history .banner-source-link:hover{background:#a8bdd11c;border-color:#d9be82}
.compact-history .banner-card a:focus-visible{outline:2px solid #f2ce87;outline-offset:3px}
.compact-history .history-month{display:flex;align-items:center;gap:18px;color:#c8d4e2;margin:34px 0 14px;font:600 15px/1.4 system-ui;letter-spacing:.03em}
.compact-history .history-month::after{content:"";height:1px;background:#9db3cd30;flex:1}
.banner-timeline.compact-history .banner-card.no-visual{grid-template-columns:130px minmax(0,1fr)}
@media(max-width:1050px){.banner-timeline.compact-history .banner-card{grid-template-columns:110px 220px minmax(0,1fr);gap:18px;padding:18px}.compact-history .banner-card h2{font-size:18px}}
@media(max-width:800px){.banner-timeline.compact-history .banner-card{grid-template-columns:minmax(160px,.9fr) minmax(0,1.1fr);gap:18px}.compact-history .banner-card .timeline-date{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-right:0;border-bottom:1px solid #b2c4d526;padding:0 0 12px}.compact-history .banner-date-connector{width:20px;height:1px;border-left:0;background:#d9be8270;margin:0}.banner-timeline.compact-history .banner-card.no-visual{grid-template-columns:1fr}}
@media(max-width:540px){.banner-timeline.compact-history .banner-card{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.compact-history .banner-card-art{width:100%}.compact-history .banner-card h2{font-size:20px}.compact-history .banner-card .timeline-date time{font-size:12px}}
