.archives-main{background:radial-gradient(circle at 85% 5%,rgba(20,135,255,.14),transparent 32%),linear-gradient(180deg,#07111f 0%,#050b14 100%)}
.archives-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:220px;padding:38px;border:1px solid #24405e;border-radius:24px;background:linear-gradient(115deg,rgba(12,39,67,.97),rgba(6,17,31,.96));box-shadow:0 22px 60px rgba(0,0,0,.28)}
.archives-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 42px,rgba(255,255,255,.018) 43px 44px);pointer-events:none}.archives-hero>div{position:relative;z-index:1}.archives-hero h1,.archives-heading h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;margin:.25rem 0}.archives-hero h1{font-size:clamp(3rem,7vw,5.2rem);line-height:.86}.archives-hero p{max-width:720px;color:#b7c8db;font-size:1.02rem}.archives-hero>img{position:relative;z-index:1;width:min(230px,25vw);max-height:170px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
.archive-hubs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 38px}.archive-hub{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid #284863;border-radius:18px;background:rgba(12,29,48,.88);color:#f5f8fc;transition:.2s}.archive-hub:hover{border-color:#35a8ff;transform:translateY(-2px)}.hub-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#1597ef,#074c8a);font-size:1.55rem}.archive-hub small,.archive-hub strong{display:block}.archive-hub small{color:#65c1ff;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}.archive-hub strong{font-size:1.08rem;margin:3px 0}.archive-hub p{margin:0;color:#90a6bd;font-size:.8rem}.archive-hub>b{color:#65c1ff;font-size:.76rem}
.archives-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.archives-heading h2{font-size:2.35rem}.archives-heading>span{color:#91a8c0;font-size:.8rem}
.season-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}.season-card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:320px;overflow:hidden;border:1px solid #2d5272;border-radius:8px 8px 22px 22px;background:linear-gradient(160deg,#123a60 0%,#0c2743 48%,#071827 100%);color:#fff;text-align:center;box-shadow:0 15px 34px rgba(0,0,0,.24);transition:transform .2s,border-color .2s}.season-card:hover{transform:translateY(-5px);border-color:#65c8ff}.season-card:before{content:"";position:absolute;inset:54px 10px 16px;border:1px solid rgba(255,255,255,.11);pointer-events:none}.banner-stitch{width:100%;height:16px;margin:9px 0 0;border-top:2px dashed rgba(210,232,249,.8);border-bottom:2px dashed rgba(210,232,249,.8);background:#08294d}.season-number{width:100%;padding:13px 8px 9px}.season-number small{display:block;color:#69c8ff;font-size:.58rem;letter-spacing:.2em}.season-number strong{font-family:'Barlow Condensed',sans-serif;font-size:1.35rem;letter-spacing:.08em}.banner-champion{display:flex;flex:1;min-height:145px;flex-direction:column;align-items:center;justify-content:center;padding:5px 14px}.banner-champion img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}.banner-champion>b{font-size:3.2rem;opacity:.46;filter:grayscale(1)}.banner-champion span{margin-top:8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#c7d8e7}.banner-dg{width:calc(100% - 24px);padding:10px 6px 14px;border-top:1px solid rgba(255,255,255,.13)}.banner-dg small{display:block;color:#65c8ff;font-size:.51rem;letter-spacing:.13em}.banner-dg strong{display:block;margin-top:4px;font-size:.77rem;font-weight:650}.season-card em{position:relative;z-index:2;padding-bottom:16px;color:#8fcdf2;font-size:.61rem;font-style:normal}.season-card.unavailable{opacity:.68;border-style:dashed}.season-card.unavailable:hover{transform:none}.banner-tip{position:absolute;left:50%;bottom:-20px;width:70px;height:40px;transform:translateX(-50%) rotate(45deg);border:1px solid rgba(255,255,255,.09);background:#071827}
html[data-theme="light"] .archives-main{background:linear-gradient(180deg,#eef6fd,#f7fbff)}html[data-theme="light"] .archives-hero{background:linear-gradient(120deg,#0b3b68,#0c2038)}html[data-theme="light"] .archive-hub{background:#fff;color:#10243a;box-shadow:0 12px 30px rgba(21,61,95,.09)}html[data-theme="light"] .archive-hub strong{color:#10243a}html[data-theme="light"] .season-card{box-shadow:0 12px 26px rgba(21,61,95,.18)}
@media(max-width:1100px){.season-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.archives-hero{padding:28px}.archive-hubs{grid-template-columns:1fr}.archives-hero>img{width:150px}.season-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.archives-hero{min-height:0;padding:24px 20px}.archives-hero>img{position:absolute;right:-22px;bottom:-18px;width:150px;opacity:.18}.archive-hub{grid-template-columns:auto 1fr;padding:16px}.archive-hub>b{display:none}.archives-heading{align-items:start;flex-direction:column}.season-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.season-card{min-height:285px}.banner-champion{min-height:120px}.banner-champion img{width:78px;height:78px}}
@media(max-width:360px){.season-grid{grid-template-columns:1fr}.season-card{max-width:210px;margin-inline:auto;width:100%}}