:root{color-scheme:dark;--bg:#090f1c;--card:#131e30;--line:#28354b;--muted:#9cabc2;--accent:#5ee6b4;--text:#eef5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#182b46 0,transparent 45%),var(--bg);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted)}.logo{font-size:32px;color:var(--accent)}.pill{border:1px solid #2b6c61;color:var(--accent);border-radius:99px;padding:7px 12px;font-size:11px;font-weight:800}main{max-width:1160px;margin:auto;padding:28px 20px 70px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(115deg,#182a43,#111b2d);border:1px solid var(--line);border-radius:18px;padding:28px}h1{font-size:clamp(25px,4vw,37px);margin:0 0 8px}h2{font-size:20px;margin:0}h3{font-size:16px;margin:24px 0 12px}p{line-height:1.5} .hero p{color:var(--muted);margin:0;max-width:620px}.date{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.date label{display:block;width:100%;font-size:12px;color:var(--muted)}button,input,select{background:#1d2a40;border:1px solid #36445c;border-radius:9px;color:var(--text);padding:10px 12px;font:inherit}button{cursor:pointer}button:hover{border-color:var(--accent)}#load,.active{background:#1b725e!important;border-color:#389d80!important;color:white}.notice{background:#182439;border:1px solid #31405a;padding:13px 16px;border-radius:11px;margin:18px 0;color:#c8d5e8}.notice.error{border-color:#9d4d4d;color:#ffb4b4}.secthead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:26px 0 13px}.muted{color:var(--muted);font-size:13px}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.game,.panel{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:17px}.game{text-align:left;min-height:120px}.game strong{display:block;font-size:16px;margin:8px 0}.game small{color:var(--muted)}.game.selected{border-color:var(--accent);box-shadow:0 0 0 1px #28765e}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.filters select,.filters input{min-width:110px;max-width:220px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.second{margin:15px 0 20px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric{border:1px solid var(--line);background:var(--card);padding:16px;border-radius:13px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:25px;margin-top:6px}.green{color:var(--accent)}.amber{color:#ffc477}.explain{margin-top:13px}.explain li{margin:7px 0;color:#c9d7e8}.history{display:grid;gap:8px}.hrow{display:grid;grid-template-columns:105px 1fr 100px 80px;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}.hit{color:var(--accent);font-weight:700}.miss{color:#ffacac}.footnote,footer{font-size:12px;color:var(--muted);line-height:1.6}footer{text-align:center;padding:25px;border-top:1px solid var(--line)}@media(max-width:680px){.hero{display:block}.date{margin-top:20px}.secthead{align-items:start;flex-direction:column}.hrow{grid-template-columns:80px 1fr 58px 42px;font-size:12px;padding:9px}.pill{font-size:9px}.brand strong{font-size:15px}}