.historical-modern{max-width:1200px;margin:auto}.historical-modern-hero{padding:24px;border:1px solid #bda55c77;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#d6b66022,transparent 65%),linear-gradient(135deg,#21394b,#101e2b);margin-bottom:20px}.historical-modern-hero h1{font-size:32px;margin:8px 0}.historical-modern-hero>strong{color:#f3d58b}.historical-modern-hero progress{display:block;width:100%;height:9px;margin-top:12px;accent-color:#c9f864}.historical-era-note{font-size:11px;color:#b8c8d3;line-height:1.5}.historical-modern-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:12px;margin:18px 0}.historical-modern-filters label{font-size:12px;display:flex;flex-direction:column;gap:6px;color:#cbdce5;min-width:0}.historical-modern-filters input,.historical-modern-filters select{width:100%;box-sizing:border-box;min-height:44px;background:#162c3b;border:1px solid #536a7b;border-radius:10px;color:#f4f8fc;padding:9px;font-size:14px}.historical-modern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.historical-modern .historical-modern-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #526b7c;border-radius:18px;background:linear-gradient(150deg,#203a4e,#12222f);min-width:0;margin:0;box-shadow:0 7px 22px #0002}.historical-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#bed0dd}.historical-status{border:1px solid #c4a55766;background:#d2ad3820;color:#f5d786;border-radius:20px;padding:4px 7px;white-space:nowrap}.historical-done .historical-status{background:#8cd87e18;border-color:#8cd87e55;color:#b6eda9}.historical-modern-card h2{font-size:20px;line-height:1.2;margin:0;color:#f8f9fb}.historical-teams{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.5;margin:0;font-size:12px}.historical-teams>span{color:#9bb5c9}.historical-teams .club-badge{width:24px;height:24px;object-fit:contain}.historical-kickoff{display:flex;justify-content:space-between;align-items:center;background:#07152170;border-radius:12px;padding:10px;font-size:11px;color:#bed1df}.historical-kickoff strong{font-size:23px;color:#f3dc9b}.historical-objective{font-size:13px;line-height:1.5;margin:0;min-height:40px}.historical-prizes{display:grid;gap:9px;border-top:1px solid #ffffff16;padding-top:12px;margin-top:auto}.historical-prizes small{display:block;font-size:9px;letter-spacing:.8px;color:#a8bfce;margin-bottom:4px}.historical-prizes strong{font-size:12px;line-height:1.4;color:#e9d7a4}.historical-prizes>div+div strong{color:#b6ed9e}.historical-win-count{font-size:10px;color:#a9bfce;line-height:1.4;margin:0}.historical-modern-card>.btn{width:100%;min-height:44px;box-sizing:border-box;margin:0;font-size:13px}.historical-story{border-top:1px solid #ffffff12;padding-top:8px;font-size:12px;color:#c2d0da;line-height:1.6}.historical-story summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.historical-story summary::before{content:'▸';margin-right:7px}.historical-story[open] summary::before{content:'▾'}.historical-story a{color:#c9f864}.historical-modern-pages{margin-top:20px;align-items:center}.historical-empty{grid-column:1/-1;padding:30px;text-align:center}
@media(max-width:1000px){.historical-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.historical-modern-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-view-mode=phone] .historical-modern-grid{grid-template-columns:1fr}html[data-view-mode=phone] .historical-modern-hero{padding:16px;margin-bottom:12px}html[data-view-mode=phone] .historical-modern-hero h1{font-size:26px}html[data-view-mode=phone] .historical-modern-hero>p{font-size:12px;line-height:1.5}html[data-view-mode=phone] .historical-modern-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}html[data-view-mode=phone] .historical-modern-filters label:first-child{grid-column:1/-1}html[data-view-mode=phone] .historical-modern .historical-modern-card{padding:16px;gap:10px}html[data-view-mode=phone] .historical-objective{min-height:0}html[data-view-mode=phone] #utRoot:has(.historical-modern){overflow:auto!important}
@media(max-width:480px){.historical-modern-grid{grid-template-columns:1fr}}