:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0c1016;color:#fff}*{box-sizing:border-box}body{margin:0}main{padding:44px 60px;min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #efb81b;padding-bottom:24px;margin-bottom:28px}.eyebrow{color:#f4c746;font-weight:800;letter-spacing:.12em;font-size:22px;margin:0 0 8px}h1{font-size:48px;margin:0}#pageInfo{font-size:24px;color:#dce3ed}.drive{background:linear-gradient(145deg,#191919,#131313);border:1px solid #435367;border-top:5px solid #efb81b;border-radius:16px;padding:26px 32px}.drive-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:24px}h2{font-size:38px;line-height:1.2;margin:0;overflow-wrap:anywhere}.result{font-size:32px;color:#f4c746;font-weight:800;margin:0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-block:1px solid #435367;padding:20px 0;margin-bottom:22px}.metric dt{font-size:22px;color:#dce3ed;text-transform:uppercase}.metric dd{font-size:38px;font-weight:800;margin:8px 0 0;font-variant-numeric:tabular-nums}dl{margin:0}h3{font-size:26px;margin:0 0 12px;color:#f4c746}table{width:100%;border-collapse:collapse;font-size:28px;table-layout:fixed}th{text-align:left;font-size:21px;color:#dce3ed;padding:8px 14px 12px}th:first-child{width:15%}th:last-child{width:22%;text-align:right}td{padding:11px 14px;border-top:1px solid #354152;line-height:1.2;overflow-wrap:anywhere}td:last-child{text-align:right;font-variant-numeric:tabular-nums}tbody tr:nth-child(odd){background:#202832}.empty{font-size:32px;color:#dce3ed;padding:32px 0}.empty-plays{font-size:28px;color:#dce3ed}footer{display:flex;justify-content:space-between;gap:20px;color:#dce3ed;font-size:20px;margin-top:auto;padding-top:24px}#statsDisplay{margin-bottom:12px}@media(max-width:1000px){main{padding:24px}.drive{padding:20px}h1{font-size:36px}h2{font-size:28px}.drive-heading{flex-wrap:wrap}.metrics{gap:12px;grid-template-columns:repeat(3,1fr)}.metric dd{font-size:30px}table{font-size:22px}.result{font-size:26px}footer{font-size:16px}}@media(max-width:600px){header{align-items:start;gap:12px}.eyebrow{font-size:14px}#pageInfo{font-size:16px}.metrics{grid-template-columns:repeat(2,1fr)}.metric dt{font-size:16px}h1{font-size:28px}table{font-size:18px}th{font-size:15px}td,th{padding:10px 6px}}
