:root{color-scheme:dark;--ink:#f1f7ff;--bg:#07121e;--panel:#102037;--panel2:#162a45;--blue:#288af0;--blue2:#75baff;--muted:#a0b3cb;--border:#29435e;--good:#55cfa9;--warn:#f4aa53;--bad:#ee8492}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(ellipse 1200px 470px at 64% -150px,#173b68 0%,transparent 80%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}input,select{color:var(--ink);background:#0a1a2f;border:1px solid #365877;border-radius:10px;min-height:43px;padding:10px 12px;width:100%}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--blue2);outline-offset:3px}.shell{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{border-bottom:1px solid #1b3451;background:rgba(6,14,26,.84)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{font-size:29px;letter-spacing:-3px;font-weight:1000;border:2px solid var(--blue);background:#102a4e;border-radius:11px;padding:4px 10px}.brand-mark span{color:var(--blue2);font-size:15px;letter-spacing:-3px}.brand-copy{display:flex;flex-direction:column;line-height:1.3;letter-spacing:1.4px}.brand-copy strong{font-weight:1000;font-size:18px}.brand-copy small{font-size:9px;font-weight:850;color:var(--blue2)}.header-right{display:flex;align-items:center;gap:12px}.account-tag,.pill{font-size:11px;font-weight:850;letter-spacing:.7px;border-radius:99px;padding:6px 11px;border:1px solid #3b638d;background:#133155;white-space:nowrap}.account-tag{background:transparent;border-color:#243a54}.button{border:1px solid transparent;background:var(--blue);color:white;min-height:43px;padding:10px 17px;border-radius:10px;font-size:12px;font-weight:900;letter-spacing:.7px}.button:hover:not(:disabled){filter:brightness(1.12)}.button-ghost{background:#1a3453;border-color:#3e618a}.button-secondary{background:#15304f;border-color:#41658b}.button-outline{background:transparent;border-color:#486f9b}.button-danger{background:#712a3e;border-color:#b45269}.button-wide{width:100%}.hero{position:relative;overflow:hidden;margin-top:26px;min-height:255px;border-radius:22px;padding:35px 40px;background:linear-gradient(112deg,#10243c 0%,#142f53 61%,#0b213a 100%);border:1px solid #365880;display:flex}.hero-content{position:relative;z-index:1}.eyebrow{color:#8bc8ff;letter-spacing:2px;font-size:11px;font-weight:900;display:flex;align-items:center;gap:8px}.blue-dot{width:8px;height:8px;border-radius:50%;background:#4fa4ff;box-shadow:0 0 12px #60b3ff}.hero h1{font-size:clamp(28px,3.8vw,48px);line-height:1.08;letter-spacing:-1.2px;margin:17px 0 12px;font-weight:1000}.hero h1 em{font-style:normal;color:#70b8ff}.hero p{color:#becde1;max-width:570px;margin:0 0 18px;font-size:15px}.hero-chips{display:flex;gap:8px;flex-wrap:wrap}.hero-chips span{background:#0b203a;border:1px solid #35577c;border-radius:99px;padding:6px 10px;color:#b7d6f8;font-weight:850;font-size:10px;letter-spacing:.5px}.hero-graphic{position:absolute;right:50px;top:-10px;bottom:0;opacity:.35}.hero-number{font-style:italic;font-weight:1000;font-size:260px;line-height:1;color:#3488e4;letter-spacing:-27px}.speed-lines{height:4px;background:#87bfff;transform:skewX(-28deg);width:280px;margin-top:-42px}.selector-bar{display:grid;grid-template-columns:minmax(170px,1fr) minmax(200px,1.1fr) minmax(250px,1.35fr) auto;align-items:end;gap:15px;background:#0d1d31;border:1px solid var(--border);border-radius:15px;padding:18px;margin-top:18px}.select-group label,.muted-label,.micro-label{display:block;font-size:10px;font-weight:900;letter-spacing:1.3px;color:#819bb9;margin-bottom:6px}.select-group select{font-weight:800}.event-summary{min-width:0}.event-summary strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-label{color:#84c3ff;font-size:10px;font-weight:900;letter-spacing:1px}.status-open{color:var(--good)}.status-scored{color:#8ebcff}.status-locked{color:var(--warn)}.status-upcoming{color:#adb6c4}.notice{margin-top:16px;background:#132943;border:1px solid #4681b9;padding:13px 17px;border-radius:11px;color:#d5eaff}.notice.error{border-color:#a95464;background:#391b29;color:#ffdae0}.hidden{display:none!important}.section-tabs{display:flex;gap:6px;border-bottom:1px solid #2f4966;margin-top:26px;overflow-x:auto}.tab{border:none;background:transparent;color:#829dbd;padding:13px 16px 17px;font-size:12px;font-weight:950;white-space:nowrap;letter-spacing:.6px;border-bottom:3px solid transparent}.tab.active{color:#fff;border-color:#328fee}.layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,.85fr);gap:18px;margin-top:20px;align-items:start}.panel{border-radius:17px;border:1px solid var(--border);background:var(--panel);padding:22px;box-shadow:0 10px 28px #0002;margin-top:18px}.layout>.panel,.layout>.side-col>.panel{margin-top:0}.side-col{display:grid;gap:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}h2{margin:0;font-size:19px;letter-spacing:-.3px}h3{margin:0;font-size:15px}.muted{color:var(--muted)}.fine{font-size:12px}.thin{border:0;border-top:1px solid #2a4766;margin:16px 0}.metric-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0}.metric-line span{color:#a5b8d3}.metric-line strong{font-size:17px}.big-number{font-size:38px;font-weight:1000;line-height:1}.good{color:var(--good)}.bad{color:var(--bad)}.warning{color:var(--warn)}.button-row{display:flex;gap:9px;flex-wrap:wrap}.button-row>*{flex:1}.search-field{margin-bottom:12px}.driver-list{display:grid;gap:8px}.driver-row{border:1px solid #304c6b;background:#132641;border-radius:11px;padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center}.driver-row.selected{border-color:#4a9afb;background:#123151}.driver-row .car{font-weight:950;color:#96c9ff;text-align:center}.driver-row .driver-name{font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-row .driver-tag{font-size:10px;color:#9db3d1}.driver-row .price{font-weight:1000;color:#bde2ff;font-size:17px;white-space:nowrap}.pick-btn{background:#1f4b7b;border:1px solid #5189bd;border-radius:8px;color:white;min-width:84px;font-size:11px;font-weight:900;padding:9px 11px}.selected .pick-btn{background:#224f69;border-color:#67bfde}.driver-row.disabled{opacity:.55}.pill-blue{background:#133b65;color:#95cbff;border:1px solid #336aa0;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:900}.selected-pick{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #233f60}.selected-pick strong{flex:1}.selected-pick small{font-weight:850;color:#a9cfff}.progress{height:10px;background:#253a55;border-radius:99px;overflow:hidden;margin:12px 0}.progress>div{height:100%;background:linear-gradient(90deg,#1766c4,#51aeff);border-radius:99px;transition:width .15s}.progress.over>div{background:var(--bad)}.empty{text-align:center;padding:38px 14px;border:1px dashed #3c6188;border-radius:12px;color:#a7bad2}.standings-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #24405c;padding:14px 4px}.standings-row:last-child{border-bottom:0}.place{display:grid;place-items:center;background:#1e3756;border-radius:50%;width:38px;height:38px;font-weight:950}.standings-row.top .place{background:#277ce0}.standings-row strong{font-size:15px}.standings-row .sub{color:#92a8c2;font-size:11px}.standings-row .pts{font-weight:1000;font-size:19px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:12px;font-weight:800;color:#c5d6ea;margin-bottom:7px}.auth-shell{max-width:535px;margin:22px auto 0}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#081b2c;border:1px solid #294966;border-radius:10px;padding:4px;margin:12px 0 18px}.auth-switch button{background:transparent;border:0;padding:10px;border-radius:8px;color:#abc0dc;font-weight:900}.auth-switch button.active{background:#206ec9;color:#fff}.status-message{background:#183754;border:1px solid #336b9c;color:#dbedff;border-radius:10px;padding:12px 13px;margin:12px 0}.callout{background:#112b45;border:1px solid #305675;border-radius:12px;padding:18px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-grid .mini{padding:14px;background:#152b47;border-radius:11px}.mini span{display:block;font-size:10px;font-weight:900;color:#9fb8d8;letter-spacing:.6px}.mini strong{display:block;font-size:16px;margin-top:4px}.scope{display:flex;gap:7px}.scope button{font-weight:900;font-size:11px;padding:7px 12px;border-radius:8px;background:#1b3452;border:1px solid #406388;color:#b6cbe2}.scope button.active{background:#2275cd;color:white}.loading-area{padding:52px 10px;text-align:center;color:#a9c4e6}.view-margin{margin-top:18px}.toast-spacer{height:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#7290b2;font-size:11px;border-top:1px solid #233c5a;margin:40px 0 28px;padding:20px 0}footer strong{color:#70b6ff;letter-spacing:1px}
@media(max-width:930px){.selector-bar{grid-template-columns:1fr 1fr}.event-summary{align-self:center}.refresh-btn{align-self:center}.layout{grid-template-columns:1fr 310px}.live-label{display:none}.hero-graphic{right:-25px;opacity:.18}}
@media(max-width:660px){.shell{width:min(100% - 22px,1160px)}.header-inner{min-height:70px}.brand-mark{font-size:22px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.account-tag{display:none}.header-right{gap:5px}.header-right .button{font-size:11px;padding:9px}.hero{margin-top:14px;padding:26px 20px;min-height:235px}.hero h1{font-size:30px}.hero p{font-size:13px}.selector-bar{grid-template-columns:1fr;gap:11px;padding:14px}.layout{grid-template-columns:1fr}.panel{padding:16px}.tab{padding:12px 10px 14px;font-size:10px}.driver-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.driver-row .pick-btn{grid-column:2/4;width:100%}.standings-row{gap:7px}.hero-graphic{display:none}.section-title h2{font-size:17px}}