:root{--bg:#031008;--line:#1c442d;--text:#f4f8f5;--muted:#93a89c;--green:#47e590}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(56,223,132,.08),transparent 32rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}
.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:auto;padding:0 22px;border-bottom:1px solid rgba(65,126,88,.18)}.logo{font-weight:950;font-size:23px;letter-spacing:-1px}.logo span{color:var(--green)}.links{display:flex;align-items:center;gap:26px}.links a{font-size:13px;font-weight:750;color:#9eb0a6;white-space:nowrap}.links a.active,.links a:hover{color:#fff}.links a.active:after{content:"";display:block;height:2px;background:var(--green);margin-top:7px;border-radius:2px}
main{max-width:1000px;margin:auto;padding:28px 22px 36px}h1{font-size:36px;letter-spacing:-1.5px;margin:0 0 20px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(8,27,16,.94),rgba(5,20,12,.94));border-radius:18px;overflow:hidden}
.tracking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));text-align:center;padding:28px 0}.period{min-width:0;padding:8px 24px}.period+.period{border-left:1px solid var(--line)}.period h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:850;margin:0 0 10px}.record{font-size:64px;line-height:1.15;letter-spacing:-2px;font-weight:950}.rate{margin-top:12px;font-size:26px;color:var(--green);font-weight:900}.period p{color:var(--muted);font-size:13px;margin:20px 0 0;line-height:1.5}
.history{margin-top:30px}.day{margin-top:24px}.day:first-child{margin-top:0}.date{margin:0 0 10px 4px;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--green);text-transform:uppercase}.results{width:100%;border-collapse:collapse;table-layout:fixed}.results th{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#789183;text-align:left;padding:12px 18px;border-bottom:1px solid var(--line)}.results td{padding:17px 18px;border-bottom:1px solid #143020;vertical-align:middle}.results tr:last-child td{border-bottom:0}.results th:first-child,.results td:first-child{width:76px;text-align:center}.results th:last-child,.results td:last-child{width:86px;text-align:right}.selection{display:block;font-size:15px;font-weight:850;line-height:1.4}.fixture{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.score{font-size:17px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}.mark{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #31503d;border-radius:50%;font-size:21px;font-weight:900;color:var(--muted);background:#0d2015}.mark.hit{border-color:#277d4e;background:#103b25;color:var(--green)}.mark.miss{border-color:#713739;background:#2b1518;color:#ec7781}.empty{padding:30px 18px;color:var(--muted);text-align:center;font-size:13px;line-height:1.6}footer{padding:0 18px 28px;color:#5f7769;font-size:10px;text-align:center}
@media(max-width:640px){.nav{height:58px;padding:0 14px;gap:12px}.logo{font-size:19px}.links{gap:10px}.links a{font-size:10px}main{padding:22px 12px 28px}h1{font-size:28px;margin-bottom:16px}.card{border-radius:14px}.tracking{padding:20px 0}.period{padding:6px 10px}.period h2{font-size:9px;letter-spacing:.1em}.record{font-size:44px}.rate{font-size:18px;margin-top:8px}.period p{font-size:10px;margin-top:14px}.history{margin-top:24px}.date{font-size:10px}.results th,.results td{padding:13px 10px}.results th:first-child,.results td:first-child{width:48px}.results th:last-child,.results td:last-child{width:54px}.selection{font-size:12px}.fixture{font-size:10px}.score{font-size:13px}.mark{width:27px;height:27px;font-size:18px}}

/* v87 Hit Rate row cleanup */
.mark{display:grid!important;place-items:center!important;line-height:1!important}
.markGlyph{display:block;line-height:1!important;transform:translateY(-1px)}
.mark.miss .markGlyph{transform:translateY(-1px)}
.results td:first-child{vertical-align:middle!important}
