:root{color-scheme:dark;--bg:#071522;--card:#0d2133;--card2:#10283d;--line:#21405a;--text:#eef7ff;--muted:#8ba6bb;--cyan:#18c8ef;--green:#44d18e;--amber:#ffb84d;--red:#ff6b72}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,#0d2d44 0,#071522 42%,#05101a 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}body{padding:22px}.archive-shell{max-width:1500px;margin:0 auto}.card{background:linear-gradient(180deg,rgba(16,40,61,.96),rgba(10,29,45,.96));border:1px solid rgba(78,121,151,.32);border-radius:18px;box-shadow:0 16px 42px rgba(0,0,0,.18)}.archive-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.brandline{display:flex;align-items:center;gap:18px}.logo{width:180px;height:62px;display:flex;align-items:center}.logo img{display:block;width:100%;height:auto}.sep{width:1px;height:54px;background:linear-gradient(transparent,#2c5a77,transparent)}.brandcopy small,.hero small,.archive-title small,.summary small,.detail-eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.12em}.brandcopy h1{margin:0;font-size:34px;line-height:1}.brandcopy h1 span{font-weight:800}.brandcopy h1 b{color:var(--cyan)}.brandcopy p{margin:5px 0 0;color:var(--muted);font-size:13px}.topnav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topnav a{color:#d8effc;text-decoration:none;padding:10px 13px;border:1px solid #28506b;border-radius:12px;background:#0b1c2b;font-weight:800;font-size:13px}.topnav a:hover,.topnav a.active{border-color:var(--cyan);color:#fff;background:#0d2a3e}.hero{padding:24px;display:flex;justify-content:space-between;gap:30px;align-items:center}.hero h2{margin:5px 0 8px;font-size:30px}.hero p{margin:0;max-width:920px;color:#b7cad8;line-height:1.55}.status{display:flex;align-items:center;gap:10px;min-width:220px;justify-content:flex-end}.status>span{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.status div{display:flex;flex-direction:column;text-align:right}.status small{color:var(--muted);margin-top:3px}.status.error>span{background:var(--red);box-shadow:0 0 18px var(--red)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.summary{padding:17px 19px;display:grid;gap:3px}.summary b{font-size:28px}.summary span{color:var(--muted);font-size:13px}.filters{padding:15px;display:grid;grid-template-columns:1fr 1.3fr 1.2fr 1fr 1.4fr;gap:12px;margin-bottom:12px}.filters label{font-size:11px;color:#93aec2;font-weight:900;letter-spacing:.06em}.filters select,.filters input{width:100%;margin-top:7px;background:#081a29;border:1px solid #274761;color:#f3f9fd;border-radius:11px;padding:11px 12px;font:inherit;font-size:14px;outline:none}.filters select:focus,.filters input:focus{border-color:var(--cyan)}.legend{padding:11px 15px;display:flex;gap:22px;flex-wrap:wrap;color:#a9bdcc;font-size:12px;margin-bottom:12px}.legend span{display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.official{background:var(--green)}.dot.recon{background:var(--amber)}.dot.missing{background:#788998}.archive-card{padding:18px}.archive-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.archive-title h3{margin:4px 0 0;font-size:22px}.archive-title>b{font-size:26px;color:var(--cyan)}.table-wrap{overflow:auto;border:1px solid #203e56;border-radius:13px}table{border-collapse:collapse;width:100%;min-width:1160px;background:#081a29}th{position:sticky;top:0;background:#0f293d;color:#94b4c8;text-align:left;font-size:10px;letter-spacing:.05em;padding:11px 9px;border-bottom:1px solid #274761;z-index:1}td{padding:11px 9px;border-bottom:1px solid #153247;vertical-align:top;font-size:12px}th.type-col,td.type-col{width:98px;min-width:98px}td:nth-child(3) b{display:block;font-size:13px}td:nth-child(3) span{display:block;color:#9eb4c4;margin-top:3px}td>strong{font-size:16px}.match-link{appearance:none;border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.match-link:hover b,.match-link:focus b{color:var(--cyan);text-decoration:underline}.out{display:block;margin-top:4px;font-size:9px;font-weight:900;letter-spacing:.04em}.out.won{color:var(--green)}.out.lost{color:var(--red)}.out.pending{color:var(--amber)}.out.neutral{color:#7f95a5}.kind{display:inline-flex;align-items:center;border-radius:999px;padding:4px 6px;font-size:8px;font-weight:900;white-space:nowrap}.kind.official{color:#78e2ad;background:rgba(68,209,142,.1);border:1px solid rgba(68,209,142,.35)}.kind.recon{color:#ffc86f;background:rgba(255,184,77,.1);border:1px solid rgba(255,184,77,.35)}.kind.missing{color:#a8b7c2;background:rgba(150,165,176,.08);border:1px solid rgba(150,165,176,.25)}.mobile-list{display:none}.empty{padding:30px;text-align:center;color:var(--muted)}.hidden{display:none!important}footer{text-align:center;color:#66859b;font-size:11px;padding:18px 6px 4px}
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,8,14,.82);backdrop-filter:blur(4px)}.modal-panel{position:relative;z-index:1;width:min(980px,100%);max-height:min(88vh,900px);overflow:auto;background:#081a29;border:1px solid #2b5774;border-radius:20px;box-shadow:0 32px 100px rgba(0,0,0,.55);padding:22px}.modal-close{position:sticky;top:0;float:right;z-index:2;border:1px solid #315b75;background:#0d2638;color:white;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.detail-loading{padding:60px;text-align:center;color:var(--muted)}.detail-head{padding-right:44px}.detail-head h2{font-size:30px;margin:5px 0 6px}.detail-head p{margin:0;color:var(--muted)}.detail-kind{margin-top:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.detail-box{background:#0d2133;border:1px solid #1b4058;border-radius:13px;padding:13px}.detail-box small{display:block;color:#87a7bc;font-size:10px;font-weight:900;letter-spacing:.06em;margin-bottom:5px}.detail-box b{display:block;font-size:20px}.detail-box span{display:block;color:#9eb5c4;font-size:12px;margin-top:5px}.prob-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.prob{background:#102a40;border-radius:10px;padding:11px;text-align:center}.prob small{color:#86a4b7}.prob b{font-size:22px;margin-top:3px}.detail-note{margin-top:15px;color:#abc0ce;line-height:1.5;background:#0c2030;border-left:3px solid var(--cyan);padding:12px 14px;border-radius:8px}.detail-prematch{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-team{background:#0d2133;border:1px solid #1b4058;border-radius:13px;padding:13px}.detail-team h4{margin:0 0 8px;font-size:16px}.detail-team p{margin:4px 0;color:#a9bdca;font-size:12px}
@media(max-width:900px){body{padding:12px}.archive-header{align-items:flex-start}.logo{width:140px}.brandline{gap:11px}.sep{height:45px}.brandcopy h1{font-size:28px}.brandcopy p{display:none}.topnav{max-width:330px}.topnav a{font-size:12px;padding:9px 10px}.hero{padding:18px;display:block}.hero h2{font-size:24px}.status{justify-content:flex-start;margin-top:16px}.status div{text-align:left}.summary-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}.table-wrap{display:none}.mobile-list{display:grid;gap:12px}.match-item{background:#081a29;border:1px solid #1d3b52;border-radius:14px;padding:14px}.mi-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#89a5b8;font-size:11px}.mi-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:10px;margin:14px 0 8px}.mi-match small{display:block;color:#7994a8;font-size:9px}.mi-match b{display:block;font-size:16px;margin-top:3px}.mi-score{font-size:24px;color:white}.mi-probs{text-align:center;color:#9cc1d7;font-size:11px;margin-bottom:10px}.mi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mi-grid>div{background:#0d2133;border:1px solid #19384f;border-radius:10px;padding:9px}.mi-grid small{display:block;color:#7f9bb0;font-size:9px;font-weight:900;margin-bottom:3px}.mi-grid b{font-size:12px}.mi-grid .out{font-size:9px}.mi-open{margin-top:10px;width:100%;border:1px solid #2a5671;background:#0e293d;color:#dbf4ff;border-radius:10px;padding:10px;font-weight:900;cursor:pointer}.legend{gap:11px}.legend span{width:100%}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{padding:8px}.archive-header{display:block}.brandline{justify-content:center}.topnav{margin-top:10px;max-width:none;justify-content:center}.hero h2{font-size:21px}.hero p{font-size:13px}.summary-grid{gap:8px}.summary{padding:13px}.summary b{font-size:23px}.filters{grid-template-columns:1fr}.filters .search{grid-column:auto}.archive-card{padding:11px}.archive-title h3{font-size:19px}.mi-grid{grid-template-columns:1fr 1fr}.modal{padding:8px}.modal-panel{padding:15px;max-height:94vh}.detail-head h2{font-size:23px}.detail-grid{grid-template-columns:1fr 1fr}.detail-prematch{grid-template-columns:1fr}.prob-row{grid-template-columns:repeat(3,1fr)}}