:root{--bg:#07070a;--bg-2:#0d0d12;--panel:#14141b;--panel-2:#1a1a22;--line:#25252e;--line-soft:#1c1c24;--fg:#f0f0f3;--dim:#888893;--dim-2:#58586a;--accent:#e10600;--green:#4ade80;--yellow:#facc15;--orange:#fb923c;--blue:#60a5fa;--purple:#a78bfa;--gold:#ffd24a;--silver:#d4d4d8;--bronze:#cd7f32;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--fz-xs:11px;--fz-sm:12px;--fz-md:13px;--fz-lg:14px;--anim-fast:.18s;--anim-base:.3s;--anim-slow:.5s;--anim-ease:cubic-bezier(.2,.8,.2,1);--anim-stagger-step:40ms;} *{box-sizing:border-box;margin:0;padding:0;} html{background:var(--bg);scrollbar-gutter:stable;} body{background:var(--bg);background-image:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 40%),radial-gradient(circle at 110% 20%,color-mix(in srgb,var(--blue) 5%,transparent) 0%,transparent 50%);color:var(--fg);font:13px/1.4 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;} .bg-orb{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:0.25;will-change:transform;} .bg-orb.orb-1{width:420px;height:420px;background:var(--accent);top:-10%;left:-10%;animation:orbDrift1 22s ease-in-out infinite alternate;} .bg-orb.orb-2{width:360px;height:360px;background:var(--blue);bottom:-15%;right:-10%;animation:orbDrift2 28s ease-in-out infinite alternate;} .bg-orb.orb-3{width:280px;height:280px;background:var(--purple);top:40%;right:20%;opacity:0.18;animation:orbDrift3 32s ease-in-out infinite alternate;} .bg-orb.orb-4{width:240px;height:240px;background:var(--green);top:70%;left:25%;opacity:0.12;animation:orbDrift4 26s ease-in-out infinite alternate;} @keyframes orbDrift1{0%{transform:translate(0,0) scale(1);} 100%{transform:translate(120px,80px) scale(1.15);} } @keyframes orbDrift2{0%{transform:translate(0,0) scale(1);} 100%{transform:translate(-100px,-90px) scale(1.1);} } @keyframes orbDrift3{0%{transform:translate(0,0) scale(1);} 100%{transform:translate(-80px,60px) scale(0.9);} } @keyframes orbDrift4{0%{transform:translate(0,0) scale(1);} 100%{transform:translate(70px,-50px) scale(1.2);} } @media (prefers-reduced-motion:reduce){.bg-orb{animation:none !important;} } @media (max-width:1200px){.bg-orb{animation:none;will-change:auto;} body::after{animation:none;} } .page-hidden *{animation-play-state:paused !important;} body.is-scrolling::before,body.is-scrolling::after,body.is-scrolling .bg-orb{animation-play-state:paused !important;} body.is-scrolling .bg-orb{will-change:auto;} body::before{display:none;} body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 110%,color-mix(in srgb,var(--accent) 5%,transparent) 0%,transparent 60%);opacity:0.7;animation:vignettePulse 9s ease-in-out infinite;} @keyframes vignettePulse{0%,100%{opacity:0.5;} 50%{opacity:0.9;} } @media (prefers-reduced-motion:reduce){body::before,body::after{animation:none !important;} } @media (hover:none) and (pointer:coarse){.bg-orb{animation:none !important;filter:blur(60px);will-change:auto;} body::before,body::after{animation:none !important;} } img{max-width:100%;height:auto;} @media (hover:none){.cal-hero{transform:none !important;} .d-row:hover,.duel-card:hover,.cal-card:hover{transform:none;} } ::-webkit-scrollbar{width:10px;height:10px;} ::-webkit-scrollbar-track{background:transparent;} ::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid var(--bg);transition:background .15s;} ::-webkit-scrollbar-thumb:hover{background:var(--dim);} ::selection{background:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--fg);} .flag{display:inline-block;vertical-align:middle;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,0.08);background:var(--panel-2);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s;} .cal-card:hover .flag,.session-summary:hover .flag,.session-picker button:hover .flag,.cal-prog-dot:hover ~ * .flag{transform:scale(1.08) rotate(-1deg);box-shadow:0 0 0 1px rgba(255,255,255,0.18),0 4px 12px rgba(0,0,0,0.4);filter:saturate(1.15);} .flag:hover{transform:scale(1.12) rotate(-2deg);box-shadow:0 0 0 1px rgba(255,255,255,0.25),0 6px 16px rgba(0,0,0,0.5);filter:saturate(1.2);} @media (prefers-reduced-motion:reduce){.flag,.cal-card:hover .flag{transform:none !important;} } .flag-tiny{width:18px;height:14px;} .flag-sm{width:24px;height:18px;} .flag-md{width:36px;height:26px;} .flag-lg{width:56px;height:40px;border-radius:3px;} .flag-xl{width:88px;height:64px;border-radius:4px;} .flag-hero{width:110px;height:78px;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.1);} .flag-fb{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--dim);font-family:ui-monospace,monospace;font-weight:700;font-size:9px;border-radius:2px;} .num,.mono{font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Consolas,monospace;font-variant-numeric:tabular-nums;} button{font:inherit;cursor:pointer;} button:not(:disabled):active{transform:scale(0.96);transition:transform .08s ease;} header.app .meta button#refresh:active{transform:scale(0.92) rotate(180deg);} @media (prefers-reduced-motion:reduce){button:active{transform:none !important;} } :focus{outline:none;} :focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px;border-radius:4px;} button:focus-visible,a:focus-visible,[role="button"]:focus-visible,.d-item:focus-visible{outline-offset:3px;} header.app{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(7,7,10,0.96),rgba(7,7,10,0.88));backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,0.03) inset,0 8px 24px -16px rgba(0,0,0,0.6);padding:9px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;} header.app .brand{display:flex;align-items:center;gap:10px;} header.app .brand .logo{position:relative;background:linear-gradient(160deg,#ff2a18 0%,var(--accent) 55%,#a40400 100%);color:white;font-weight:900;padding:4px 9px;border-radius:3px;font-size:13px;letter-spacing:1.5px;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 1px 0 rgba(255,255,255,0.35);overflow:hidden;} header.app .brand .logo::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.45) 50%,transparent 70%);transform:translateX(-100%);animation:logoShine 6s ease-in-out infinite;pointer-events:none;} @keyframes logoShine{0%,70%{transform:translateX(-100%);} 85%{transform:translateX(120%);} 100%{transform:translateX(120%);} } header.app .brand:hover .logo{animation:logoBounce .5s cubic-bezier(.2,1.4,.4,1);} @keyframes logoBounce{0%{transform:scale(1);} 50%{transform:scale(1.12) rotate(-3deg);} 100%{transform:scale(1) rotate(0);} } header.app .brand{position:relative;} header.app .brand .spark-particle{position:absolute;pointer-events:none;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);opacity:0;} header.app .brand:hover .spark-particle{animation:sparkleFly .9s ease-out forwards;} header.app .brand .spark-particle:nth-child(2){animation-delay:.05s;} header.app .brand .spark-particle:nth-child(3){animation-delay:.1s;} header.app .brand .spark-particle:nth-child(4){animation-delay:.15s;} @keyframes sparkleFly{0%{opacity:0;transform:translate(0,0) scale(.4);} 30%{opacity:1;} 100%{opacity:0;transform:translate(var(--sx,0),var(--sy,-30px)) scale(0.2);} } @media (prefers-reduced-motion:reduce){header.app .brand:hover .logo,header.app .brand:hover .spark-particle{animation:none !important;} } header.app .brand .season{font-size:14px;color:var(--dim);font-weight:500;} header.app .brand .season-select{font:600 14px inherit;color:var(--dim);background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 18px 2px 6px;cursor:pointer;line-height:1.2;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dim-2) 50%),linear-gradient(135deg,var(--dim-2) 50%,transparent 50%);background-position:right 7px center,right 3px center;background-size:4px 4px,4px 4px;background-repeat:no-repeat;transition:color .15s,border-color .15s,background-color .15s;} header.app .brand .season-select:hover{color:var(--fg);border-color:var(--line);background-color:var(--panel-2);} header.app .brand .season-select:focus{outline:none;color:var(--fg);border-color:var(--accent);} header.app .brand .season-select option{background:var(--panel);color:var(--fg);font-weight:500;} header.app .meta .meta-select{font:600 13px inherit;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:6px;padding:3px 6px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .15s,border-color .15s;} header.app .meta .meta-select:hover{color:var(--fg);border-color:var(--accent);} header.app .meta .meta-select option{background:var(--panel);color:var(--fg);} header.app.is-archive .brand .season-select{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 35%,transparent);} nav.tabs{display:flex;gap:0;justify-self:center;position:relative;} .tabs-scroll{display:contents;} nav.tabs button{background:none;border:none;color:var(--dim);font:600 12px/1 inherit;text-transform:uppercase;letter-spacing:1.2px;padding:11px 20px;border-bottom:2px solid transparent;transition:color .18s;position:relative;} nav.tabs button:hover{color:var(--fg);} nav.tabs button.active{color:var(--fg);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent);} nav.tabs button::before{content:'';position:absolute;left:50%;bottom:-8px;width:60%;height:24px;background:radial-gradient(ellipse at center,var(--accent) 0%,transparent 70%);opacity:0;transform:translateX(-50%);pointer-events:none;transition:opacity .25s;} nav.tabs button.active::before{opacity:0.35;animation:tabGlowPulse 2.4s ease-in-out infinite;} @keyframes tabGlowPulse{0%,100%{opacity:0.25;} 50%{opacity:0.55;} } nav.tabs .tab-indicator{position:absolute;bottom:0;height:2px;background:var(--accent);transition:left .25s cubic-bezier(.4,.0,.2,1),width .25s cubic-bezier(.4,.0,.2,1);border-radius:1px;box-shadow:0 0 8px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 50%,transparent);} @media (prefers-reduced-motion:reduce){nav.tabs button.active::before{animation:none !important;} } nav.tabs button .kbd{color:var(--dim-2);font-size:9px;margin-left:5px;vertical-align:1px;} nav.tabs button.primary{font-size:12.5px;} .tabs-more{position:relative;display:flex;align-items:stretch;} .tabs-more-btn{background:none;border:none;color:var(--dim-2);font:600 11px/1 inherit;text-transform:uppercase;letter-spacing:1px;padding:11px 16px;cursor:pointer;touch-action:manipulation;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:6px;transition:color .15s,background .15s;border-radius:6px 6px 0 0;} .tabs-more-btn::before{display:none !important;} .tabs-more-btn:hover{color:var(--fg);} .tabs-more-btn .tm-chev{font-size:9px;transition:transform .25s cubic-bezier(.2,.8,.2,1);} .tabs-more.open .tabs-more-btn{color:var(--fg);} .tabs-more.has-active .tabs-more-btn{color:var(--accent);} @media (hover:hover){.tabs-more:hover .tabs-more-btn{color:var(--fg);background:color-mix(in srgb,var(--accent) 10%,transparent);} .tabs-more:hover .tabs-more-btn .tm-chev{transform:rotate(180deg);} } .tabs-more.open .tabs-more-btn{background:color-mix(in srgb,var(--accent) 10%,transparent);} .tabs-more.open .tabs-more-btn .tm-chev{transform:rotate(180deg);} .tabs-more-menu{position:absolute;top:100%;right:0;z-index:120;min-width:0;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1),visibility .2s;} .tabs-more-menu-inner{background:linear-gradient(180deg,var(--panel) 0%,color-mix(in srgb,var(--panel-2) 70%,var(--panel)) 100%);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 18px 44px -12px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.05);display:flex;align-items:stretch;gap:4px;} .tm-col{display:flex;flex-direction:column;gap:2px;min-width:176px;padding:0 4px;} .tm-col + .tm-col{border-left:1px solid var(--line-soft);} .tm-col-title{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim-2);font-weight:700;padding:2px 10px 8px;} @media (hover:hover){.tabs-more:hover .tabs-more-menu,.tabs-more:focus-within .tabs-more-menu{opacity:1;visibility:visible;transform:none;} } .tabs-more.open .tabs-more-menu{opacity:1;visibility:visible;transform:none;} .tabs-more-menu button{background:none;border:none;color:var(--fg);font:600 13px/1 inherit;text-transform:none;letter-spacing:0;padding:9px 10px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;transition:background .16s,transform .16s,box-shadow .2s;border-bottom:none;position:relative;overflow:hidden;} .tabs-more-menu button::before{display:none !important;} .tabs-more-menu button::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tm-accent,var(--accent));transform:scaleY(0);transform-origin:center;transition:transform .18s cubic-bezier(.2,.8,.2,1);} .tabs-more-menu button:hover::after,.tabs-more-menu button.active::after{transform:scaleY(1);} .tabs-more-menu button .tm-ico{font-size:15px;width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tm-accent,var(--accent)) 12%,var(--panel-2));border:1px solid color-mix(in srgb,var(--tm-accent,var(--accent)) 25%,var(--line-soft));border-radius:8px;transition:transform .18s cubic-bezier(.2,1.4,.4,1),background .15s,box-shadow .2s;} .tabs-more-menu button .tm-name{font-weight:700;font-size:13px;white-space:nowrap;} .tabs-more-menu button:hover{background:color-mix(in srgb,var(--tm-accent,var(--accent)) 12%,var(--panel-2));transform:translateX(2px);} .tabs-more-menu button:hover .tm-ico{transform:scale(1.1) rotate(-5deg);background:color-mix(in srgb,var(--tm-accent,var(--accent)) 24%,var(--panel-2));box-shadow:0 4px 14px -4px var(--tm-accent,var(--accent));} .tabs-more-menu button.active{background:color-mix(in srgb,var(--tm-accent,var(--accent)) 16%,var(--panel-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tm-accent,var(--accent)) 35%,transparent);} .tabs-more-menu button.active .tm-name{color:var(--tm-accent,var(--accent));} .tabs-more-menu button.active .tm-ico{background:var(--tm-accent,var(--accent));border-color:var(--tm-accent,var(--accent));} .tabs-more:hover .tabs-more-menu button,.tabs-more.open .tabs-more-menu button{animation:tmItemIn .26s cubic-bezier(.2,.8,.2,1) backwards;} .tabs-more-menu button:nth-of-type(1){animation-delay:.03s;} .tabs-more-menu button:nth-of-type(2){animation-delay:.07s;} .tabs-more-menu button:nth-of-type(3){animation-delay:.11s;} .tabs-more-menu button:nth-of-type(4){animation-delay:.15s;} @keyframes tmItemIn{from{opacity:0;transform:translateX(-8px);} to{opacity:1;transform:translateX(0);}} @media (prefers-reduced-motion:reduce){.tabs-more-menu,.tabs-more-menu button{transition:none !important;animation:none !important;} } .team-cmp-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;padding:14px 20px;} .team-cmp-side{background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--team-color);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:8px;} .team-cmp-side .tcs-head{display:flex;align-items:center;gap:10px;} .team-cmp-side .tcs-name{font-size:18px;font-weight:800;color:var(--team-color);} .team-cmp-side .tcs-meta{color:var(--dim);font-size:11px;} .team-cmp-side .tcs-drivers{display:flex;flex-direction:column;gap:4px;padding-top:6px;border-top:1px dotted var(--line-soft);font-size:12px;} .team-cmp-side .tcs-drivers .tcs-d{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 0;border-radius:3px;transition:background .15s;} .team-cmp-side .tcs-drivers .tcs-d:hover{background:color-mix(in srgb,var(--team-color) 12%,transparent);} .team-cmp-side .tcs-drivers .tcs-d .tcs-d-name{flex:1;} .team-cmp-side .tcs-drivers .tcs-d .tcs-d-pts{font-family:ui-monospace,monospace;color:var(--dim);} .team-cmp-stats{display:grid;grid-template-columns:1fr 90px 1fr;gap:6px 12px;align-items:center;} .team-cmp-stats .tcv{font-family:ui-monospace,monospace;font-weight:700;font-size:17px;line-height:1.1;} .team-cmp-stats .tcv.l{text-align:right;} .team-cmp-stats .tcv.r{text-align:left;} .team-cmp-stats .tcv.win{color:var(--green);} .team-cmp-stats .tcv.lose{color:var(--dim-2);} .team-cmp-stats .tcv.tie{color:var(--fg);} .team-cmp-stats .tcl{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);text-align:center;font-weight:700;padding:6px 0;border-bottom:1px dotted var(--line-soft);} .team-cmp-vs{display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--accent);font-size:18px;font-family:ui-monospace,monospace;} @media (max-width:700px){.team-cmp-grid{grid-template-columns:1fr;padding:12px;} .team-cmp-vs{padding:4px 0;} } .shortcuts-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;} .kbd-section{display:flex;flex-direction:column;gap:6px;} .kbd-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim-2);font-weight:700;margin-bottom:4px;} .kbd-row{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;padding:6px 0;border-bottom:1px dotted var(--line-soft);font-size:13px;} .kbd-row:last-child{border-bottom:none;} .kbd-keys{display:flex;gap:4px;align-items:center;flex-wrap:wrap;} .kbd-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--panel-2);border:1px solid var(--line);border-bottom:2px solid var(--line);border-radius:4px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:700;color:var(--fg);line-height:1;} .kbd-or{color:var(--dim-2);font-size:10px;} .kbd-hint{font-size:12px;color:var(--dim);line-height:1.5;} .kbd-hint kbd{display:inline-flex;align-items:center;padding:0 6px;height:18px;background:var(--panel-2);border:1px solid var(--line);border-radius:3px;font-family:ui-monospace,monospace;font-size:10px;color:var(--fg);} @media (max-width:1300px){header.app .meta #updated{padding:0;border:none;background:transparent;} header.app .meta #updated .upd-text{display:none;} } @media (max-width:440px){header.app .meta #updated{display:none;} } @media (max-width:900px){header.app .meta #open-shortcuts{display:none;} } header.app .meta{color:var(--dim);font-size:11px;display:flex;align-items:center;gap:6px;min-width:0;} header.app .meta > button{flex-shrink:0;} header.app .meta #updated{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;} header.app .meta .stale{color:var(--yellow);} header.app .meta #updated{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--panel-2) 80%,transparent);border:1px solid var(--line-soft);white-space:nowrap;cursor:help;} header.app .meta #updated .upd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px color-mix(in srgb,var(--green) 60%,transparent);flex-shrink:0;animation:heartbeat 2.4s ease-in-out infinite;} header.app .meta #updated.is-stale .upd-dot{background:var(--yellow);box-shadow:0 0 6px color-mix(in srgb,var(--yellow) 60%,transparent);animation:heartbeatStale 2.4s ease-in-out infinite;} @keyframes heartbeat{0%,100%{transform:scale(1);box-shadow:0 0 6px color-mix(in srgb,var(--green) 60%,transparent);} 14%{transform:scale(1.18);box-shadow:0 0 10px color-mix(in srgb,var(--green) 80%,transparent);} 28%{transform:scale(1);} 42%{transform:scale(1.12);} 56%{transform:scale(1);} } @keyframes heartbeatStale{0%,100%{transform:scale(1);box-shadow:0 0 6px color-mix(in srgb,var(--yellow) 60%,transparent);} 50%{transform:scale(1.15);box-shadow:0 0 10px color-mix(in srgb,var(--yellow) 80%,transparent);} } @media (prefers-reduced-motion:reduce){header.app .meta #updated .upd-dot{animation:none !important;} } header.app .meta #updated .upd-text{font-size:11px;color:var(--dim);} header.app .meta button{background:var(--panel-2);border:1px solid var(--line);color:var(--dim);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:6px;font-size:15px;line-height:1;transition:color .15s,border-color .15s,background .15s,transform .25s,box-shadow .2s;} header.app .meta button:hover{color:var(--fg);border-color:var(--dim);background:var(--panel);} header.app .meta button#refresh:hover{color:var(--fg);border-color:var(--fg);transform:rotate(180deg);} header.app .meta button#refresh.is-loading{animation:spin 1s linear infinite;color:var(--fg);border-color:var(--dim);} header.app .meta button#export-poster:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-1px);} main{padding:16px 20px 32px;max-width:1800px;margin:0 auto;} .tab{display:none;} .tab.active{display:block;} .tab.active.tab-enter{animation:tabSlideIn 0.35s cubic-bezier(.2,.8,.2,1);} @keyframes tabSlideIn{0%{opacity:0;transform:translateX(24px) scale(0.985);} 100%{opacity:1;transform:translateX(0) scale(1);} } .panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:14px 16px;} .panel h2{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:12px;font-weight:700;display:flex;justify-content:space-between;align-items:baseline;gap:8px;} .panel h2 .h2-sub{color:var(--dim-2);font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;} .panel h2 .h2-sortbox{margin-left:auto;text-transform:none;letter-spacing:0;} .panel h2 .h2-sortbox select{background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:5px 26px 5px 10px;font:500 12px/1.2 inherit;text-transform:none;letter-spacing:0;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23888893' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 9px center;transition:border-color .15s,box-shadow .15s;} .panel h2 .h2-sortbox select:hover{border-color:var(--dim);} .panel h2 .h2-sortbox select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);} .panel h2 .h2-sortbox + .h2-view-toggle{margin-left:8px;} .panel h2 .h2-view-toggle{margin-left:auto;display:inline-flex;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel-2);} .panel h2 .h2-view-toggle button{background:transparent;border:none;color:var(--dim);font-weight:700;font-size:13px;line-height:1;padding:5px 9px;cursor:pointer;transition:background .15s,color .15s;} .panel h2 .h2-view-toggle button:hover{color:var(--fg);background:var(--panel);} .panel h2 .h2-view-toggle button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel-2));} .panel h2 .h2-search{display:inline-flex;align-items:center;gap:4px;position:relative;text-transform:none;letter-spacing:0;} .panel h2 .h2-view-toggle + .h2-search{margin-left:0;} .d-head .sortable{cursor:pointer;user-select:none;transition:color .15s;display:inline-flex;gap:2px;align-items:baseline;} .d-head .sortable:hover{color:var(--fg);} .d-head .sortable.is-active{color:var(--accent);} .d-head .sortable .sort-arrow{font-size:8px;opacity:0.7;} .d-team-head{display:flex;align-items:center;gap:10px;padding:10px 8px 4px;margin-top:6px;border-bottom:1px solid var(--line-soft);border-left:3px solid var(--team-color);border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--team-color) 10%,transparent);font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:var(--fg);font-weight:700;} .d-team-head .dt-name{flex:1;} .d-team-head .dt-pts{font-family:ui-monospace,monospace;color:var(--dim);} .d-team-head:first-of-type{margin-top:0;} .panel h2 .h2-search input{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);padding:5px 26px 5px 10px;border-radius:4px;font:500 12px/1.2 inherit;text-transform:none;letter-spacing:0;width:240px;transition:border-color .15s,box-shadow .15s,width .2s;outline:none;} .panel h2 .h2-search input::placeholder{color:var(--dim-2);overflow:hidden;text-overflow:ellipsis;} .panel h2 .h2-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);width:280px;} .panel h2 .h2-search .ds-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);font-size:16px;line-height:1;padding:2px 6px;cursor:pointer;transition:color .15s;} .panel h2 .h2-search .ds-clear:hover{color:var(--accent);} .panel h2 .h2-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;} .d-item.is-hidden,.cons-row.is-hidden,.cal-card.is-hidden,.duel-card.is-hidden{display:none !important;} .d-item.is-dim{opacity:0.25;pointer-events:none;} .is-filtering .d-item:not(.is-hidden),.is-filtering .cons-row:not(.is-hidden),.is-filtering .cal-card:not(.is-hidden),.is-filtering .duel-card:not(.is-hidden){animation:searchPulse .55s cubic-bezier(.2,.8,.2,1);} .is-filtering .d-item:not(.is-hidden) .d-row{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 6px 20px -8px var(--accent);} .is-filtering .cons-row:not(.is-hidden){box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 6px 20px -8px var(--accent);} @keyframes searchPulse{0%{transform:scale(0.97);opacity:0.6;} 60%{transform:scale(1.01);opacity:1;} 100%{transform:scale(1);opacity:1;} } @media (prefers-reduced-motion:reduce){.is-filtering .d-item,.is-filtering .cons-row,.is-filtering .cal-card,.is-filtering .duel-card{animation:none !important;} } .d-empty-search{padding:24px;text-align:center;color:var(--dim);border:1px dashed var(--line);border-radius:4px;margin-top:6px;} @media (max-width:900px){.panel h2 .h2-search input{width:180px;} .panel h2 .h2-search input:focus{width:220px;} } @media (max-width:700px){.panel h2 .h2-search input{width:150px;font-size:11px;padding:4px 22px 4px 8px;} .panel h2 .h2-search input:focus{width:180px;} } @media (max-width:560px){.panel h2 .h2-search{width:100%;margin-left:0;margin-top:6px;} .panel h2 .h2-search input{width:100%;} .panel h2 .h2-search input:focus{width:100%;} .panel h2{flex-wrap:wrap;} } .panel-action{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);padding:6px 12px;border-radius:4px;font-size:11px;transition:border-color .15s,color .15s,box-shadow .2s;display:inline-flex;align-items:center;gap:6px;position:relative;overflow:hidden;} .panel-action::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 28%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none;} .panel-action:hover::before{opacity:1;} .panel-action > *{position:relative;z-index:1;} .panel-action:hover{border-color:var(--accent);color:var(--accent);} .panel-action.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--panel-2)),var(--panel-2));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--fg);} .panel-action.primary:hover{border-color:var(--accent);color:var(--fg);box-shadow:0 0 14px -4px color-mix(in srgb,var(--accent) 55%,transparent);} .toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;} .toolbar .tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;} @media (max-width:560px){.toolbar{gap:6px;} .toolbar > div:empty{display:none;} .toolbar .tools{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;} .toolbar .tools .panel-action{justify-content:center;padding:8px 6px;white-space:nowrap;} } .ava{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--dim);font-weight:700;overflow:hidden;flex-shrink:0;border:1px solid var(--line);transition:transform .2s,box-shadow .2s;} .ava img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block;} .ava.tiny{width:24px;height:24px;font-size:9px;border-radius:50%;} .ava.xs{width:32px;height:32px;font-size:10px;border-radius:50%;} .ava.sm{width:40px;height:40px;font-size:11px;border-radius:50%;} .ava.md{width:56px;height:56px;font-size:12px;border-radius:6px;} .ava.lg{width:80px;height:96px;font-size:14px;border-radius:6px;} .ava.xl{width:130px;height:156px;font-size:16px;border-radius:8px;} .ava.huge{width:180px;height:220px;font-size:20px;border-radius:10px;} .tlogo{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;line-height:0;transition:transform .2s,filter .2s,background .2s;border-radius:4px;} .tlogo:not(.no-logo){background:transparent;padding:3px 8px;} .tlogo:not(.no-logo):hover{background:transparent;transform:scale(1.08);} .tlogo.no-logo:hover{transform:scale(1.06);} .tlogo.is-clickable{cursor:pointer;} .tlogo.is-clickable:hover{filter:brightness(1.15);} .tlogo.is-clickable:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px;} .tlogo img{width:100%;height:100%;object-fit:contain;display:block;} .tlogo.sm{width:50px;height:26px;} .tlogo.md{width:72px;height:36px;} .tlogo.lg{width:104px;height:50px;} .tlogo.xl{width:140px;height:66px;} .tlogo.no-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--team-color,#888);border-radius:4px;font-weight:900;letter-spacing:1px;line-height:1;padding:0;font-family:ui-monospace,monospace;} .tlogo.sm.no-logo{width:50px;height:26px;font-size:11px;} .tlogo.md.no-logo{width:72px;height:36px;font-size:14px;} .tlogo.lg.no-logo{width:104px;height:50px;font-size:17px;} .tlogo.xl.no-logo{width:140px;height:66px;font-size:21px;} .d-actions{display:flex;align-items:center;justify-content:center;gap:4px;} .d-astro-btn,.d-career-btn{background:transparent;border:none;padding:2px;font-size:18px;line-height:1;cursor:pointer;opacity:0.55;transition:opacity .15s,transform .2s,filter .2s;} .d-astro-btn:hover{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 6px var(--purple));} .d-career-btn:hover{opacity:1;transform:scale(1.2);filter:drop-shadow(0 0 6px var(--blue));} .section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin:22px 0 8px 2px;font-weight:700;} #team-cards-host{margin-top:14px;} #team-cards-host .section-title{margin-top:0;} .team-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;} @supports (content-visibility:auto){#team-cards-host .team-cards-grid > .team-card{content-visibility:auto;contain-intrinsic-size:292px;} } .team-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;} .team-card:hover{transform:translateY(-2px);border-color:var(--team-color);box-shadow:0 8px 24px -10px var(--team-color);} .team-card{position:relative;isolation:isolate;} .team-card::after{content:'';position:absolute;inset:-2px;border-radius:7px;background:radial-gradient(ellipse at center,var(--team-color) 0%,transparent 70%);opacity:0;z-index:-1;transition:opacity .3s;filter:blur(14px);pointer-events:none;} .team-card:hover::after{opacity:0.45;animation:teamAuraPulse 2.6s ease-in-out infinite;} @keyframes teamAuraPulse{0%,100%{opacity:0.3;transform:scale(1);} 50%{opacity:0.55;transform:scale(1.04);} } @media (prefers-reduced-motion:reduce){.team-card:hover::after{animation:none !important;} } .team-card .tc-strip{height:4px;background:var(--team-color);} .team-card .tc-header{padding:14px 16px 10px;display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;} .team-card .tc-pos{font-family:ui-monospace,monospace;font-weight:800;font-size:28px;color:var(--team-color);line-height:1;min-width:36px;} .team-card .tc-name-wrap{min-width:0;display:flex;flex-direction:column;gap:3px;} .team-card .tc-name{font-size:16px;font-weight:700;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .team-card .tc-engine{font-size:10px;color:var(--dim);font-family:ui-monospace,monospace;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .team-card .tc-totals{text-align:right;} .team-card .tc-pts{font-family:ui-monospace,monospace;font-weight:800;font-size:22px;line-height:1;} .team-card .tc-wins{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-family:ui-monospace,monospace;margin-top:2px;} .team-card .tc-drivers{padding:6px 14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line-soft);padding-top:12px;} .team-card .tc-driver{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-width:0;} .team-card .tc-d-info{display:flex;flex-direction:column;gap:2px;min-width:0;} .team-card .tc-d-name{font-size:13px;font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .team-card .tc-d-meta{font-size:10px;color:var(--dim);font-family:ui-monospace,monospace;} .team-card .tc-d-pts{font-family:ui-monospace,monospace;font-weight:800;font-size:17px;text-align:right;} .team-card .tc-split{padding:0 16px 14px;display:flex;flex-direction:column;gap:4px;} .team-card .tc-split-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden;display:flex;} .team-card .tc-split-bar .tc-bl,.team-card .tc-split-bar .tc-br{height:100%;background:var(--team-color);transition:width 0.8s cubic-bezier(.2,.8,.2,1);} .team-card .tc-split-bar .tc-br{opacity:0.4;} .team-card .tc-split-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);font-family:ui-monospace,monospace;} @media (max-width:700px){.team-cards-grid{grid-template-columns:1fr;} .team-card .tc-drivers{grid-template-columns:1fr;gap:8px;} } .hof-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--fg);font-weight:800;margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line);} .hof-section-title:first-child{margin-top:0;} .hof-note{font-size:11px;color:var(--dim-2);margin-bottom:10px;font-style:italic;} .hof-multi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:8px;} .hof-multi-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;padding:10px 14px;transition:transform .15s,box-shadow .2s;} .hof-multi-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px -10px var(--gold);} .hof-multi-count{font-family:ui-monospace,monospace;font-weight:800;font-size:30px;color:var(--gold);line-height:1;} .hof-multi-count span{font-size:14px;opacity:0.6;} .hof-multi-info{min-width:0;display:flex;flex-direction:column;gap:2px;} .hof-multi-info .nat-flag{width:20px;height:14px;border-radius:2px;} .hof-multi-name{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:6px;} .hof-multi-years{font-family:ui-monospace,monospace;font-size:10px;color:var(--dim);} .hof-twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start;} .hof-list{display:flex;flex-direction:column;gap:2px;} .hof-row{display:grid;grid-template-columns:52px 1.4fr 1fr;gap:10px;align-items:center;padding:5px 8px;border-radius:3px;border-bottom:1px dotted var(--line-soft);font-size:12px;} .hof-row.wcc{grid-template-columns:52px 1fr;} .hof-row.hof-head{font-size:9px;text-transform:uppercase;letter-spacing:0.8px;color:var(--dim-2);font-weight:700;border-bottom:1px solid var(--line-soft);} .hof-row:not(.hof-head):hover{background:color-mix(in srgb,var(--accent) 6%,transparent);} .hof-year{font-family:ui-monospace,monospace;font-weight:700;color:var(--dim);} .hof-driver,.hof-team,.hof-team-only{display:flex;align-items:center;gap:6px;min-width:0;} .hof-driver > span:last-child,.hof-team > span:last-child,.hof-team-only > span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .hof-driver{font-weight:600;} .hof-driver .nat-flag{width:18px;height:12px;border-radius:2px;flex-shrink:0;} .hof-team,.hof-team-only{color:var(--dim);} .hof-rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;} .hof-rec-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 14px;} .hof-rec-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--fg);font-weight:800;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--line-soft);} .hof-rec-row{display:grid;grid-template-columns:18px auto 1fr 70px 44px;gap:8px;align-items:center;padding:4px 0;font-size:12px;} .hof-rec-rank{font-family:ui-monospace,monospace;font-weight:800;color:var(--dim-2);text-align:center;} .hof-rec-row:nth-child(2) .hof-rec-rank{color:var(--gold);} .hof-rec-row:nth-child(3) .hof-rec-rank{color:var(--silver);} .hof-rec-row:nth-child(4) .hof-rec-rank{color:var(--bronze);} .hof-rec-row .nat-flag{width:18px;height:12px;border-radius:2px;} .hof-rec-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .hof-rec-bar{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden;} .hof-rec-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--gold)));border-radius:3px;transition:width 1s cubic-bezier(.2,.8,.2,1);} .hof-rec-val{font-family:ui-monospace,monospace;font-weight:800;text-align:right;color:var(--fg);} #history-view-toggle{margin:0;} @media (max-width:800px){.hof-twocol{grid-template-columns:1fr;} } .records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px;} .rec-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;} .rec-card.empty .rec-empty{color:var(--dim-2);font-size:12px;padding:8px 0;text-align:center;} .rec-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--fg);font-weight:800;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--line-soft);} .rec-row{display:grid;grid-template-columns:22px minmax(64px,3fr) minmax(34px,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border-radius:4px;transition:background .15s,transform .12s;border-left:3px solid transparent;} .rec-row[data-driver-link],.rec-row[data-team-link]{cursor:pointer;} .rec-row:hover{background:color-mix(in srgb,var(--team-color,var(--accent)) 12%,transparent);border-left-color:var(--team-color);transform:translateX(2px);} .rec-row.rec-leader{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%);border-left-color:color-mix(in srgb,var(--gold) 50%,var(--team-color));} .rec-row .rec-rank{font-family:ui-monospace,monospace;font-weight:800;font-size:13px;color:var(--dim-2);text-align:center;} .rec-row .rec-rank .rec-rank-num{color:var(--dim-2);} .rec-row .rec-lead{display:flex;align-items:center;gap:7px;min-width:0;} .rec-row .rec-text{display:flex;flex-direction:column;min-width:0;line-height:1.2;} .rec-row .rec-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;} .rec-row .rec-sub{font-size:10.5px;color:var(--dim);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rec-row .rec-unit{font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:600;color:var(--dim);margin-left:4px;} .rec-row .rec-bar{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden;border:1px solid var(--line-soft);} .rec-row .rec-bar span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--team-color),color-mix(in srgb,var(--team-color) 40%,transparent));transition:width .9s cubic-bezier(.2,.8,.2,1);} .rec-row .rec-val{font-family:ui-monospace,monospace;font-weight:800;font-size:14px;color:var(--fg);text-align:right;min-width:36px;white-space:nowrap;} .rl-row{display:grid;grid-template-columns:22px minmax(64px,3fr) minmax(34px,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border-radius:4px;border-left:3px solid transparent;transition:background .15s,transform .12s;} .rl-row[data-driver-link],.rl-row[data-team-link]{cursor:pointer;} .rl-row:hover{background:color-mix(in srgb,var(--team-color,var(--accent)) 12%,transparent);border-left-color:var(--team-color,var(--accent));transform:translateX(2px);} .rl-row.rl-leader{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%);border-left-color:color-mix(in srgb,var(--gold) 50%,var(--team-color,var(--accent)));} .rl-rank{font-family:ui-monospace,monospace;font-weight:800;font-size:13px;color:var(--dim-2);text-align:center;} .rl-lead{display:flex;align-items:center;gap:7px;min-width:0;} .rl-text{display:flex;flex-direction:column;min-width:0;line-height:1.2;} .rl-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;} .rl-sub{font-size:10.5px;color:var(--dim);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rl-bar{height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden;border:1px solid var(--line-soft);} .rl-bar span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--team-color,var(--accent)),color-mix(in srgb,var(--team-color,var(--accent)) 40%,transparent));transition:width .9s cubic-bezier(.2,.8,.2,1);} .rl-val{font-family:ui-monospace,monospace;font-weight:800;font-size:14px;color:var(--fg);text-align:right;min-width:36px;white-space:nowrap;} .rl-unit{font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;font-weight:600;color:var(--dim);margin-left:4px;} .dt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%;} .dt-table{width:100%;border-collapse:collapse;font-size:13px;} .dt-th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:left;} .dt-sortable{cursor:pointer;user-select:none;} .dt-sortable:hover{color:var(--fg);} .dt-td{padding:8px 10px;border-bottom:1px solid var(--line-soft);} .dt-tr:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);} .dt-th.dt-center,.dt-td.dt-center{text-align:center;} .dt-th.dt-right,.dt-td.dt-right{text-align:right;} @media (max-width:560px){.dt-th,.dt-td{padding:7px 6px;font-size:12px;} .dt-td{white-space:normal;} .sl-src{font-size:10px;padding:1px 5px;margin:1px 1px;} .ui-chip{font-size:10px;padding:1px 7px;gap:3px;} .sl-ptswrap{flex-wrap:wrap;gap:4px 6px;justify-content:flex-start;} .sl-pill-w{display:none;} .sl-pill{padding:2px 5px;} .sl-bar{width:44px;} } .otd-win{font-weight:600;cursor:pointer;border-bottom:1px dashed transparent;} .otd-win:hover{color:var(--accent);border-bottom-color:var(--accent);} .otd-team{display:inline-flex;align-items:center;gap:7px;} .today-empty{color:var(--dim);padding:24px 8px;text-align:center;font-size:14px;} .legends-note{color:var(--dim);font-size:12px;margin-top:10px;line-height:1.5;} .pp-note{font-size:12px;color:var(--dim);margin:0 2px 12px;line-height:1.5;} .pp-note b{color:var(--fg);} .pp-dim{color:var(--dim-2);font-weight:500;font-size:12px;} .pp-hero{display:flex;align-items:center;gap:12px;font-size:14px;padding:13px 16px;margin:4px 2px 12px;border-radius:12px;border:1px solid var(--line-soft);line-height:1.4;} .pp-hero b{color:var(--fg);} .pp-hero-ic{font-size:22px;flex:none;} .pp-hero-warn{background:linear-gradient(115deg,color-mix(in srgb,var(--orange) 16%,var(--panel-2)),var(--panel-2) 72%);border-color:color-mix(in srgb,var(--orange) 35%,var(--line-soft));} .pp-hero-ok{background:color-mix(in srgb,var(--green) 9%,var(--panel-2));border-color:color-mix(in srgb,var(--green) 30%,var(--line-soft));} .pp-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 2px 14px;} .pp-ptswrap{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;} .pp-pts{font-family:ui-monospace,monospace;font-size:16px;font-weight:700;color:var(--pp-c,var(--fg));} .pp-bar{display:inline-block;width:60px;height:6px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line-soft);overflow:hidden;vertical-align:middle;} .pp-bar > i{display:block;height:100%;background:var(--pp-c,var(--accent));} .pp-risk{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:20px;color:var(--pp-c);background:color-mix(in srgb,var(--pp-c) 14%,transparent);border:1px solid color-mix(in srgb,var(--pp-c) 35%,transparent);} .pp-chunk{display:inline-block;font-size:11px;color:var(--dim);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:5px;padding:2px 7px;margin:1px 2px 1px 0;white-space:nowrap;} .pp-chunk-next{color:var(--fg);border-color:color-mix(in srgb,var(--orange) 40%,var(--line-soft));} .pp-refresh{background:var(--panel-2);border:1px solid var(--line);color:var(--dim);border-radius:5px;padding:2px 8px;font-size:11px;cursor:pointer;margin-left:4px;transition:color .15s,border-color .15s;} .pp-refresh:hover{color:var(--accent);border-color:var(--accent);} @media (max-width:560px){.pp-ptswrap{flex-wrap:wrap;gap:4px 6px;} .pp-bar{width:46px;} .pp-hero{font-size:13px;padding:11px 13px;}} #racechart-modal .modal-content{max-width:min(1120px,96vw);width:96vw;} .sa-chart{margin-left:auto;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;} .sa-chart:hover{filter:brightness(1.08);} .sa-grid{margin-left:auto;background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;} .sa-grid + .sa-chart{margin-left:8px;} .sa-grid:hover{border-color:var(--accent);color:var(--accent);} .rc-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 2px 12px;font-size:11px;color:var(--dim);} .rc-leg{display:inline-flex;align-items:center;gap:5px;} .rc-leg > i{width:12px;height:8px;border-radius:2px;display:inline-block;} .rc-leg-pit{width:8px !important;height:8px !important;border-radius:50%;border:1.5px solid var(--dim);background:transparent !important;} .rc-leg-dash{width:14px !important;height:0 !important;border-top:2px dashed var(--dim);background:transparent !important;} .rc-chips{display:flex;flex-wrap:wrap;gap:5px;margin:2px 2px 12px;} .rc-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:16px;font-size:11px;font-weight:700;font-family:ui-monospace,monospace;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--fg);transition:border-color .12s,background .12s;} .rc-chip:hover{border-color:var(--c);} .rc-chip.pinned{background:color-mix(in srgb,var(--c) 22%,var(--panel-2));border-color:var(--c);} .rc-chip-ret{color:var(--dim);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel-2));} .rc-chip-ret:hover{color:var(--fg);border-color:var(--accent);} .rc-chip-ret.pinned{background:color-mix(in srgb,var(--accent) 22%,var(--panel-2));border-color:var(--accent);color:var(--fg);} .rc-chip-x{color:var(--accent);font-weight:900;} .rc-chip-ret .rc-chip-dot{opacity:.6;} .rc-chip-dot{width:12px;height:3px;border-radius:2px;background:var(--c);flex:none;} .rc-chip-dot.dash{background:repeating-linear-gradient(90deg,var(--c) 0 3px,transparent 3px 5px);} .rc-trow.rc-on{background:color-mix(in srgb,var(--accent) 12%,transparent);} .rc-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 2px 8px;} .rc-tb-lbl{font-size:11px;color:var(--dim);font-weight:600;} .rc-zoom{display:inline-flex;align-items:center;gap:4px;} .rc-zbtn{width:28px;height:26px;border-radius:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);font-size:14px;font-weight:700;cursor:pointer;line-height:1;transition:color .12s,border-color .12s;} .rc-zbtn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);} .rc-zbtn:disabled{opacity:.35;cursor:default;} .rc-zlevel{min-width:42px;text-align:center;font-size:12px;font-weight:700;font-family:ui-monospace,monospace;color:var(--dim);} .rc-chart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2);padding:8px 6px;} .rc-svg{width:100%;min-width:520px;height:auto;display:block;} .rc-band{fill:var(--fg);opacity:.035;} .rc-band-p1{fill:var(--gold);opacity:.12;} .rc-per{pointer-events:none;} .rc-per-sc{fill:#f3c12a;opacity:.16;} .rc-per-vsc{fill:url(#rcVscHatch);} .rc-per-red{fill:#e8453c;opacity:.22;} .rc-per-lbl{font:800 8px/1 ui-monospace,monospace;letter-spacing:.3px;pointer-events:none;} .rc-per-sc-lbl{fill:#e9b21f;} .rc-per-vsc-lbl{fill:#e9b21f;} .rc-per-red-lbl{fill:#f0564c;} .rc-leg-per{width:13px;height:9px;border-radius:2px;display:inline-block;} .rc-leg-per.rc-per-sc{background:#f3c12a;opacity:.8;} .rc-leg-per.rc-per-vsc{background:repeating-linear-gradient(45deg,#f3c12a 0 2px,transparent 2px 5px);border:1px solid color-mix(in srgb,#f3c12a 55%,transparent);} .rc-leg-per.rc-per-red{background:#e8453c;opacity:.9;} .rc-grid{stroke:var(--line-soft);stroke-width:1;opacity:.5;} .rc-vgrid{stroke:var(--line-soft);stroke-width:1;opacity:.35;stroke-dasharray:2 3;} .rc-ax{fill:var(--dim-2);font-size:9px;font-family:ui-monospace,monospace;} .rc-axtitle{fill:var(--dim);font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;} .rc-cross{stroke:var(--accent);stroke-width:1;opacity:.65;pointer-events:none;} .rc-cross-lbl{fill:var(--accent);font-size:10px;font-weight:800;font-family:ui-monospace,monospace;pointer-events:none;} .rc-ruler{cursor:default;} .rc-ruler:hover{background:none;} .rc-ruler-lbl{font-size:9px !important;color:var(--dim) !important;font-weight:600 !important;text-transform:uppercase;} .rc-rline{position:absolute;top:2px;height:12px;} .rc-tick{position:absolute;top:0;transform:translateX(-50%);font-size:9px;color:var(--dim-2);font-family:ui-monospace,monospace;} .rc-tick::after{content:'';position:absolute;left:50%;top:13px;width:1px;height:3px;background:var(--line);} .rc-halo{fill:none;stroke:var(--bg);stroke-width:3.8;stroke-linejoin:round;stroke-linecap:round;} .rc-line{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;opacity:.95;} .rc-pit{fill:var(--bg);stroke-width:1.6;} .rc-ret{fill:none;stroke-width:1.8;} .rc-lbl{font-size:10px;font-weight:700;font-family:ui-monospace,monospace;cursor:pointer;} .rc-lead{stroke-width:1;opacity:.3;} .rc-chart-wrap.rc-hl .rc-line:not(.rc-on){opacity:.09;} .rc-chart-wrap.rc-hl .rc-halo:not(.rc-on){opacity:.05;} .rc-chart-wrap.rc-hl .rc-pit:not(.rc-on),.rc-chart-wrap.rc-hl .rc-ret:not(.rc-on),.rc-chart-wrap.rc-hl .rc-lead:not(.rc-on){opacity:.06;} .rc-chart-wrap.rc-hl .rc-lbl:not(.rc-on){opacity:.22;} .rc-lead.rc-on{opacity:.7;} .rc-line.rc-on{stroke-width:2.8;opacity:1;} .rc-halo.rc-on{stroke-width:5;} .rc-tyres{display:flex;flex-direction:column;gap:4px;margin:4px 0 2px;padding:0 7px;} .rc-trow{position:relative;height:22px;cursor:default;border-radius:6px;} .rc-trow:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);} .rc-tcode{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;padding-left:5px;font-family:ui-monospace,monospace;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;} .rc-tbar{position:absolute;top:2px;bottom:2px;display:flex;border-radius:4px;overflow:hidden;border:1px solid var(--line-soft);} .rc-seg{display:flex;align-items:center;justify-content:center;min-width:9px;color:#111;font-size:10px;font-weight:800;border-right:1px solid rgba(0,0,0,.25);overflow:hidden;} .rc-seg:last-child{border-right:0;} .rc-seg-na{background:var(--panel-2) !important;color:var(--dim);font-weight:500;width:100%;} @media (max-width:560px){#racechart-modal .modal-content{width:98vw;max-width:98vw;} #racechart-body{padding:10px 8px;} .rc-trow{height:20px;} .rc-tcode{font-size:11px;} .rc-tick{font-size:8px;} .rc-chips{gap:4px;} .rc-chip{padding:3px 7px;font-size:10.5px;} .rc-chart-wrap{padding:6px 4px;} } .lineup-card .lc-form{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;} .form-chip{display:inline-flex;align-items:baseline;gap:2px;min-width:18px;height:18px;padding:0 4px;border-radius:4px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;line-height:18px;justify-content:center;border:1px solid var(--line);background:var(--panel-2);color:var(--dim);} .form-chip i{font-style:normal;font-size:8px;font-weight:700;opacity:.85;} .form-chip.pts{background:color-mix(in srgb,var(--green) 20%,var(--panel-2));border-color:color-mix(in srgb,var(--green) 45%,var(--line));color:var(--green);} .form-chip.nopts{color:var(--fg);} .form-chip.dnf{background:color-mix(in srgb,var(--accent) 16%,var(--panel-2));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);} .form-chip.sprint{border-style:dashed;} .kk-dynamics{margin:4px 0 14px;} .kk-chart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2);padding:8px 6px;} .kk-svg{width:100%;height:auto;display:block;} .kk-band{fill:var(--fg);opacity:.035;} .kk-band-p1{fill:var(--gold);opacity:.12;} .kk-grid{stroke:var(--line-soft);stroke-width:1;opacity:.5;} .kk-vgrid{stroke:var(--line-soft);stroke-width:1;opacity:.3;stroke-dasharray:2 3;} .kk-ax{fill:var(--dim-2);font-size:9px;font-family:ui-monospace,monospace;} .kk-axtitle{fill:var(--dim);font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;} .kk-line{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;opacity:.42;transition:opacity .12s;} .kk-line.cur{stroke-width:3;opacity:1;} .kk-dot{opacity:.55;} .kk-dot.cur{opacity:1;} .kk-lbl{font-size:10px;font-weight:700;font-family:ui-monospace,monospace;cursor:default;opacity:.55;} .kk-lbl.cur{opacity:1;font-weight:800;} .kk-lead{stroke-width:1;opacity:.3;} .kk-chart-wrap.kk-hl .kk-line:not(.kk-on){opacity:.1;} .kk-chart-wrap.kk-hl .kk-dot:not(.kk-on),.kk-chart-wrap.kk-hl .kk-lead:not(.kk-on){opacity:.1;} .kk-chart-wrap.kk-hl .kk-lbl:not(.kk-on){opacity:.22;} .kk-line.kk-on{stroke-width:3 !important;opacity:1 !important;} .kk-lbl.kk-on{opacity:1 !important;} .kk-dot.kk-on{opacity:1 !important;} .bx-svg{width:100%;height:auto;display:block;} .bx-band{fill:transparent;} .bx-band-alt{fill:color-mix(in srgb,var(--fg) 3.5%,transparent);} .bx-band-p1{fill:color-mix(in srgb,var(--gold) 10%,transparent);} .bx-ax{fill:var(--dim-2);font-size:9px;font-family:ui-monospace,monospace;} .bx-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;opacity:.8;transition:opacity .14s,stroke-width .14s;} .bx-line:hover{opacity:1;stroke-width:3.4;} .bx-line.cur{stroke-width:3.4;opacity:1;} .bx-pt{opacity:.72;} .bx-pt.cur{opacity:1;} .bx-lbl{font-size:9.5px;font-weight:700;font-family:ui-monospace,monospace;opacity:.82;} .bx-lblg:hover .bx-lbl{opacity:1;} .bx-lbl.cur{opacity:1;font-weight:800;} .bx-lbldot{opacity:.9;} .insight-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 14px 4px;} .insight-chip{font-size:11px;line-height:1.3;color:var(--fg);background:color-mix(in srgb,var(--team-color,var(--accent)) 9%,var(--panel-2));border:1px solid color-mix(in srgb,var(--team-color,var(--accent)) 26%,var(--line));border-radius:13px;padding:3px 10px;} .champ-hero .insight-chips{margin:4px 18px 12px;} .champ-hero .insight-chip{background:color-mix(in srgb,var(--team-color) 14%,var(--panel-2));} .ins-chip{background:color-mix(in srgb,var(--ins-c,var(--blue)) 11%,var(--panel-2));border-color:color-mix(in srgb,var(--ins-c,var(--blue)) 30%,var(--line));} .ins-chip.is-link{cursor:pointer;} .ins-feed{display:flex;flex-direction:column;gap:7px;} .ins-row{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--ins-c,var(--blue));border-radius:9px;padding:9px 13px;} .ins-row.is-link{cursor:pointer;transition:transform .14s,background .14s,border-color .14s;} .ins-row.is-link:hover{transform:translateX(2px);background:var(--panel-2);} .ins-row.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .ins-ico{font-size:19px;text-align:center;} .ins-body{display:flex;flex-direction:column;gap:1px;min-width:0;} .ins-text{font-size:13.5px;font-weight:600;color:var(--fg);} .ins-sub{font-size:11.5px;color:var(--dim);} .dig-head{display:flex;flex-direction:column;gap:11px;margin-bottom:15px;} .dig-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);} .dig-filters{display:flex;flex-wrap:wrap;gap:7px;} .dig-fchip{font-size:12px;font-weight:600;color:var(--dim);background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:5px 12px;cursor:pointer;transition:color .14s,border-color .14s,background .14s;} .dig-fchip:hover{color:var(--fg);} .dig-fchip.active{color:var(--fg);background:color-mix(in srgb,var(--accent) 16%,var(--panel-2));border-color:color-mix(in srgb,var(--accent) 40%,var(--line));} .dig-fn{opacity:.65;font-variant-numeric:tabular-nums;} .dig-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:10px;} .dig-card{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--ins-c,var(--blue));border-radius:10px;padding:12px 14px;} .dig-card.is-link{cursor:pointer;transition:transform .14s,background .14s,border-color .14s;} .dig-card.is-link:hover{transform:translateY(-2px);background:var(--panel-2);border-color:color-mix(in srgb,var(--ins-c,var(--blue)) 50%,var(--line));} .dig-card.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .dig-ico{font-size:25px;text-align:center;line-height:1;} .dig-tx{min-width:0;} .dig-text{font-size:14px;font-weight:600;color:var(--fg);line-height:1.3;} .dig-sub{font-size:12px;color:var(--dim);margin-top:3px;line-height:1.35;} .dig-actions{margin-top:16px;display:flex;justify-content:center;} .set-group{margin-bottom:18px;} .set-gh{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);margin:0 0 9px;} .set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-soft);} .set-row:last-child{border-bottom:none;} .set-label{font-size:14px;color:var(--fg);display:flex;flex-direction:column;gap:2px;} .set-hint{font-size:11.5px;color:var(--dim);font-weight:400;} .set-select{background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;min-width:160px;} .set-toggle{width:38px;height:22px;cursor:pointer;accent-color:var(--accent);flex:0 0 auto;} .set-note{font-size:11.5px;color:var(--dim);margin-top:4px;} html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation-duration:.001ms !important;animation-delay:0ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;} .pnl-card{margin-bottom:18px;} .pnl-card:last-child{margin-bottom:0;} .pnl-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;} .pmg-cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;} .pmg-h{font-size:12px;font-weight:700;color:var(--dim);margin-bottom:6px;} .pnl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;} .pnl-note{font-size:13px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;padding:9px 12px;} #overview-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start;} #overview-body .pnl-card{margin-bottom:0;} .feed-list{display:flex;flex-direction:column;gap:7px;} .feed-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px;} .feed-name{font-size:13px;color:var(--fg);} .feed-pill{font-size:11px;color:var(--dim);white-space:nowrap;} .feed-pill.ok{color:var(--green);} .feed-pill.err{color:var(--accent);} .feed-rl{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:6px;width:26px;height:26px;cursor:pointer;} .feed-rl:hover{border-color:var(--accent);} .ds-list{display:flex;flex-direction:column;gap:14px;} .ds-gh{font-size:12px;font-weight:700;color:var(--dim);margin-bottom:6px;} .ds-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line-soft);} .ds-name{font-size:13px;color:var(--fg);} .ds-meta{font-size:11px;color:var(--dim);text-align:right;} .ds-const{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--accent);background:var(--panel-2);border-radius:4px;padding:1px 5px;} .ds-note{font-size:11.5px;color:var(--dim);margin-top:12px;line-height:1.5;} .detail-section{margin-top:16px;} .exp-note{font-size:12px;color:var(--dim);margin-bottom:12px;} .exp-list{display:flex;flex-direction:column;gap:8px;} .exp-btn{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:11px 14px;font-size:13.5px;cursor:pointer;transition:border-color .14s,background .14s;} .exp-btn:hover{border-color:var(--accent);background:var(--panel-2);} .ent-actions{display:flex;flex-wrap:wrap;gap:8px;} .ent-act{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:8px 13px;font-size:13px;cursor:pointer;transition:border-color .14s,background .14s;} .ent-act:hover{border-color:var(--accent);background:var(--panel);} .an-note{font-size:12px;color:var(--dim);line-height:1.5;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;padding:9px 12px;margin:2px 0 14px;} .an-chart{overflow-x:auto;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel-2);padding:8px 6px;margin-bottom:16px;} .an-list{display:flex;flex-direction:column;gap:7px;} .an-row{display:grid;grid-template-columns:26px 40px minmax(120px,1.3fr) auto auto auto;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--accent));border-radius:8px;padding:8px 12px;} .an-row.is-link{cursor:pointer;transition:transform .14s,border-color .14s,background .14s;} .an-row.is-link:hover{transform:translateX(2px);background:var(--panel-2);border-color:var(--blue);} .an-row.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .an-rank{font-family:ui-monospace,monospace;font-weight:800;font-size:15px;color:var(--dim-2);text-align:center;} .an-name{display:flex;flex-direction:column;min-width:0;font-weight:700;font-size:13px;} .an-name .an-sub{font-size:10.5px;color:var(--dim);font-weight:500;} .an-form{display:flex;gap:3px;} .an-pill{min-width:20px;height:20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;border:1px solid var(--line);background:var(--panel-2);color:var(--dim);} .an-pill.pts{background:color-mix(in srgb,var(--green) 20%,var(--panel-2));border-color:color-mix(in srgb,var(--green) 45%,var(--line));color:var(--green);} .an-pill.dnf{background:color-mix(in srgb,var(--accent) 16%,var(--panel-2));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);} .an-trend{font-size:11px;font-weight:700;white-space:nowrap;} .an-up{color:var(--green);} .an-down{color:var(--accent);} .an-flat{color:var(--dim);} .an-val{font-family:ui-monospace,monospace;font-weight:800;font-size:15px;color:var(--gold);text-align:right;white-space:nowrap;} .an-val .an-vlbl,.an-climb .an-vlbl{display:block;font-size:9px;font-weight:600;color:var(--dim-2);text-transform:uppercase;letter-spacing:.03em;font-family:ui-sans-serif,system-ui;} .an-climb{font-family:ui-monospace,monospace;font-weight:700;font-size:13px;text-align:right;white-space:nowrap;color:var(--fg);} .an-h2h-pickers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;} .an-h2h-pickers select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:var(--fg);font:inherit;font-size:13px;min-width:150px;} .an-h2h-pickers .vs-text{color:var(--dim);font-size:12px;} .an-h2h-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:560px;margin:0 auto;} .an-h2h-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line);} .an-h2h-side{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-weight:700;font-size:13px;cursor:pointer;} .an-h2h-side .ava.lg{border:2px solid color-mix(in srgb,var(--team-color,var(--accent)) 60%,var(--line));} .an-h2h-head .vs{font-weight:800;color:var(--dim-2);font-size:14px;} .an-h2h-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 14px;padding:14px 18px;align-items:center;} .an-h2h-stats .hl{text-align:right;font-family:ui-monospace,monospace;font-weight:700;} .an-h2h-stats .hr{text-align:left;font-family:ui-monospace,monospace;font-weight:700;} .an-h2h-stats .hlbl{text-align:center;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;} .an-h2h-stats .win{color:var(--green);} .an-h2h-stats .lose{color:var(--dim-2);} .an-h2h-extra-h{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);font-weight:800;padding:4px 0 0;border-top:1px dashed var(--line);margin-top:2px;} .an-metric-picker{max-width:560px;margin:12px auto 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;} .an-metric-picker.duel-picker{max-width:none;margin:0 0 14px;} .an-metric-picker > summary{cursor:pointer;padding:9px 13px;font-size:12.5px;font-weight:700;color:var(--accent);user-select:none;list-style:none;} .an-metric-picker > summary::-webkit-details-marker{display:none;} .an-metric-picker > summary:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);} .amp-groups{padding:6px 12px 12px;display:flex;flex-direction:column;gap:9px;max-height:320px;overflow-y:auto;} .amp-group{} .amp-gh{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-weight:700;margin-bottom:5px;} .amp-chips{display:flex;flex-wrap:wrap;gap:5px;} .amp-chip{background:var(--panel-2,var(--panel));border:1px solid var(--line);color:var(--fg);border-radius:16px;padding:3px 10px;font-size:11px;cursor:pointer;transition:background .13s,border-color .13s,color .13s;} .amp-chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));} .amp-chip.on{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--fg);font-weight:700;} @media (max-width:620px){.an-row{grid-template-columns:24px 36px 1fr auto;} .an-form,.an-trend{display:none;} } .stats-groups{display:flex;flex-direction:column;gap:18px;} .stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;} .stats-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 12px;} .stats-card-h{font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--fg);} .stats-card-h .sc-ico{font-size:14px;} .worst-explain{font-size:10.5px;color:var(--dim);margin:-3px 0 7px;line-height:1.3;} .stats-card .rl-row{padding:4px 6px;} .stats-card .rl-name{font-size:12px;} .stats-empty{font-size:11px;color:var(--dim);font-style:italic;padding:4px 0;} .stats-card.clickable{cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s;} .stats-card.clickable:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 6px 18px -10px rgba(0,0,0,.5);} .stats-card.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .stats-card .stats-open{margin-top:7px;font-size:11px;font-weight:700;color:var(--accent);text-align:right;opacity:.75;transition:opacity .14s;} .stats-card.clickable:hover .stats-open{opacity:1;} #statdetail-body{padding:14px 18px 18px;} .statd-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;} .statd-select{flex:1 1 220px;min-width:0;background:var(--panel-2,var(--panel));color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700;cursor:pointer;} .statd-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--dim);white-space:nowrap;} .statd-meta .statd-ico{font-size:16px;} .statd-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-bottom:14px;} .statd-chip{background:var(--panel-2,var(--panel));border:1px solid var(--line);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;} .statd-chip .sdc-l{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);} .statd-chip .sdc-v{font-size:17px;font-weight:800;color:var(--fg);} .statd-chip .sdc-s{font-size:10.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .statd-list{max-height:52vh;overflow-y:auto;margin:0 -4px;padding:0 4px;} .statd-list .rl-row{padding:5px 7px;} .statd-related{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;} .statd-related .statd-rel-l{font-size:11px;color:var(--dim);font-weight:700;} .statd-rel-chip{background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid var(--line);color:var(--fg);border-radius:20px;padding:4px 11px;font-size:11px;cursor:pointer;transition:background .14s,border-color .14s;} .statd-rel-chip:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));} .hs-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px;} .hs-chip{background:var(--panel);border:1px solid var(--line);color:var(--dim);border-radius:20px;padding:6px 13px;font-size:12px;font-weight:700;cursor:pointer;transition:background .14s,color .14s,border-color .14s;} .hs-chip:hover{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));} .hs-chip.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--fg);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));} .hs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start;} .hs-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:12px 14px;} .hs-card-h{font-size:13px;font-weight:800;color:var(--fg);margin-bottom:10px;display:flex;flex-direction:column;gap:2px;} .hs-card-h small{font-size:10.5px;font-weight:500;color:var(--dim);} .hs-card .rl-row{padding:5px 7px;} .sl-proj{color:var(--orange);font-weight:700;} .sl-ptswrap{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;} .sl-pts{font-family:ui-monospace,monospace;font-size:16px;font-weight:700;color:var(--fg);} .sl-pts-conf{color:var(--green);} .sl-pts-proj{color:var(--orange);} .sl-pill{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:20px;white-space:nowrap;} .sl-pill-conf{color:#06281a;background:var(--green);} .sl-pill-proj{color:#2a1800;background:var(--orange);} .sl-bar{display:inline-flex;width:56px;height:6px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line-soft);overflow:hidden;vertical-align:middle;} .sl-bar > i{height:100%;} .sl-bar > i.sl-bar-conf{background:var(--green);} .sl-bar > i.sl-bar-proj{background:repeating-linear-gradient(45deg,var(--orange) 0 2px,color-mix(in srgb,var(--orange) 22%,var(--panel-2)) 2px 4px);} .sl-src{display:inline-block;font-size:11px;color:var(--dim);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:4px;padding:1px 6px;margin:1px 2px 1px 0;} .sl-src b{color:var(--fg);font-weight:700;} .sl-src.sl-src-proj{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 40%,var(--line-soft));background:color-mix(in srgb,var(--orange) 10%,var(--panel-2));} .sl-src.sl-src-proj b{color:var(--orange);} .dt-tr[data-sl="conf"]{background:color-mix(in srgb,var(--green) 8%,transparent);} .dt-tr[data-sl="proj"]{background:color-mix(in srgb,var(--orange) 10%,transparent);} .dt-tr[data-sl="conf"]:hover{background:color-mix(in srgb,var(--green) 16%,transparent);} .dt-tr[data-sl="proj"]:hover{background:color-mix(in srgb,var(--orange) 18%,transparent);} .dt-tr[data-sl="conf"] > td:first-child{box-shadow:inset 3px 0 0 var(--green);} .dt-tr[data-sl="proj"] > td:first-child{box-shadow:inset 3px 0 0 var(--orange);} .sl-acc{border:1px solid var(--line-soft);border-radius:10px;margin:10px 2px 0;overflow:hidden;background:var(--panel-2);} .sl-acc-head{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:11px 14px;background:none;border:0;border-left:3px solid var(--acc);color:var(--fg);font:inherit;transition:background .15s;} .sl-acc-head:hover{background:color-mix(in srgb,var(--acc) 9%,transparent);} .sl-acc-chev{color:var(--acc);font-size:12px;flex:none;transition:transform .18s;} .sl-acc.open .sl-acc-chev{transform:rotate(90deg);} .sl-acc-title{font-weight:800;font-size:15px;} .sl-acc-meta{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);white-space:nowrap;} .sl-acc-body{display:none;padding:2px 8px 8px;} .sl-acc.open .sl-acc-body{display:block;} .sl-acc.open .sl-acc-head{border-bottom:1px solid var(--line-soft);} .f2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:6px 2px 16px;} .f2-rec{display:flex;gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px;} .f2-rec-ic{font-size:22px;line-height:1;flex:none;} .f2-rec-big{font-size:18px;font-weight:800;color:var(--fg);font-family:ui-monospace,monospace;line-height:1.1;} .f2-rec-lbl{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;} .f2-rec-sub{font-size:11px;color:var(--dim-2);margin-top:3px;} .f2-cur{font-size:13px;background:color-mix(in srgb,var(--green) 12%,var(--panel-2));border:1px solid color-mix(in srgb,var(--green) 35%,var(--line-soft));border-radius:8px;padding:8px 12px;margin:0 2px 14px;} .f2-cur b{color:var(--fg);} .f2-live{font-size:9px;font-weight:800;text-transform:uppercase;color:#06281a;background:var(--green);border-radius:10px;padding:1px 6px;vertical-align:middle;} .f2r-seg{margin:6px 2px 14px;} .f2r-champs{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;margin:4px 2px;} .f2r-cm{background:var(--panel-2);border:1px solid var(--line-soft);border-left:3px solid var(--accent);border-radius:10px;padding:10px 12px;} .f2r-cm.cur{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel-2));} .f2r-cm-y{font-size:11px;font-weight:800;color:var(--dim);letter-spacing:.04em;} .f2r-cm-n{font-size:15px;margin-top:3px;display:flex;align-items:center;gap:6px;} .f2r-cm-n .flag{width:20px;height:auto;border-radius:2px;} .f2r-cm-t{font-size:11.5px;color:var(--dim);margin-top:3px;} .f2r-nats{display:flex;flex-direction:column;gap:8px;margin:6px 2px;} .f2r-nat{display:grid;grid-template-columns:30px 110px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;} .f2r-nat-f .flag{width:24px;height:auto;border-radius:2px;} .f2r-nat-bar{position:relative;height:22px;display:flex;align-items:center;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:5px;overflow:hidden;} .f2r-nat-bar > i{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 28%,transparent);} .f2r-nat-bar > b{position:relative;padding-left:9px;font-family:ui-monospace,monospace;} .f2r-nat-who{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dt-tr[data-f2="cur"]{background:color-mix(in srgb,var(--green) 8%,transparent);} .dt-tr[data-f2="cur"]:hover{background:color-mix(in srgb,var(--green) 16%,transparent);} .f2-season-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;} .f2-picker{display:inline-flex;align-items:center;gap:6px;} .f2-sel{background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:5px 10px;font-size:13px;font-weight:700;cursor:pointer;} .f2-sel:hover{border-color:var(--accent);} .f2-nav{width:30px;height:30px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--dim);cursor:pointer;font-size:12px;transition:color .15s,border-color .15s;} .f2-nav:hover:not(:disabled){color:var(--accent);border-color:var(--accent);} .f2-nav:disabled{opacity:.35;cursor:default;} .f2h{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;align-items:center;padding:16px 18px;margin:6px 2px 14px;border-radius:14px;border:1px solid var(--line-soft);background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 16%,var(--panel-2)),var(--panel-2) 70%);} .f2h-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);} .f2h-name{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:800;margin-top:5px;line-height:1.1;} .f2h-name .flag{width:26px;height:auto;border-radius:3px;} .f2h-sub{color:var(--dim);font-size:13px;margin-top:5px;} .f2h-sub b{color:var(--fg);} .f2h-pod{display:flex;flex-direction:column;gap:4px;min-width:230px;flex:1;max-width:340px;} .f2h-pod-row{display:flex;align-items:center;gap:9px;font-size:13px;padding:5px 11px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line-soft);} .f2h-pod-row.top1{box-shadow:inset 3px 0 0 var(--gold);} .f2h-pod-row.top2{box-shadow:inset 3px 0 0 #c0c7d0;} .f2h-pod-row.top3{box-shadow:inset 3px 0 0 #cd7f32;} .f2h-pod-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .f2h-pod-row b{font-family:ui-monospace,monospace;} .f2-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 2px 16px;} .f2-standings{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:start;} .f2-col{min-width:0;} @media (max-width:760px){.f2-standings{grid-template-columns:1fr;gap:6px;}} .f2s{font-size:13px;} .f2s-h,.f2s-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1.05fr) 96px 60px;align-items:center;gap:8px;padding:7px 10px;} .f2s-kk .f2s-h,.f2s-kk .f2s-row{grid-template-columns:34px minmax(0,1fr) 110px;} .f2s-h{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);border-bottom:1px solid var(--line);} .f2s-h .ar{text-align:right;} .f2s-row{border-bottom:1px solid var(--line-soft);} .f2s-row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);} .f2s-row.top1{background:color-mix(in srgb,var(--gold) 11%,transparent);} .f2s-row.top2{background:color-mix(in srgb,#c0c7d0 9%,transparent);} .f2s-row.top3{background:color-mix(in srgb,#cd7f32 10%,transparent);} .f2s-pos{text-align:center;font-weight:700;color:var(--dim);} .f2s-name{display:flex;align-items:center;gap:7px;min-width:0;} .f2s-nm{display:flex;flex-direction:column;min-width:0;} .f2s-name .ent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .f2s-tsub{display:none;} .f2s-team{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .f2s-pts{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:3px 8px;border-radius:5px;overflow:hidden;font-family:ui-monospace,monospace;font-weight:700;} .f2s-bar{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 22%,transparent);} .f2s-pts b{position:relative;z-index:1;} .f2s-gap{text-align:right;color:var(--dim);font-family:ui-monospace,monospace;font-size:12px;} @media (max-width:560px){.f2h{padding:12px 14px;gap:12px 16px;} .f2h-name{font-size:20px;} .f2h-pod{min-width:100%;max-width:100%;} .f2-stats{gap:6px;} .f2s-h,.f2s-row{grid-template-columns:26px minmax(0,1fr) 62px 46px;gap:6px;padding:6px 7px;font-size:12px;} .f2s-team{display:none;} .f2s-tsub{display:block;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .f2s-kk .f2s-h,.f2s-kk .f2s-row{grid-template-columns:26px minmax(0,1fr) 70px;} .f2r-champs{grid-template-columns:1fr 1fr;gap:8px;} .f2r-cm{padding:8px 10px;} .f2r-cm-n{font-size:13px;} .f2r-nat{grid-template-columns:26px 80px minmax(0,1fr);gap:8px;} .sl-acc-head{padding:10px 12px;} .sl-acc-title{font-size:14px;} .sl-acc-meta{font-size:11px;} } @media (max-width:380px){.f2r-champs{grid-template-columns:1fr;} } .td-filters{display:flex;flex-wrap:wrap;gap:8px;margin:4px 2px 14px;} .td-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--dim);transition:color .15s,border-color .15s,background .15s;} .td-chip:hover{color:var(--fg);border-color:var(--accent);} .td-chip.active{color:#fff;background:var(--chip,var(--accent));border-color:var(--chip,var(--accent));} .td-cnt{font-size:11px;font-weight:700;opacity:.7;} .td-chip.active .td-cnt{opacity:.9;} .ui-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;background:var(--panel-2);border:1px solid var(--line);color:var(--dim);white-space:nowrap;} .ui-chip-color{color:var(--chip);border-color:color-mix(in srgb,var(--chip) 40%,var(--line));background:color-mix(in srgb,var(--chip) 12%,var(--panel-2));} .st-sub{font-weight:500;color:var(--dim);font-size:11px;margin-left:8px;} .ent-cell{display:inline-flex;align-items:center;gap:8px;min-width:0;} .ent-cell[data-driver-link],.ent-cell[data-team-link]{cursor:pointer;} .ent-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ent-name .cell-sub{display:block;font-weight:500;font-size:11px;color:var(--dim);} .ui-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;} .ui-card-accent{border-left:3px solid var(--team-color,var(--accent));} .tab-toolbar .tab-sub{font-size:11px;color:var(--dim);margin-left:10px;} .bday-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;} .bd-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color);border-radius:6px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;transition:transform .15s,border-color .2s,box-shadow .2s;} .bd-card[data-driver-link]:hover{transform:translateY(-2px);box-shadow:0 6px 18px -10px var(--team-color);} .bd-card.is-today{border-color:var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--panel)),var(--panel) 70%);} .bd-card .bd-ava{position:relative;display:flex;align-items:center;} .bd-card .bd-ava .ava.sm{width:40px;height:40px;} .bd-card .bd-ava .nat-flag{position:absolute;bottom:-2px;right:-4px;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1.5px var(--panel);} .bd-card .bd-ava-staff{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--panel-2),var(--panel));border:1px solid var(--line);font-weight:800;font-size:13px;color:var(--dim);font-family:ui-monospace,monospace;} .bd-card .bd-ava-staff[data-cat="legend"]{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));color:var(--gold);} .bd-card .bd-ava-staff[data-cat="boss"]{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));} .bd-card .bd-ava-staff.has-photo{background:var(--panel-2);overflow:hidden;} .bd-card .bd-ava-staff.has-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%;} .bd-card .bd-ava-staff .bd-cat-ico{position:absolute;bottom:-3px;right:-4px;font-size:11px;line-height:1;background:var(--panel);border-radius:50%;padding:1px;box-shadow:0 0 0 1.5px var(--panel);} .bd-card .bd-info{min-width:0;} .bd-card .bd-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .bd-card .bd-role{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .bd-card .bd-when{font-size:11px;color:var(--dim-2);margin-top:3px;font-family:ui-monospace,monospace;} .bd-card .bd-when .bd-date{color:var(--fg);font-weight:700;} .bd-card .bd-when .bd-today{color:var(--gold);font-weight:800;} .bd-card.staff .bd-ava .nat-flag{bottom:-2px;right:-4px;} .people-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-weight:800;margin:22px 2px 10px;display:flex;align-items:center;gap:8px;} .people-section-title:first-child{margin-top:4px;} .pst-count{color:var(--dim-2);font-weight:700;font-family:ui-monospace,monospace;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:999px;padding:1px 8px;font-size:11px;} .people-team-head{display:flex;align-items:center;gap:11px;margin:26px 2px 10px;padding:9px 13px;border:1px solid var(--line);border-left:3px solid var(--team-color);border-radius:7px;cursor:pointer;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 13%,var(--panel)),var(--panel) 65%);transition:border-color .2s,box-shadow .2s,transform .15s;} .people-team-head:first-child{margin-top:4px;} .people-team-head:hover{transform:translateY(-1px);box-shadow:0 7px 20px -13px var(--team-color);border-color:color-mix(in srgb,var(--team-color) 50%,var(--line));} .people-team-head .tlogo{flex-shrink:0;} .people-team-head .pth-name{font-size:15px;font-weight:800;letter-spacing:.01em;} .people-team-head .pst-count{margin-left:auto;} .people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:10px;} @supports (content-visibility:auto){.people-grid > .person-card{content-visibility:auto;contain-intrinsic-size:84px;} } .person-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--line));border-radius:8px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;transition:transform .15s,border-color .2s,box-shadow .2s;} .person-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px -12px var(--team-color,var(--accent));border-color:color-mix(in srgb,var(--team-color,var(--line)) 55%,var(--line));} .pc-photo{position:relative;flex-shrink:0;width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--panel-2),var(--panel));border:1px solid var(--line);font-weight:800;font-size:17px;color:var(--dim);font-family:ui-monospace,monospace;} .pc-photo.has-photo{overflow:hidden;background:var(--panel-2);} .pc-photo.has-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;} .pc-photo[data-cat="legend"]{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));color:var(--gold);} .pc-photo[data-cat="boss"]{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));} .pc-photo[data-cat="tech"]{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));} .pc-cat-ico{position:absolute;bottom:-4px;right:-4px;font-size:13px;line-height:1;background:var(--panel);border-radius:50%;padding:2px;box-shadow:0 0 0 1.5px var(--panel);} .pc-info{min-width:0;} .pc-name{font-size:14px;font-weight:700;line-height:1.2;display:flex;align-items:center;gap:6px;} .pc-name .nat-flag{flex-shrink:0;box-shadow:0 0 0 1px var(--line);} .pc-role{font-size:11px;color:var(--dim);margin-top:3px;line-height:1.35;} .pc-meta{font-size:11px;color:var(--dim-2);margin-top:7px;font-family:ui-monospace,monospace;display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .pc-meta .pc-team{display:inline-flex;align-items:center;gap:5px;color:var(--fg);font-weight:600;} .pc-meta .pc-team .tlogo.sm{width:38px;height:20px;} .pc-meta .pc-dot{color:var(--line);} .pc-meta .pc-life{letter-spacing:.02em;} .person-card.is-clickable{cursor:pointer;} .person-card.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .dcmp-note{margin-bottom:var(--space-4);color:var(--dim);font-size:var(--fz-md);line-height:1.5;} .dcmp-note b{color:var(--fg);} .dcmp-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;} .dcmp-pick{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 5px;background:var(--panel);border:1.5px solid var(--line);border-radius:999px;color:var(--dim);font-weight:700;font-size:12px;cursor:pointer;transition:border-color var(--anim-fast) var(--anim-ease),background var(--anim-fast) var(--anim-ease),transform var(--anim-fast) var(--anim-ease),color var(--anim-fast) var(--anim-ease);} .dcmp-pick:hover{border-color:color-mix(in srgb,var(--team-color) 55%,var(--line));transform:translateY(-1px);color:var(--fg);} .dcmp-pick.on{background:color-mix(in srgb,var(--team-color) 18%,var(--panel));border-color:var(--team-color);color:var(--fg);} .dcmp-pick .ava{width:22px;height:22px;} .dcmp-pick-code{letter-spacing:.3px;} .dcmp-heroes{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:26px;} .dcmp-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 22px;min-width:140px;border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--team-color) 15%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--team-color) 45%,var(--line));box-shadow:0 10px 26px -14px color-mix(in srgb,var(--team-color) 60%,transparent);animation:animPop var(--anim-slow) var(--anim-ease) both;} .dcmp-hero .ava{width:56px;height:56px;border:2px solid var(--team-color);} .dcmp-hero-name{font-weight:800;font-size:14px;cursor:pointer;} .dcmp-hero-name:hover{text-decoration:underline;} .dcmp-hero-sub{color:var(--dim);font-size:11px;} .dcmp-hero-vs{font-weight:900;color:var(--dim-2);font-size:13px;letter-spacing:1px;align-self:center;padding:0 2px;} .dcmp-radar-wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%),var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);padding:22px;margin-bottom:22px;} .dcmp-radar-card{flex:0 0 auto;width:min(420px,100%);} .dcmp-radar-svg{width:100%;height:auto;overflow:visible;} .dcmp-ring{fill:none;stroke:var(--line-soft);stroke-width:1;} .dcmp-spoke{stroke:var(--line-soft);stroke-width:1;} .dcmp-axis-label{fill:var(--dim);font-size:10.5px;font-weight:700;} .dcmp-poly{fill:color-mix(in srgb,var(--dcmp-c,var(--accent)) 18%,transparent);stroke:var(--dcmp-c,var(--accent));stroke-width:2.25;stroke-linejoin:round;} .dcmp-dot{fill:var(--dcmp-c,var(--accent));stroke:var(--panel);stroke-width:1.5;} .dcmp-radar-legend{flex:1 1 220px;min-width:200px;display:flex;flex-direction:column;gap:8px;} .dcmp-legend-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12.5px;} .dcmp-legend-mark{width:12px;height:12px;flex:0 0 auto;background:var(--dcmp-c);border-radius:50%;} .dcmp-legend-mark.m-square{border-radius:2px;} .dcmp-legend-mark.m-diamond{border-radius:2px;transform:rotate(45deg);} .dcmp-legend-mark.m-triangle{width:0;height:0;background:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid var(--dcmp-c);} .dcmp-legend-note{margin-top:6px;color:var(--dim);font-size:11px;line-height:1.5;} .dcmp-filter{width:100%;margin-bottom:16px;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--fg);font-size:var(--fz-md);} .dcmp-filter:focus{outline:none;border-color:var(--accent);} .dcmp-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;position:sticky;top:8px;z-index:3;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(6px);padding:8px;border-radius:var(--radius-lg);border:1px solid var(--line-soft);} .dcmp-nav-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--panel-2);color:var(--dim);font-size:11px;font-weight:700;text-decoration:none;border:1px solid var(--line);} .dcmp-nav-chip:hover{color:var(--fg);border-color:var(--accent);} .dcmp-nav-n{color:var(--dim-2);font-weight:600;} .dcmp-group{margin-bottom:22px;scroll-margin-top:60px;} .dcmp-group-title{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim);padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--line-soft);} .dcmp-group-n{color:var(--dim-2);font-weight:600;text-transform:none;letter-spacing:0;} .dcmp-group-rows{display:flex;flex-direction:column;gap:2px;} .dcmp-metric-row{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center;padding:6px 10px;border-radius:var(--radius-md);} .dcmp-metric-row:hover{background:var(--panel-2);} .dcmp-metric-label{font-size:12.5px;font-weight:600;color:var(--dim);} .dcmp-metric-bars{display:flex;flex-direction:column;gap:3px;} .dcmp-bar-item{display:grid;grid-template-columns:32px 1fr 60px;align-items:center;gap:8px;} .dcmp-bar-code{font-size:10.5px;font-weight:800;color:var(--team-color);text-align:right;} .dcmp-bar-track{position:relative;height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;} .dcmp-bar-fill{position:absolute;top:0;bottom:0;background:var(--team-color);border-radius:4px;transition:width var(--anim-base) var(--anim-ease),left var(--anim-base) var(--anim-ease);} .dcmp-bar-zero{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--dim-2);} .dcmp-bar-val{font-family:ui-monospace,monospace;font-size:11.5px;font-weight:700;text-align:right;color:var(--dim);white-space:nowrap;} .dcmp-bar-item.best .dcmp-bar-val{color:var(--gold);} .dcmp-bar-item.best .dcmp-bar-fill{box-shadow:0 0 8px color-mix(in srgb,var(--team-color) 75%,transparent);} .dcmp-crown{font-size:10px;} .dcmp-bar-item.striped .dcmp-bar-fill{background-image:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,black 22%,transparent) 3px 6px);} .dcmp-hero.striped{border-style:dashed;} @media (max-width:720px){.dcmp-metric-row{grid-template-columns:1fr;gap:4px;} .dcmp-bar-item{grid-template-columns:28px 1fr 54px;} .dcmp-radar-card{width:100%;} .dcmp-nav{position:static;} } .paddock-note{font-size:12px;color:var(--dim);line-height:1.5;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:9px 12px;margin:2px 0 14px;} .paddock-note code{font-family:ui-monospace,monospace;font-size:11px;color:var(--fg);background:var(--panel-2);padding:1px 5px;border-radius:4px;} .wag-star{color:var(--gold);font-weight:800;} .spon-chip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;padding:2px 8px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--dim);white-space:nowrap;cursor:help;} .spon-chip .sc-ico{font-size:10px;line-height:1;filter:grayscale(.15);} .spon-chip.empty{font-style:italic;opacity:.7;cursor:default;} .spon-chip.cat-tech{border-color:color-mix(in srgb,var(--blue) 38%,var(--line));} .spon-chip.cat-finance{border-color:color-mix(in srgb,var(--green) 38%,var(--line));} .spon-chip.cat-oil{border-color:color-mix(in srgb,var(--orange) 38%,var(--line));} .spon-chip.cat-drinks{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));} .spon-chip.cat-watch,.spon-chip.cat-fashion{border-color:color-mix(in srgb,var(--purple) 34%,var(--line));} .spon-chip.cat-own{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));color:var(--fg);} .team-spon-btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:9px;padding:11px 14px;margin-bottom:14px;color:var(--fg);font:inherit;transition:transform .14s,border-color .14s,background .14s;} .team-spon-btn:hover{transform:translateX(2px);background:var(--panel-2);border-color:var(--gold);} .tsb-ico{font-size:20px;flex:none;} .tsb-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;} .tsb-title{font-weight:800;font-size:13.5px;} .tsb-sub{font-size:11px;color:var(--dim);} .tsb-arrow{flex:none;color:var(--gold);font-weight:800;font-size:16px;} .ts-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim-2);font-weight:700;flex:none;min-width:80px;} .ts-deal{font-family:ui-monospace,monospace;font-size:12px;font-weight:800;color:var(--gold);} .ts-tba{font-style:italic;color:var(--dim);} .ts-note{font-size:11px;color:var(--dim);line-height:1.45;} .ts-pchips{display:flex;flex-wrap:wrap;gap:5px;} #sponsors-modal .modal-content{max-width:min(980px,96vw);} .spon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;} .spon-search{flex:1;min-width:180px;max-width:320px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 11px;color:var(--fg);font:inherit;font-size:13px;} .spon-search:focus{outline:none;border-color:var(--blue);} .spon-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;} .spon-team-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--accent));border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;} .spon-team-card.focus{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 40%,transparent);} .spon-team-card .people-team-head{margin:0;} .spon-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .spon-cats{display:flex;flex-direction:column;gap:14px;} .spon-cat-head{font-size:13px;font-weight:800;margin-bottom:7px;display:flex;align-items:center;gap:7px;} .spon-cat-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:7px;} .spon-brand{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;} .spon-brand-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;} .spon-brand-desc{font-size:11px;color:var(--dim);} .spon-brand-users{font-size:10.5px;color:var(--dim-2);line-height:1.4;} .era-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:10px;} .era-badge.cur{color:#06281a;background:var(--green);} .era-badge.hist{color:var(--dim);background:var(--panel-2);border:1px solid var(--line);} .paddock-note.photo-help{border-left-color:var(--blue);} .photo-help .ph-rows{display:flex;flex-direction:column;gap:3px;margin:6px 0 4px;} .photo-help .ph-row{color:var(--fg);} .photo-help .ph-row b{color:var(--blue);font-weight:700;} .photo-help .ph-dim{display:block;color:var(--dim-2);font-size:11px;margin-top:2px;} .wags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:14px;} .wag-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--accent));border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:10px;} .wag-card.single{opacity:.82;} .wag-card.is-link{cursor:pointer;transition:transform .14s,border-color .14s,background .14s;} .wag-card.is-link:hover{transform:translateY(-2px);background:var(--panel-2);border-color:var(--blue);opacity:1;box-shadow:0 8px 22px -14px var(--team-color,var(--accent));} .wag-card.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .wag-duo{display:flex;align-items:flex-start;gap:8px;} .wag-person{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;} .wag-person > .ava.lg,.wag-person > .wag-pphoto{width:100%;max-width:96px;height:112px;border-radius:8px;border:2px solid color-mix(in srgb,var(--team-color,var(--accent)) 55%,var(--line));box-shadow:0 4px 14px -8px var(--team-color,var(--accent));} .wag-pphoto{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--team-color,var(--accent)) 20%,var(--panel-2)),var(--panel));font-size:22px;font-weight:800;color:var(--fg);font-family:ui-monospace,monospace;} .wag-pphoto.has-photo{background:var(--panel-2);} .wag-pphoto.has-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;} .wag-pphoto.none{background:var(--panel-2);border-style:dashed !important;color:var(--dim-2);} .wag-heart{flex:none;align-self:flex-start;font-size:16px;opacity:.9;margin-top:46px;} .wag-pcap{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%;} .wag-dname{font-weight:800;font-size:13px;line-height:1.15;} .wag-pname{font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;line-height:1.2;} .wag-pname .nat-flag{flex:none;box-shadow:0 0 0 1px var(--line);} .wag-rel{font-size:9.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;} .wag-note{font-size:11px;color:var(--dim);line-height:1.45;padding-top:9px;border-top:1px dashed var(--line-soft);} .kind-chip{font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:10px;background:color-mix(in srgb,var(--orange) 16%,var(--panel-2));border:1px solid color-mix(in srgb,var(--orange) 35%,var(--line));color:var(--orange);white-space:nowrap;} .rich-earn{font-size:10px;color:var(--dim-2);font-family:ui-monospace,monospace;align-self:center;white-space:nowrap;} .pay-drv > .ava,.rich-drv > .ava{flex:none;width:52px;height:64px;border-radius:8px;border:2px solid color-mix(in srgb,var(--team-color,var(--accent)) 55%,var(--line));box-shadow:0 3px 12px -8px var(--team-color,var(--accent));} .pay-drv > .ava img,.rich-drv > .ava img{object-position:center 16%;} .pay-list{display:flex;flex-direction:column;gap:8px;} .pay-row{display:grid;grid-template-columns:28px minmax(150px,220px) 1fr;align-items:start;gap:10px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--accent));border-radius:8px;padding:10px 14px;} .pay-row.is-link{cursor:pointer;transition:transform .14s,border-color .14s,background .14s;} .pay-row.is-link:hover{transform:translateX(2px);background:var(--panel-2);border-color:var(--blue);} .pay-row.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .pay-rank{font-family:ui-monospace,monospace;font-weight:800;font-size:16px;color:var(--dim-2);text-align:center;padding-top:4px;} .pay-drv{display:flex;align-items:center;gap:9px;min-width:0;} .pay-dmeta{display:flex;flex-direction:column;gap:3px;min-width:0;} .pay-dname{font-weight:700;font-size:13.5px;} .pay-team{font-size:10.5px;color:var(--dim);display:flex;align-items:center;gap:5px;flex-wrap:wrap;} .pay-mid{display:flex;flex-direction:column;gap:6px;min-width:0;} .pay-amount{font-family:ui-monospace,monospace;font-weight:800;font-size:14px;color:var(--orange);} .pay-bar{height:5px;border-radius:4px;background:var(--panel-2);overflow:hidden;} .pay-bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--orange),color-mix(in srgb,var(--orange) 40%,var(--gold)));} .pay-spons{display:flex;flex-wrap:wrap;gap:4px;} .pay-note{grid-column:2 / -1;font-size:11px;color:var(--dim);line-height:1.45;margin-top:2px;} .rich-head,.rich-row{display:grid;grid-template-columns:26px minmax(140px,1.4fr) 0.9fr 0.9fr 1fr;align-items:center;gap:10px;} .rich-head{padding:4px 14px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim-2);font-weight:700;} .rich-head .rh-num{text-align:right;} .rich-list{display:flex;flex-direction:column;gap:7px;} .rich-row{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--accent));border-radius:8px;padding:9px 14px;row-gap:4px;} .rich-row.is-link{cursor:pointer;transition:transform .14s,border-color .14s,background .14s;} .rich-row.is-link:hover{transform:translateX(2px);background:var(--panel-2);border-color:var(--blue);} .rich-row.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .rich-rank{font-family:ui-monospace,monospace;font-weight:800;font-size:15px;color:var(--dim-2);text-align:center;} .rich-drv{display:flex;align-items:center;gap:9px;min-width:0;} .rich-dmeta{display:flex;flex-direction:column;gap:2px;min-width:0;} .rich-dname{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rich-team{font-size:10.5px;color:var(--dim);display:flex;align-items:center;gap:5px;} .rich-num{font-family:ui-monospace,monospace;font-weight:700;font-size:12.5px;text-align:right;white-space:nowrap;} .rich-salary{color:var(--fg);} .rich-spon{color:var(--dim);} .rich-total{color:var(--gold);position:relative;} .rich-bar{display:block;height:4px;border-radius:3px;background:var(--panel-2);overflow:hidden;margin-top:4px;} .rich-bar-fill{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 55%,var(--orange)),var(--gold));} .rich-chips{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;} .rich-note{font-size:11px;color:var(--dim);line-height:1.4;flex-basis:100%;} @media (max-width:620px){.pay-row{grid-template-columns:24px 1fr;} .pay-mid{grid-column:1 / -1;} .pay-note{grid-column:1 / -1;} .rich-head{display:none;} .rich-row{grid-template-columns:24px 1fr auto;} .rich-salary,.rich-spon{display:none;} .rich-chips{grid-column:1 / -1;} } .pm-head{display:flex;gap:16px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line);} .pm-photo{position:relative;flex-shrink:0;width:88px;height:88px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--panel-2),var(--panel));border:2px solid color-mix(in srgb,var(--team-color,var(--line)) 70%,var(--line));font-weight:800;font-size:26px;color:var(--dim);font-family:ui-monospace,monospace;} .pm-photo.has-photo{overflow:hidden;background:var(--panel-2);} .pm-photo.has-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;} .pm-cat-ico{position:absolute;bottom:-2px;right:-2px;font-size:16px;line-height:1;background:var(--panel);border-radius:50%;padding:2px;box-shadow:0 0 0 2px var(--panel);} .pm-meta{min-width:0;} .pm-name{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.2;} .pm-name .nat-flag{box-shadow:0 0 0 1px var(--line);} .pm-country{font-size:12px;color:var(--dim-2);margin-top:3px;} .pm-role{font-size:13px;color:var(--fg);font-weight:600;margin-top:8px;} .pm-team{display:inline-flex;align-items:center;gap:7px;margin-top:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 12px 3px 5px;cursor:pointer;font:inherit;color:var(--fg);font-size:12px;font-weight:600;transition:border-color .2s;} .pm-team:hover{border-color:color-mix(in srgb,var(--team-color,var(--accent)) 55%,var(--line));} .pm-team .tlogo.sm{width:34px;height:18px;} .pm-life{font-size:12px;color:var(--dim-2);margin-top:9px;font-family:ui-monospace,monospace;letter-spacing:.02em;} .pm-bio{font-size:13.5px;line-height:1.62;color:var(--fg);margin:2px;} .trend-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:stretch;} @media (max-width:900px){.trend-panel{grid-template-columns:1fr;} } .trend-chart-wrap{display:flex;flex-direction:column;gap:8px;min-width:0;} .trend-chart{width:100%;height:230px;background:var(--panel-2);border-radius:4px;border:1px solid var(--line-soft);} .trend-chart polyline{stroke-dasharray:var(--tl-len,4000);stroke-dashoffset:var(--tl-len,4000);animation:trendDraw 1.4s cubic-bezier(.2,.8,.2,1) forwards;} .trend-chart .trend-area{opacity:0;animation:trendAreaIn .8s ease-out 1s forwards;} @keyframes trendAreaIn{to{opacity:1;}} @media (prefers-reduced-motion:reduce){.trend-chart .trend-area{animation:none !important;opacity:1;}} .trend-chart polyline:nth-of-type(1){animation-delay:.0s;} .trend-chart polyline:nth-of-type(2){animation-delay:.12s;} .trend-chart polyline:nth-of-type(3){animation-delay:.24s;} .trend-chart polyline:nth-of-type(4){animation-delay:.36s;} .trend-chart polyline:nth-of-type(5){animation-delay:.48s;} .trend-chart circle{opacity:0;animation:trendDot .35s ease-out forwards;} .trend-chart circle:nth-of-type(1){animation-delay:1.4s;} .trend-chart circle:nth-of-type(2){animation-delay:1.52s;} .trend-chart circle:nth-of-type(3){animation-delay:1.64s;} .trend-chart circle:nth-of-type(4){animation-delay:1.76s;} .trend-chart circle:nth-of-type(5){animation-delay:1.88s;} @keyframes trendDraw{to{stroke-dashoffset:0;}} @keyframes trendDot{0%{opacity:0;transform:scale(0);transform-origin:center;} 70%{transform:scale(1.4);} 100%{opacity:1;transform:scale(1);} } @media (prefers-reduced-motion:reduce){.trend-chart polyline,.trend-chart circle{animation:none !important;stroke-dashoffset:0 !important;opacity:1 !important;} } .trend-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;} .trend-legend .leg-item{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line-soft);cursor:default;transition:opacity .15s;} .trend-legend .leg-item .leg-swatch{width:10px;height:10px;border-radius:2px;background:var(--leg-color);} .trend-legend .leg-item .leg-name{color:var(--fg);font-weight:600;} .trend-legend .leg-item .leg-pts{color:var(--dim);font-family:ui-monospace,monospace;} .trend-summary{display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border-radius:4px;padding:12px 14px;border:1px solid var(--line-soft);} .trend-summary .ts-label{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim-2);font-weight:700;} .trend-summary .ts-row{display:flex;flex-direction:column;gap:2px;} .trend-summary .ts-leader{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dotted var(--line-soft);} .trend-summary .ts-leader .ts-name{font-size:14px;font-weight:800;} .trend-summary .ts-leader .ts-pts{font-family:ui-monospace,monospace;color:var(--gold);margin-left:auto;font-weight:800;} .trend-summary .ts-pred-val{font-size:18px;font-weight:800;font-family:ui-monospace,monospace;color:var(--accent);} .trend-summary .ts-pred-detail{font-size:11px;color:var(--dim);line-height:1.4;} .trend-summary .ts-secured{color:var(--gold);font-weight:800;font-size:13px;padding:6px 10px;border:1px solid var(--gold);border-radius:4px;background:color-mix(in srgb,var(--gold) 10%,transparent);text-align:center;} .highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:12px;} .highlight-card{background:linear-gradient(150deg,color-mix(in srgb,var(--hl-color,var(--accent)) 9%,var(--panel)),var(--panel) 58%);border:1px solid var(--line);border-radius:7px;padding:13px 15px;display:flex;flex-direction:column;gap:4px;transition:border-color .18s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;animation:cardPopIn .5s cubic-bezier(.2,.8,.2,1) backwards;} .highlight-card:nth-child(1){animation-delay:0ms;} .highlight-card:nth-child(2){animation-delay:60ms;} .highlight-card:nth-child(3){animation-delay:120ms;} .highlight-card:nth-child(4){animation-delay:180ms;} .highlight-card:nth-child(5){animation-delay:240ms;} .highlight-card:nth-child(6){animation-delay:300ms;} .highlight-card:nth-child(7){animation-delay:360ms;} .highlight-card:nth-child(8){animation-delay:420ms;} .highlight-card:nth-child(9){animation-delay:480ms;} .highlight-card:nth-child(10){animation-delay:540ms;} @keyframes cardPopIn{0%{opacity:0;transform:translateY(14px) scale(.94);} 100%{opacity:1;transform:translateY(0) scale(1);} } @media (prefers-reduced-motion:reduce){.highlight-card{animation:none !important;} } .highlight-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--hl-color,var(--accent));} .highlight-card:hover{border-color:var(--hl-color,var(--dim));transform:translateY(-2px);} .highlight-card.is-link{cursor:pointer;} .highlight-card.is-link:hover{box-shadow:0 8px 24px -12px var(--hl-color,var(--accent));} .highlight-card.is-link::after{content:'↗';position:absolute;right:8px;top:8px;font-size:11px;color:var(--dim-2);opacity:0;transition:opacity .15s,transform .15s;} .highlight-card.is-link:hover::after{opacity:1;transform:translate(2px,-2px);} .highlight-card .h-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:600;} .highlight-card .h-value{font-size:26px;font-weight:800;font-family:ui-monospace,monospace;line-height:1.1;color:var(--hl-color,var(--fg));text-shadow:0 0 20px color-mix(in srgb,var(--hl-color,var(--accent)) 28%,transparent);} .highlight-card .h-detail{font-size:12px;color:var(--fg);font-weight:600;line-height:1.2;display:flex;align-items:center;gap:6px;margin-top:2px;} .highlight-card .h-detail .ava{width:22px;height:22px;border-radius:50%;} .highlight-card .h-sub{font-size:10px;color:var(--dim);} .highlights.hl-detail-mode{display:block;} .hl-detail{animation:cardPopIn .3s ease backwards;} .hl-back{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;} .hl-back:hover{border-color:var(--dim);background:var(--panel);} .hl-dh{display:flex;align-items:baseline;gap:10px;margin:14px 2px 4px;} .hl-dh-title{font-size:17px;font-weight:800;color:var(--hl-color,var(--fg));} .hl-dh-count{font-size:11px;color:var(--dim-2);font-family:ui-monospace,monospace;} .hl-explain{font-size:12px;color:var(--dim);margin:0 2px 12px;line-height:1.45;} .hl-bump{margin:0 0 16px;} .hl-bump .pp-note{margin-bottom:6px;} .hl-rank-list{display:flex;flex-direction:column;gap:5px;} .hl-rank-item{border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden;transition:border-color .15s;} .hl-rank-item:hover{border-color:var(--dim);} .hl-rank-item.is-leader{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,var(--panel)),var(--panel) 70%);border-color:color-mix(in srgb,var(--gold) 35%,var(--line));} .hl-rank-row{position:relative;overflow:hidden;display:grid;grid-template-columns:26px auto 1fr auto auto 16px;align-items:center;gap:10px;padding:7px 10px;} .hl-rank-row[data-expand]{cursor:pointer;} .hl-bar{position:absolute;left:0;top:0;bottom:0;width:0;z-index:0;transform-origin:left center;background:linear-gradient(90deg,color-mix(in srgb,var(--hl-color,var(--accent)) 22%,transparent),color-mix(in srgb,var(--hl-color,var(--accent)) 6%,transparent));border-right:2px solid color-mix(in srgb,var(--hl-color,var(--accent)) 50%,transparent);} .hl-detail-mode:not(.no-anim) .hl-bar{animation:hlBarGrow .7s cubic-bezier(.2,.8,.2,1);} @keyframes hlBarGrow{from{transform:scaleX(0);} to{transform:scaleX(1);}} @media (prefers-reduced-motion:reduce){.hl-detail-mode .hl-bar{animation:none;}} .hl-rank-row > .hl-rank,.hl-rank-row > .hl-ava,.hl-rank-row > .hl-name,.hl-rank-row > .hl-rsub,.hl-rank-row > .hl-val,.hl-rank-row > .hl-chev{position:relative;z-index:1;} .hl-rank-row .hl-rank{font-family:ui-monospace,monospace;font-weight:800;font-size:13px;color:var(--dim-2);text-align:center;} .hl-rank-item.is-leader .hl-rank-row .hl-rank{color:var(--gold);} .hl-rank-row .hl-ava{display:inline-flex;align-items:center;} .hl-rank-row .hl-ava .ava{width:26px;height:26px;border-radius:50%;} .hl-rank-row .hl-ava .tlogo{width:40px;height:21px;} .hl-rank-row .hl-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .hl-rank-row .hl-rsub{font-size:10.5px;color:var(--dim);font-family:ui-monospace,monospace;white-space:nowrap;text-align:right;} .hl-rank-row .hl-val{font-family:ui-monospace,monospace;font-weight:800;font-size:15px;min-width:46px;text-align:right;} .hl-rank-row .hl-chev{font-size:10px;color:var(--dim-2);text-align:center;transition:transform .2s;} .hl-rank-item.is-open .hl-chev{transform:rotate(180deg);} .hl-events-wrap{display:none;padding:0 12px 11px 46px;} .hl-rank-item.is-open .hl-events-wrap{display:block;animation:hlSlideIn .26s ease;} @keyframes hlSlideIn{from{opacity:0;transform:translateY(-5px);} to{opacity:1;transform:none;}} .hl-ev{animation:hlChipIn .3s ease backwards;} @keyframes hlChipIn{from{opacity:0;transform:scale(.9);} to{opacity:1;transform:none;}} .hl-events{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;} .hl-ev{font-size:11px;font-family:inherit;color:var(--dim);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:5px;padding:2px 7px;} .hl-ev .hl-ev-v{font-family:ui-monospace,monospace;} .hl-ev b{color:var(--fg);font-weight:700;margin-right:3px;} .hl-ev.neg{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));} .hl-goto{background:transparent;border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:4px 10px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;} .hl-goto:hover{border-color:var(--dim);background:var(--panel-2);} .hl-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .hl-poster-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 22%,var(--panel-2)),var(--panel-2));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));color:var(--fg);border-radius:6px;padding:6px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .2s;} .hl-poster-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px -10px var(--gold);border-color:var(--gold);} .hl-card-poster{position:absolute;right:7px;bottom:7px;z-index:3;display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--hl-color,var(--accent)) 22%,var(--panel-2));border:1px solid color-mix(in srgb,var(--hl-color,var(--accent)) 50%,var(--line));color:var(--fg);border-radius:6px;font-size:11px;font-weight:600;line-height:1;padding:4px 8px;cursor:pointer;opacity:0;transition:opacity .15s,transform .12s,background .15s,border-color .15s;} .highlight-card:hover .hl-card-poster{opacity:1;} .hl-card-poster:hover{transform:translateY(-1px) scale(1.05);border-color:var(--hl-color,var(--accent));background:color-mix(in srgb,var(--hl-color,var(--accent)) 38%,var(--panel));} @media (hover:none){.hl-card-poster{opacity:1;}} @media (max-width:560px){.hl-rank-row{grid-template-columns:22px auto 1fr auto 16px;} .hl-rank-row .hl-rsub{display:none;} .hl-events-wrap{padding-left:12px;} } .tab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap;} .tab-h2{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-weight:700;margin:0;} .tab-toolbar .h2-search{margin-left:auto;display:inline-flex;align-items:center;gap:4px;position:relative;} .tab-toolbar .h2-search input{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);padding:5px 26px 5px 10px;border-radius:4px;font:500 12px/1.2 inherit;text-transform:none;letter-spacing:0;width:230px;transition:border-color .15s,box-shadow .15s,width .2s;outline:none;} .tab-toolbar .h2-search input::placeholder{color:var(--dim-2);} .tab-toolbar .h2-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);width:280px;} .tab-toolbar .h2-search .ds-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);font-size:16px;line-height:1;padding:2px 6px;cursor:pointer;transition:color .15s;} .tab-toolbar .h2-search .ds-clear:hover{color:var(--accent);} .tab-toolbar .h2-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;} @media (max-width:560px){.tab-toolbar .h2-search{width:100%;} .tab-toolbar .h2-search input{width:100%;} .tab-toolbar .h2-search input:focus{width:100%;} } .standings-grid{display:grid;grid-template-columns:minmax(680px,1.6fr) minmax(360px,1fr);gap:10px;} @media (max-width:1200px){.standings-grid{grid-template-columns:1fr;}} .d-list{display:flex;flex-direction:column;gap:4px;} .d-head{display:grid;grid-template-columns:32px 80px minmax(170px,1.3fr) minmax(150px,1.15fr) 48px 48px 90px 60px;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-left:3px solid transparent;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:600;position:sticky;top:var(--header-h,56px);z-index:5;background:linear-gradient(180deg,var(--panel) 80%,color-mix(in srgb,var(--panel) 60%,transparent));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 12px -10px rgba(0,0,0,0.6);margin-bottom:2px;} .d-head .h-form,.d-head .h-w,.d-head .h-p{text-align:center;} .d-head .h-pts{text-align:right;} .d-row{display:grid;grid-template-columns:32px 80px minmax(170px,1.3fr) minmax(150px,1.15fr) 48px 48px 90px 60px;align-items:center;gap:14px;padding:8px 14px 8px 8px;border-radius:4px;position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 14%,transparent) 0%,transparent 40%);border-left:3px solid var(--team-color);transition:background .15s,transform .15s,box-shadow .2s;cursor:pointer;animation:rowSlide .35s ease-out backwards;overflow:hidden;} .d-row::after{content:'';position:absolute;left:0;bottom:0;width:var(--pts-pct,0%);height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 80%,transparent),color-mix(in srgb,var(--team-color) 35%,transparent));border-radius:0 2px 0 0;transition:width 0.9s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:0;} .d-row > *{position:relative;z-index:1;} .d-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 26%,transparent) 0%,var(--panel-2) 70%);transform:translateX(2px);box-shadow:0 4px 24px -10px var(--team-color),inset 0 0 0 1px color-mix(in srgb,var(--team-color) 30%,transparent);} .d-row:hover::after{height:3px;} .d-row::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--team-color) 40%,transparent) 50%,transparent 70%);transform:translateX(-110%);pointer-events:none;z-index:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);opacity:0.5;} .d-row:hover::before{transform:translateX(110%);} @media (prefers-reduced-motion:reduce){.d-row::before{display:none;} } .d-row.p1::after{background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 40%,var(--team-color)));box-shadow:0 0 12px color-mix(in srgb,var(--gold) 50%,transparent);height:3px;} .d-row.p2::after{background:linear-gradient(90deg,var(--silver),color-mix(in srgb,var(--silver) 40%,var(--team-color)));} .d-row.p3::after{background:linear-gradient(90deg,var(--bronze),color-mix(in srgb,var(--bronze) 40%,var(--team-color)));} .d-row:hover .ava{transform:scale(1.06) translateY(-1px);box-shadow:0 0 0 2px var(--team-color),0 8px 24px -6px var(--team-color);} @keyframes rowSlide{from{opacity:0;transform:translateX(-6px);} to{opacity:1;transform:translateX(0);}} .d-row .d-pos{font-family:ui-monospace,monospace;font-weight:800;font-size:20px;text-align:right;color:var(--fg);} .d-row.p1 .d-pos{color:var(--gold);text-shadow:0 0 16px color-mix(in srgb,var(--gold) 50%,transparent);} .d-row.p2 .d-pos{color:var(--silver);} .d-row.p3 .d-pos{color:var(--bronze);} .d-row .ava.lg{border:2px solid color-mix(in srgb,var(--team-color) 35%,var(--line));transition:border-color .2s,transform .2s,box-shadow .2s;} .d-row.p1 .ava.lg{border-color:var(--gold);box-shadow:0 0 16px -4px color-mix(in srgb,var(--gold) 60%,transparent);} .d-row.p2 .ava.lg{border-color:color-mix(in srgb,var(--silver) 60%,var(--team-color));} .d-row.p3 .ava.lg{border-color:var(--bronze);} .d-row:hover .ava{transform:scale(1.04);box-shadow:0 0 0 2px var(--team-color);} .d-row .d-name{display:flex;flex-direction:column;gap:2px;min-width:0;} .d-row .d-name .full{font-size:15px;font-weight:600;line-height:1.15;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;} .d-row .d-name .full .dn-id{min-width:0;} .d-row .d-name .full .nat-flag{width:20px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,0.12);cursor:help;vertical-align:middle;} .d-row .d-name .full .nat-chip{display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;font-weight:800;letter-spacing:0.5px;color:var(--dim);background:var(--panel-2);border:1px solid var(--line);padding:1px 5px;border-radius:2px;line-height:1.3;cursor:help;} .d-row .d-name .full .age-chip{display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;color:var(--dim-2);background:transparent;border:1px dashed var(--line);padding:1px 5px;border-radius:2px;line-height:1.3;cursor:help;} .d-row:hover .d-name .full .nat-chip{color:var(--fg);border-color:var(--dim);} .d-row:hover .d-name .full .age-chip{color:var(--fg);border-color:var(--dim);} .d-row .d-name .full .title-stars{color:var(--gold);font-size:11px;letter-spacing:-1px;text-shadow:0 0 8px color-mix(in srgb,var(--gold) 45%,transparent);cursor:help;} .d-row .d-name .full .rookie-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-size:9px;font-weight:900;font-family:ui-monospace,monospace;color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid color-mix(in srgb,var(--green) 45%,transparent);cursor:help;line-height:1;} .d-row .d-name .full .bday-badge{font-size:12px;cursor:help;animation:bdayWiggle 2.5s ease-in-out infinite;display:inline-block;} @keyframes bdayWiggle{0%,92%,100%{transform:rotate(0);} 94%{transform:rotate(-12deg);} 96%{transform:rotate(12deg);} 98%{transform:rotate(-8deg);} } @media (prefers-reduced-motion:reduce){.bday-badge{animation:none !important;}} @media (max-width:560px){.d-row .d-name .full .age-chip{display:none;} } .d-row .d-name .team-line{font-size:11px;color:var(--dim);display:flex;align-items:center;gap:6px;} .d-row .d-name .num{color:var(--dim-2);margin-left:4px;} .d-row .stat-num{font-family:ui-monospace,monospace;font-weight:700;font-size:15px;text-align:center;} .d-row .stat-num.has{color:var(--fg);} .d-row .stat-num.zero{color:var(--dim-2);} .d-row .d-pts-wrap{text-align:right;} .d-row .d-pts{font-family:ui-monospace,monospace;font-weight:800;font-size:22px;line-height:1;} .d-row .d-margin{font-family:ui-monospace,monospace;font-size:9px;color:var(--dim-2);margin-top:2px;font-weight:400;display:flex;gap:6px;justify-content:flex-end;align-items:baseline;} .d-row .d-margin .gap-above{color:var(--dim);opacity:0.7;border-left:1px solid var(--line-soft);padding-left:6px;} .d-row:hover .d-margin .gap-above{opacity:1;color:var(--fg);} .d-row .d-margin.leader{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:700;justify-content:flex-end;} .d-row.p1{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 14%,transparent) 0%,color-mix(in srgb,var(--team-color) 14%,transparent) 30%,transparent 70%);} .d-item{border-radius:4px;} @supports (content-visibility:auto){.d-list > .d-item{content-visibility:auto;contain-intrinsic-size:78px;} } .d-item .d-row{cursor:pointer;border-radius:4px;} .d-item.expanded .d-row{border-radius:4px 4px 0 0;} .d-row .d-row-chev{color:var(--dim-2);font-family:ui-monospace,monospace;font-size:11px;line-height:1;transition:transform .25s,color .15s;align-self:center;padding-left:4px;} .d-row:hover .d-row-chev{color:var(--fg);} .d-item.expanded .d-row-chev{transform:rotate(180deg);color:var(--accent);} .d-expand-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1);background:var(--panel-2);border-radius:0 0 4px 4px;border-left:3px solid var(--team-color,var(--line));} .d-item.expanded .d-expand-wrap{grid-template-rows:1fr;} .d-expand{overflow:hidden;min-height:0;} .d-item.expanded .d-expand{padding:0;} .d-item .d-expand > *{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);transition-delay:0s;} .d-item.expanded .d-expand > *{opacity:1;transform:translateY(0);transition-delay:.15s;} .d-item.expanded .dh-row{animation:dhRowIn .35s cubic-bezier(.2,.8,.2,1) backwards;} .d-item.expanded .dh-row:nth-child(1){animation-delay:.15s;} .d-item.expanded .dh-row:nth-child(2){animation-delay:.19s;} .d-item.expanded .dh-row:nth-child(3){animation-delay:.23s;} .d-item.expanded .dh-row:nth-child(4){animation-delay:.27s;} .d-item.expanded .dh-row:nth-child(5){animation-delay:.31s;} .d-item.expanded .dh-row:nth-child(6){animation-delay:.35s;} .d-item.expanded .dh-row:nth-child(7){animation-delay:.39s;} .d-item.expanded .dh-row:nth-child(8){animation-delay:.43s;} .d-item.expanded .dh-row:nth-child(9){animation-delay:.47s;} .d-item.expanded .dh-row:nth-child(10){animation-delay:.51s;} @keyframes dhRowIn{from{opacity:0;transform:translateX(-6px);} to{opacity:1;transform:translateX(0);} } @media (prefers-reduced-motion:reduce){.d-item .d-expand > *,.d-item.expanded .dh-row{animation:none !important;transition:none !important;opacity:1;transform:none;} } .d-expand-head{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:600;padding:10px 14px 6px;display:grid;grid-template-columns:26px 22px 1fr 40px 36px 50px;gap:8px;align-items:center;} .d-expand-head .dh-h-pos{text-align:right;} .d-expand-head .dh-h-pts{text-align:right;} .dh-row{display:grid;grid-template-columns:26px 22px 1fr 40px 36px 50px;gap:8px;align-items:center;padding:3px 14px;font-size:12px;position:relative;transition:background .12s;} .dh-row + .dh-row{border-top:1px dotted var(--line-soft);} .dh-row:hover{background:color-mix(in srgb,var(--team-color,var(--accent)) 7%,transparent);} .dh-row.is-win{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%);} .dh-row.is-pod{background:linear-gradient(90deg,color-mix(in srgb,var(--silver) 7%,transparent),transparent 50%);} .dh-row.is-dnf{opacity:0.65;} .dh-rnd{color:var(--dim-2);font-family:ui-monospace,monospace;font-size:10px;text-align:center;background:var(--panel);border-radius:3px;padding:2px 0;} .dh-row.is-win .dh-rnd{background:color-mix(in srgb,var(--gold) 20%,var(--panel));color:var(--gold);font-weight:700;} .dh-flag{display:inline-flex;line-height:0;justify-content:center;} .dh-flag .flag{width:22px;height:16px;border-radius:2px;} .dh-gp{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;} .dh-gp .dh-sprint-badge{font-size:8px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:1px 3px;border-radius:2px;letter-spacing:0.5px;font-family:ui-monospace,monospace;} .dh-gain{font-family:ui-monospace,monospace;font-size:10px;color:var(--dim-2);text-align:right;} .dh-gain.up{color:var(--green);} .dh-gain.down{color:#ff7a7a;} .dh-pos{font-family:ui-monospace,monospace;font-weight:800;text-align:right;font-size:12px;} .dh-pos.win{color:var(--gold);text-shadow:0 0 8px color-mix(in srgb,var(--gold) 40%,transparent);} .dh-pos.pod{color:var(--silver);} .dh-pos.pts{color:var(--blue);} .dh-pos.dq{color:#ff7a7a;} .dh-pts{font-family:ui-monospace,monospace;font-weight:700;text-align:right;color:var(--dim);} .dh-pts.has{color:var(--fg);} .dh-empty{padding:10px 14px;color:var(--dim-2);font-size:11px;} .d-expand-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 14px 12px;} .d-expand-btn{background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:7px 12px;border-radius:4px;font-size:11px;transition:border-color .15s,color .15s,transform .15s;} .d-expand-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);} .form-line{display:flex;gap:3px;justify-content:center;align-items:center;flex-wrap:nowrap;} .form-cell{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:0;} .form-spark{display:flex;justify-content:center;align-items:center;height:42px;opacity:.9;width:100%;} .form-spark svg{display:block;width:100%;max-width:200px;height:42px;color:var(--team-color);} .d-row:hover .form-spark{opacity:1;} .spark .spark-dot{stroke:var(--bg);stroke-width:1;} .spark .spark-dot.up{stroke:color-mix(in srgb,var(--team-color) 40%,var(--bg));} .spark .spark-dot.last{stroke-width:1.4;} .form-spark:hover .spark-dot{r:2.6;} .spark path[data-anim="line"]{stroke-dasharray:var(--spark-len,1000);stroke-dashoffset:var(--spark-len,1000);animation:sparkDraw 1.1s cubic-bezier(.2,.8,.2,1) forwards;} .spark path[data-anim="area"]{opacity:0;animation:sparkFill .6s ease-out .55s forwards;} .spark circle[data-anim="dot"]{opacity:0;transform-origin:center;animation:sparkDot .35s ease-out .9s forwards;} @keyframes sparkDraw{to{stroke-dashoffset:0;}} @keyframes sparkFill{to{opacity:1;}} @keyframes sparkDot{0%{opacity:0;transform:scale(.1);} 100%{opacity:1;transform:scale(1);}} @media (prefers-reduced-motion:reduce){.spark path,.spark circle{animation:none !important;stroke-dashoffset:0 !important;opacity:1 !important;}} .f-chip{font-family:ui-monospace,monospace;font-size:9px;font-weight:700;padding:2px 4px;border-radius:2px;min-width:18px;text-align:center;line-height:1;background:var(--panel-2);color:var(--dim-2);border:1px solid var(--line);cursor:help;transition:transform .18s cubic-bezier(.2,1.4,.4,1),filter .15s,box-shadow .2s;} .f-chip:hover{transform:translateY(-3px) scale(1.18);filter:brightness(1.2);z-index:2;} .f-chip.win:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--green) 50%,transparent);} .f-chip.pod:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--gold) 50%,transparent);} .f-chip.pts:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 50%,transparent);} .f-chip.dnf:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 50%,transparent);} @media (prefers-reduced-motion:reduce){.f-chip:hover{transform:none !important;}} .f-chip.win{background:color-mix(in srgb,var(--green) 24%,transparent);color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,transparent);} .f-chip.pod{background:color-mix(in srgb,var(--gold) 24%,transparent);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 35%,transparent);} .f-chip.pts{background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 28%,transparent);} .f-chip.no-pts{color:var(--dim);} .f-chip.dnf{background:color-mix(in srgb,var(--accent) 22%,transparent);color:#ff7a7a;border-color:color-mix(in srgb,var(--accent) 35%,transparent);} .f-chip.miss{opacity:.25;} .ach-badges{display:flex;gap:3px;margin-top:2px;} .ach-badge{font-size:10px;padding:1px 5px;border-radius:2px;font-weight:600;line-height:1.4;background:color-mix(in srgb,var(--ach-color,var(--accent)) 20%,transparent);color:var(--ach-color,var(--accent));border:1px solid color-mix(in srgb,var(--ach-color,var(--accent)) 40%,transparent);animation:achPop .5s cubic-bezier(.2,1.4,.4,1) backwards;transition:transform .15s,box-shadow .15s;} .ach-badge:nth-child(1){animation-delay:.1s;} .ach-badge:nth-child(2){animation-delay:.2s;} .ach-badge:nth-child(3){animation-delay:.3s;} .ach-badge:nth-child(4){animation-delay:.4s;} .ach-badge:hover{transform:translateY(-1px) scale(1.06);box-shadow:0 0 10px color-mix(in srgb,var(--ach-color,var(--accent)) 60%,transparent);} @keyframes achPop{0%{opacity:0;transform:scale(.4) rotate(-6deg);} 60%{transform:scale(1.12) rotate(2deg);} 100%{opacity:1;transform:scale(1) rotate(0);}} @media (prefers-reduced-motion:reduce){.ach-badge{animation:none !important;}} .cons-list{display:flex;flex-direction:column;gap:6px;} @supports (content-visibility:auto){.cons-list > .cons-row{content-visibility:auto;contain-intrinsic-size:50px;}} .cons-row{display:grid;grid-template-columns:28px auto 1fr auto auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:4px;position:relative;overflow:hidden;background:var(--panel-2);border:1px solid var(--line-soft);border-left:3px solid var(--team-color);animation:rowSlide .35s ease-out backwards;transition:transform .15s,border-color .2s,box-shadow .2s;cursor:pointer;} .cons-row:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--team-color) 50%,var(--line));box-shadow:0 6px 22px -10px var(--team-color);} .cons-row.p1{border-color:color-mix(in srgb,var(--gold) 25%,var(--line-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent),0 4px 18px -10px var(--gold);} .cons-row .bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 28%,transparent) 0%,color-mix(in srgb,var(--team-color) 8%,transparent) 100%);z-index:0;transition:width 1s cubic-bezier(.2,.8,.2,1);} .cons-row > *{position:relative;z-index:1;} .cons-row .c-pos{color:var(--fg);font-weight:800;text-align:right;font-family:ui-monospace,monospace;font-size:15px;} .cons-row.p1 .c-pos{color:var(--gold);text-shadow:0 0 12px color-mix(in srgb,var(--gold) 45%,transparent);} .cons-row.p2 .c-pos{color:var(--silver);} .cons-row.p3 .c-pos{color:var(--bronze);} .cons-row .c-name{font-weight:600;font-size:14px;} .cons-row .c-wins{color:var(--gold);font-size:11px;font-family:ui-monospace,monospace;min-width:50px;text-align:right;} .cons-row .c-gap{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-family:ui-monospace,monospace;font-size:10px;color:var(--dim-2);min-width:56px;} .cons-row .c-gap .g-leader{color:var(--dim);} .cons-row .c-gap .g-leader.leader{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:9px;} .cons-row .c-gap .g-above{color:var(--dim-2);opacity:.8;font-size:9px;} .cons-row:hover .c-gap .g-above{color:var(--fg);opacity:1;} .cons-row .c-pts{font-weight:800;font-family:ui-monospace,monospace;min-width:56px;text-align:right;font-size:18px;} .astro-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line);border-left:3px solid var(--team-color);padding-left:12px;} .astro-driver{font-size:18px;font-weight:800;line-height:1.1;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;} .astro-driver .nat-flag{width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,0.12);} .astro-driver .nat-chip{font-size:10px;font-weight:800;color:var(--dim);background:var(--panel-2);border:1px solid var(--line);padding:1px 5px;border-radius:2px;font-family:ui-monospace,monospace;} .astro-team{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:6px;margin-top:4px;} .astro-bio{font-size:11px;color:var(--dim-2);margin-top:4px;font-family:ui-monospace,monospace;} .astro-zbig{font-size:56px;line-height:1;} .astro-zinfo{margin-bottom:16px;} .astro-zname{font-size:17px;font-weight:700;} .astro-zper{font-size:12px;color:var(--dim);font-weight:400;} .astro-zgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:10px 0;} .astro-zgrid > div{display:flex;flex-direction:column;gap:2px;} .astro-k{font-size:9px;text-transform:uppercase;letter-spacing:0.6px;color:var(--dim-2);font-weight:600;} .astro-v{font-size:13px;font-weight:600;} .astro-traits{font-size:12px;color:var(--dim);} .astro-traits .astro-k{display:inline;margin-right:4px;} .tcard-grid-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-weight:700;margin:4px 0 10px;} .tcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;} .tcard{background:linear-gradient(165deg,color-mix(in srgb,var(--tc) 13%,var(--panel)) 0%,var(--panel) 58%);border:1px solid color-mix(in srgb,var(--tc) 45%,var(--line));border-radius:8px;padding:12px 12px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s;} .tcard::before{content:'';position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--tc) 22%,transparent);border-radius:5px;pointer-events:none;} .tcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px -14px var(--tc);} .tcard-top{display:flex;justify-content:space-between;align-items:center;width:100%;} .tcard-kind{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:700;} .tcard-num{font-family:ui-monospace,monospace;font-size:9px;font-weight:800;color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);border-radius:3px;padding:1px 5px;white-space:nowrap;} .tcard-glyph{font-size:40px;line-height:1;color:var(--tc);margin:12px 0 8px;text-shadow:0 0 16px color-mix(in srgb,var(--tc) 55%,transparent);} .tcard-glyph.num{font-family:ui-monospace,monospace;font-weight:800;font-size:30px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--tc) 55%,transparent);} .tcard-name{font-size:16px;font-weight:800;color:var(--tc);line-height:1.15;} .tcard-sub{font-size:8.5px;color:var(--dim);text-transform:uppercase;letter-spacing:0.5px;margin-top:3px;} .tcard-hint{font-size:11px;color:var(--fg);line-height:1.4;margin-top:9px;padding-top:9px;width:100%;border-top:1px dotted var(--line-soft);} @media (max-width:560px){.astro-zgrid{grid-template-columns:1fr;} .tcard-grid{grid-template-columns:1fr 1fr;} .astro-zbig{font-size:44px;} } .astro-shadow{display:flex;flex-direction:column;gap:12px;} .shadow-block.shadow-sign{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--panel)) 0%,var(--panel) 70%);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-left:3px solid var(--accent);border-radius:6px;padding:12px 14px;} .shadow-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;} .shadow-zsym{font-size:32px;line-height:1;} .shadow-title{font-size:14px;font-weight:700;} .shadow-sub{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);margin-top:2px;} .shadow-text{font-size:13px;color:var(--fg);line-height:1.5;} .shadow-cards{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));} .shadow-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--tc) 30%,var(--line));border-left:3px solid var(--tc);border-radius:5px;padding:10px 12px;} .shadow-c-kind{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:700;} .shadow-c-name{font-size:14px;font-weight:700;color:var(--tc);margin:4px 0 6px;} .shadow-c-text{font-size:12px;color:var(--fg);line-height:1.45;} .champ-hero{background:linear-gradient(160deg,color-mix(in srgb,var(--team-color) 14%,var(--panel)) 0%,var(--panel) 60%);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative;} .champ-hero .ch-strip{height:4px;background:var(--team-color);} .champ-hero .ch-leader{padding:16px 18px 12px;} .ch-leader-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-weight:700;margin-bottom:10px;} .ch-crown{font-size:16px;} .ch-badge{font-size:9px;letter-spacing:0.8px;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:var(--panel-2);color:var(--dim-2);border:1px solid var(--line);} .ch-badge.clinched{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);border-color:color-mix(in srgb,var(--gold) 40%,var(--line));} .ch-leader-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;} .ch-leader-card .ava{border:3px solid var(--team-color);} .ch-leader-info{min-width:0;} .ch-lname{font-size:28px;font-weight:800;line-height:1.05;margin-bottom:4px;} .ch-lteam{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);margin-bottom:12px;} .ch-lstats{display:flex;gap:18px;align-items:baseline;} .ch-stat{display:flex;flex-direction:column;gap:2px;} .ch-sk{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:600;} .ch-sv{font-size:28px;font-weight:800;font-family:ui-monospace,monospace;line-height:1;} .champ-hero .ch-meta{background:var(--panel-2);border-top:1px solid var(--line);padding:14px 18px;} .ch-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:14px;} .ch-mcell{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--panel);border:1px solid var(--line-soft);border-radius:4px;} .ch-mk{font-size:9px;text-transform:uppercase;letter-spacing:0.8px;color:var(--dim-2);font-weight:600;} .ch-mv{font-size:18px;font-weight:800;font-family:ui-monospace,monospace;} .ch-podium{display:flex;flex-direction:column;gap:4px;} .ch-podium-row{display:grid;grid-template-columns:24px 24px 1fr auto auto auto;gap:8px;align-items:center;padding:6px 10px;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 14%,transparent) 0%,transparent 60%);border-left:3px solid var(--team-color);border-radius:3px;} .ch-medal{font-size:14px;} .ch-pname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ch-pteam{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);font-weight:600;} .ch-pgap{font-family:ui-monospace,monospace;font-size:12px;color:var(--dim-2);min-width:40px;text-align:right;} .ch-ppts{font-family:ui-monospace,monospace;font-size:14px;font-weight:800;color:var(--fg);min-width:44px;text-align:right;} @media (max-width:560px){.ch-lname{font-size:22px;} .ch-sv{font-size:22px;} .ch-lstats{gap:14px;} .ch-leader-card .ava.xl{width:88px;height:106px;} .ch-meta-grid{grid-template-columns:1fr 1fr;} .ch-podium-row{grid-template-columns:20px 20px 1fr auto auto;padding:5px 8px;gap:6px;} .ch-podium-row .ch-pteam{display:none;} } .cm-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-weight:700;margin:18px 18px 8px;padding-bottom:6px;border-bottom:1px solid var(--line-soft);} .milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:0 18px;} .milestone-card{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--ms-color,var(--accent));border-radius:5px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;transition:transform .15s,box-shadow .2s;} .milestone-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px -8px var(--ms-color,var(--accent));} .milestone-card .ms-icon{font-size:22px;line-height:1;} .milestone-card .ms-label{font-size:9px;text-transform:uppercase;letter-spacing:0.8px;color:var(--dim-2);font-weight:700;} .milestone-card .ms-year{font-size:16px;font-weight:800;font-family:ui-monospace,monospace;color:var(--ms-color,var(--accent));margin-top:2px;} .milestone-card .ms-team{font-size:11px;color:var(--dim);margin-top:2px;} .milestone-card .ms-team .ct-link.mini{font-size:11px;padding:2px 4px;background:transparent;border:none;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;gap:4px;} .milestone-card .ms-team .ct-link.mini:hover{color:var(--accent);} .team-summary{padding:0 18px 12px;display:flex;flex-direction:column;gap:3px;} .team-summary .ts-head,.team-summary .ts-row{display:grid;grid-template-columns:minmax(140px,2fr) 80px 44px 36px 36px 36px 60px;gap:10px;align-items:center;} .team-summary .ts-head{font-size:9px;text-transform:uppercase;letter-spacing:0.8px;color:var(--dim-2);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--line-soft);} .team-summary .ts-head span{text-align:center;} .team-summary .ts-head span:first-child{text-align:left;} .team-summary .ts-row{padding:7px 8px;background:var(--panel-2);border:1px solid var(--line-soft);border-left:3px solid var(--team-color,var(--line));border-radius:4px;transition:background .15s,transform .15s;} .team-summary .ts-row[data-team-link]{cursor:pointer;} .team-summary .ts-row[data-team-link]:hover{background:color-mix(in srgb,var(--team-color) 14%,var(--panel-2));transform:translateX(2px);} .team-summary .ts-team{display:flex;align-items:center;gap:8px;min-width:0;} .team-summary .ts-tname{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .team-summary .ts-period{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);text-align:center;} .team-summary .ts-num{font-family:ui-monospace,monospace;font-weight:700;font-size:13px;text-align:center;color:var(--fg);} .team-summary .ts-num.gold{color:var(--gold);} .team-summary .ts-num.silver{color:var(--silver);} .team-summary .ts-num.purple{color:var(--purple);} .team-summary .ts-num.pts{color:var(--blue);} @media (max-width:700px){.milestones-grid{grid-template-columns:1fr 1fr;padding:0 12px;} .team-summary{padding:0 12px 12px;} .team-summary .ts-head{display:none;} .team-summary .ts-row{grid-template-columns:1fr auto;gap:4px 8px;} .team-summary .ts-period{text-align:right;} .team-summary .ts-num{display:none;} } .career-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:16px;padding:12px;background:var(--panel);border-radius:5px;border:1px solid var(--line);} .career-meta .cm-cell{display:flex;flex-direction:column;gap:3px;min-width:0;padding:6px 8px;background:var(--panel-2);border-radius:4px;border:1px solid var(--line-soft);} .career-meta .cm-cell.wide{grid-column:span 2;} .cm-k{font-size:9px;text-transform:uppercase;letter-spacing:0.8px;color:var(--dim-2);font-weight:600;line-height:1.1;} .cm-v{font-size:18px;font-weight:800;font-family:ui-monospace,monospace;line-height:1.1;} .cm-v.text{font-family:inherit;font-size:13px;font-weight:600;line-height:1.45;letter-spacing:0;} .career-empty{background:var(--panel);border:1px dashed var(--line);border-radius:5px;padding:20px;text-align:center;color:var(--dim);font-size:12px;line-height:1.6;} .career-empty code{background:var(--panel-2);color:var(--accent);padding:1px 6px;border-radius:3px;font-size:11px;} .career-note{margin-top:12px;padding:8px 12px;background:var(--panel-2);border-radius:4px;color:var(--dim-2);font-size:10px;line-height:1.5;} .career-note code{background:var(--bg);color:var(--blue);padding:0 4px;border-radius:2px;font-size:10px;} .career-table-wrap{width:100%;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden;-webkit-overflow-scrolling:touch;} .career-table{width:100%;border-collapse:collapse;table-layout:fixed;} .career-table .th-y{width:70px;} .career-table .th-s{width:140px;} .career-table .th-t{width:180px;} .career-table .th-r{width:auto;} .career-table thead{background:var(--panel-2);border-bottom:2px solid var(--line);} .career-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:700;padding:9px 10px;text-align:left;position:sticky;top:0;background:var(--panel-2);z-index:1;} .career-table td{padding:8px 10px;font-size:12px;border-bottom:1px solid var(--line-soft);vertical-align:top;} .career-table tr:last-child td{border-bottom:none;} .career-table tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent);} .career-table tr.f1 td{background:color-mix(in srgb,var(--accent) 6%,transparent);} .career-table tr.f1:hover td{background:color-mix(in srgb,var(--accent) 12%,transparent);} .career-table tr.champ td{background:color-mix(in srgb,var(--gold) 8%,transparent);} .career-table tr.champ:hover td{background:color-mix(in srgb,var(--gold) 16%,transparent);} .career-table .cy{font-family:ui-monospace,monospace;font-weight:700;color:var(--fg);white-space:nowrap;width:80px;position:relative;} .career-table .cy.champ-year{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 22%,transparent),transparent);color:var(--gold);border-left:3px solid var(--gold);padding-left:7px;} .career-table .cy.silver-year{background:linear-gradient(90deg,color-mix(in srgb,var(--silver) 16%,transparent),transparent);color:var(--silver);border-left:3px solid color-mix(in srgb,var(--silver) 70%,transparent);padding-left:7px;} .career-table .cy.bronze-year{background:linear-gradient(90deg,color-mix(in srgb,var(--bronze) 18%,transparent),transparent);color:var(--bronze);border-left:3px solid color-mix(in srgb,var(--bronze) 70%,transparent);padding-left:7px;} .career-table .year-marker{display:inline-block;margin-left:3px;font-size:11px;vertical-align:1px;} .career-table .year-marker.best{color:var(--blue);} .career-sparkline-wrap{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:12px 14px;margin-bottom:16px;} .career-sparkline-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap;} .career-sparkline-leg{display:inline-flex;gap:10px;font-size:10px;color:var(--dim);font-family:ui-monospace,monospace;} .career-sparkline-leg .leg-item{display:inline-flex;align-items:center;gap:4px;} .career-sparkline-leg .leg-dot{display:inline-block;width:8px;height:8px;border-radius:2px;} .career-sparkline{width:100%;height:auto;display:block;max-height:130px;} .career-sparkline .spark-bar{cursor:default;} .career-sparkline .spark-bar:hover rect{opacity:1 !important;} @media (max-width:560px){.career-sparkline{max-height:100px;} .career-sparkline-head{gap:6px;} .career-sparkline-leg{font-size:9px;gap:6px;} } .career-table .cs{font-weight:600;color:var(--fg);font-size:11px;min-width:0;vertical-align:middle;} .career-table .cs-row{display:flex;align-items:center;gap:6px;min-width:0;} .career-table .cs .cs-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .career-table .ct{font-weight:600;color:var(--fg);max-width:240px;min-width:0;} .career-table .ct-row{display:flex;align-items:center;gap:6px;min-width:0;} .career-table .ct-row .tlogo{flex-shrink:0;} .career-table .ct-row .ct-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;} .career-table .ct-name{font-size:12px;} .career-table .ct-link{background:transparent;border:none;color:inherit;font:inherit;text-align:left;padding:3px 6px;margin:-3px -6px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% + 12px);min-width:0;transition:background .15s,transform .15s;} .career-table .ct-link:hover{background:color-mix(in srgb,var(--blue) 18%,transparent);transform:translateX(2px);} .career-table .ct-link .tlogo{flex-shrink:0;} .career-table .ct-link .ct-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--fg);} .career-table .ct-link:hover .ct-name{color:var(--blue);} .lineup-section{margin-bottom:14px;} .lineup-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:8px;font-weight:700;} .team-quali{margin-bottom:16px;} .tq-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:8px;font-weight:700;} .tq-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:9px;} .tq-table{border-collapse:collapse;font-size:12px;width:100%;} .tq-h{font-size:9.5px;font-weight:700;color:var(--dim);padding:6px 5px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:center;position:sticky;top:0;background:var(--panel);} .tq-hn{text-align:left;position:sticky;left:0;z-index:2;} .tq-name{font-weight:700;padding:5px 9px;white-space:nowrap;cursor:pointer;position:sticky;left:0;background:var(--panel);border-right:1px solid var(--line);color:var(--team-color,var(--accent));} .tq-name:hover{text-decoration:underline;} .tq-c{padding:5px 6px;text-align:center;font-family:ui-monospace,monospace;font-weight:700;min-width:26px;} .tq-na{color:var(--dim-2);font-weight:400;} .tq-pole{color:#18131f;background:var(--gold);border-radius:4px;} .tq-fr{color:var(--purple);} .tq-q3{color:var(--fg);} .tq-out{color:var(--dim);} .tq-sum{padding:5px 9px;white-space:nowrap;font-size:11px;color:var(--dim);border-left:1px solid var(--line);} .tq-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;font-size:10px;} .tq-lg{padding:1px 7px;border-radius:10px;font-weight:700;} .tq-legend .tq-pole{background:var(--gold);} .lineup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;} .lineup-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color,var(--accent));border-radius:5px;padding:8px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--fg);font:inherit;text-align:left;transition:transform .15s,border-color .15s,background .15s;} .lineup-card:hover{transform:translateX(2px);background:var(--panel-2);border-color:var(--blue);} .lineup-card .lc-info{display:flex;flex-direction:column;gap:2px;min-width:0;} .lineup-card .lc-name{font-weight:700;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lineup-card .lc-meta{font-size:10px;color:var(--dim);font-family:ui-monospace,monospace;} .lineup-card:hover .lc-name{color:var(--blue);} .career-table .cr{color:var(--dim);font-size:11px;line-height:1.45;vertical-align:top;padding-top:8px;} .career-table tr.champ .cr{color:var(--gold);font-weight:600;} .career-table .cr-notes{margin-top:5px;color:var(--dim);font-size:11px;line-height:1.45;} .career-table tr.champ .cr-notes{color:var(--gold);} .stats-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:0;} .stat-chip{display:inline-flex;align-items:baseline;gap:3px;padding:2px 6px;border-radius:3px;font-family:ui-monospace,"JetBrains Mono",monospace;font-weight:700;font-size:11px;line-height:1.3;background:var(--panel-2);color:var(--dim);border:1px solid var(--line);white-space:nowrap;min-width:36px;justify-content:center;} .stat-chip .sc-lbl{font-weight:500;font-size:9px;color:var(--dim-2);text-transform:lowercase;letter-spacing:0.5px;} .stat-chip.zero{color:var(--dim-2) !important;background:transparent !important;border-color:var(--line-soft) !important;opacity:0.55;} .stat-chip.zero .sc-lbl{color:var(--dim-2);} .stat-chip.pos{color:var(--fg);font-size:12px;padding:2px 8px;min-width:42px;} .stat-chip.pos.p1{color:#0a0a0a;background:var(--gold);border-color:var(--gold);} .stat-chip.pos.p2{color:#0a0a0a;background:var(--silver);border-color:var(--silver);} .stat-chip.pos.p3{color:#fff;background:var(--bronze);border-color:var(--bronze);} .stat-chip.win{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 35%,var(--line));} .stat-chip.pod{color:var(--silver);border-color:color-mix(in srgb,var(--silver) 35%,var(--line));} .stat-chip.pol{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 35%,var(--line));} .stat-chip.flap{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line));} .stat-chip.avg{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));min-width:52px;} .stat-chip.pts{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 20%,var(--line));min-width:56px;} .stat-chip.races{color:var(--dim);min-width:52px;} @media (max-width:720px){.stat-chip{font-size:10px;padding:2px 5px;min-width:32px;} .stat-chip.pos{min-width:36px;} .stat-chip.avg,.stat-chip.pts,.stat-chip.races{min-width:46px;} .stat-chip .sc-lbl{font-size:8px;} } .cr-live-tag{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--green);margin-right:4px;white-space:nowrap;} .career-table tr.live .cy.live-year{color:var(--green);font-weight:800;} .career-meta .cm-live .cm-k{color:var(--green);} .career-meta .cm-live .cm-v{color:var(--dim);} .team-alltime{margin:12px 0 4px;} .team-alltime .stats-row{margin-top:6px;} .team-alltime .stat-chip.pos{min-width:48px;} .ta-champs{margin-top:8px;font-size:11.5px;color:var(--dim);line-height:1.5;} .ta-champs-k{color:var(--dim-2);font-weight:600;} .team-season-now{margin-top:8px;align-items:center;} .career-src-note{margin:4px 0 10px;padding:6px 10px;font-size:11px;line-height:1.45;color:var(--dim);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;} .series-chip{display:inline-flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-weight:800;font-size:9px;letter-spacing:0.5px;padding:2px 5px;border-radius:3px;min-width:30px;flex-shrink:0;line-height:1;} .series-chip.t-f1{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);} .series-chip.t-f2{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);} .series-chip.t-f3{background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 35%,transparent);} .series-chip.t-f4{background:color-mix(in srgb,#22d3ee 18%,transparent);color:#22d3ee;border:1px solid color-mix(in srgb,#22d3ee 35%,transparent);} .series-chip.t-kart{background:var(--panel-2);color:var(--dim);border:1px solid var(--line);} .series-chip.t-other{background:color-mix(in srgb,var(--purple) 18%,transparent);color:var(--purple);border:1px solid color-mix(in srgb,var(--purple) 35%,transparent);} @media (max-width:720px){.career-table th,.career-table td{padding:7px 7px;font-size:11px;} .career-table .th-y{width:56px;} .career-table .th-s{width:100px;} .career-table .th-t{width:130px;} .career-table .cy{font-size:10px;} .career-table .cs,.career-table .cs .cs-name{font-size:10px;} .career-table .ct,.career-table .ct-row .ct-name{font-size:11px;} .career-table .ct-row .tlogo.sm,.career-table .ct-link .tlogo.sm{width:36px;height:18px;} .series-chip{font-size:8px;min-width:26px;padding:2px 4px;} } @media (max-width:560px){.career-table{display:block;} .career-table thead{display:none;} .career-table tbody{display:block;} .career-table tr{display:grid;grid-template-columns:60px 1fr;gap:3px 10px;padding:9px 10px;border-bottom:1px solid var(--line-soft);background:transparent;} .career-table tr:last-child{border-bottom:none;} .career-table tr:hover td{background:transparent;} .career-table tr.f1{background:color-mix(in srgb,var(--accent) 5%,transparent);} .career-table tr.champ{background:color-mix(in srgb,var(--gold) 7%,transparent);} .career-table td{display:block;padding:0;border:none;vertical-align:top;background:transparent !important;} .career-table .cy{grid-row:1 / span 3;align-self:start;padding-top:2px;font-size:12px;color:var(--accent);} .career-table tr.champ .cy{color:var(--gold);} .career-table .cs{grid-column:2;grid-row:1;} .career-table .ct{grid-column:2;grid-row:2;max-width:100%;} .career-table .cr{grid-column:2;grid-row:3;padding-top:2px;} .career-table .ct-link{width:100%;margin:0;padding:2px 4px;} .career-table .cs-row{font-size:11px;} .career-table .ct-row .ct-name,.career-table .ct-link .ct-name{font-size:12px;font-weight:700;} } .era-timeline{display:flex;flex-direction:column;gap:0;padding-left:4px;} .era-row{display:grid;grid-template-columns:32px 100px 1fr;gap:12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--team-color);border-radius:5px;padding:10px 14px;margin-bottom:8px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;} .era-row:hover{transform:translateX(2px);box-shadow:0 4px 16px -6px var(--team-color);z-index:1;} .era-row.champ{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 8%,var(--panel)) 0%,var(--panel) 60%);border-left-color:var(--gold);} .era-row.current{background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 10%,var(--panel)) 0%,var(--panel) 70%);border-left-width:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--team-color) 40%,transparent);} .era-pip-wrap{display:flex;flex-direction:column;align-items:center;height:100%;position:relative;} .era-pip{width:28px;height:28px;border-radius:50%;background:var(--panel-2);border:2px solid var(--team-color);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-weight:800;font-size:11px;color:var(--team-color);flex-shrink:0;z-index:2;} .era-row.champ .era-pip{background:color-mix(in srgb,var(--gold) 20%,var(--panel));border-color:var(--gold);color:var(--gold);} .era-row.current .era-pip{background:var(--team-color);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--team-color) 60%,transparent);} .era-connector{position:absolute;top:28px;bottom:-16px;left:50%;width:2px;transform:translateX(-50%);background:color-mix(in srgb,var(--team-color) 30%,transparent);z-index:1;} .era-year{font-family:ui-monospace,monospace;font-weight:700;font-size:13px;color:var(--team-color);white-space:nowrap;align-self:center;} .era-row.champ .era-year{color:var(--gold);} .era-row.current .era-year{color:var(--fg);} .era-name{font-size:13px;font-weight:700;color:var(--fg);display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .era-cur-tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;background:var(--team-color);color:#fff;padding:2px 6px;border-radius:3px;font-weight:700;} .era-note{font-size:11px;color:var(--dim);margin-top:4px;line-height:1.55;} @media (max-width:560px){.era-row{grid-template-columns:28px 1fr;gap:8px;padding:9px 12px;} .era-year{grid-column:2;font-size:11px;margin-bottom:2px;} .era-body{grid-column:2;} .era-pip-wrap{grid-row:span 2;} .era-pip{width:24px;height:24px;font-size:10px;border-width:1.5px;} } .cal-progress{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 16px;margin-bottom:14px;} .cal-prog-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;} .cal-prog-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-weight:700;} .cal-prog-stats{display:flex;gap:8px;align-items:baseline;font-family:ui-monospace,monospace;} .cal-prog-stats .cal-prog-num{font-size:18px;font-weight:800;color:var(--fg);} .cal-prog-stats .cal-prog-of{font-size:11px;color:var(--dim);} .cal-prog-stats .cal-prog-pct{font-size:13px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:2px 6px;border-radius:3px;margin-left:4px;} .cal-prog-bar{width:100%;height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden;border:1px solid var(--line-soft);} .cal-prog-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--gold)));border-radius:3px;transition:width 1.2s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent);} .cal-prog-dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px;} .cal-prog-dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex-shrink:0;cursor:help;transition:transform .15s;} .cal-prog-dot.past{background:var(--accent);} .cal-prog-dot.next{background:var(--green);box-shadow:0 0 6px var(--green);animation:pulseDot 1.6s ease-in-out infinite;} .cal-prog-dot.future{background:var(--line);} .cal-prog-dot:hover{transform:scale(1.5);} @keyframes pulseDot{0%,100%{transform:scale(1);} 50%{transform:scale(1.25);} } @media (max-width:560px){.cal-progress{padding:10px 12px;} .cal-prog-dot{width:6px;height:6px;} .cal-prog-stats .cal-prog-num{font-size:16px;} } .cal-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--panel)) 0%,var(--panel) 55%);border:1px solid var(--accent);border-radius:6px;padding:20px 24px;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;position:relative;overflow:hidden;} .cal-hero::after{content:'';position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 60%);pointer-events:none;} .cal-hero > *{position:relative;z-index:1;} .cal-hero .h-flag{display:inline-flex;line-height:0;} .cal-hero .h-flag .flag{width:110px;height:78px;border-radius:6px;} .cal-hero .h-main{display:flex;flex-direction:column;gap:6px;min-width:0;} .cal-hero .h-rnd{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:700;} .cal-hero .h-name{font-size:28px;font-weight:800;letter-spacing:-0.5px;} .cal-hero .h-circuit{font-size:13px;color:var(--dim);} .cal-hero .h-side{text-align:right;display:flex;flex-direction:column;gap:6px;min-width:160px;} .cal-hero .h-side .next-session-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);} .cal-hero .h-side .next-session-name{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;} .cal-hero .h-side .next-session-cd{font-size:22px;font-weight:800;font-family:ui-monospace,monospace;} .cal-hero .h-side .next-session-cd.live{color:var(--green);animation:pulse 1.6s ease-in-out infinite;} @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:0.65;}} .cal-hero .h-sessions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:4px;border-top:1px solid var(--line);padding-top:14px;} .cal-hero .h-sess{display:flex;flex-direction:column;gap:2px;padding:0 10px;border-left:1px solid var(--line-soft);position:relative;} .cal-hero .h-sess:first-child{border-left:none;padding-left:0;} .cal-hero .h-sess .s-name{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:600;} .cal-hero .h-sess .s-date{font-size:11px;color:var(--dim);} .cal-hero .h-sess .s-time{font-size:15px;font-weight:700;font-family:ui-monospace,monospace;} .cal-hero .h-sess.is-next{background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:4px;padding-top:4px;padding-bottom:4px;} .cal-hero .h-sess.is-next::after{content:'';position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent);} .cal-hero .h-sess.race .s-name,.cal-hero .h-sess.race .s-time{color:var(--accent);} .cal-hero .h-sess.sprint .s-name,.cal-hero .h-sess.sprint .s-time{color:var(--yellow);} .cal-hero .h-sess.done{opacity:0.4;} .track-preview{grid-column:1/-1;margin-top:4px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;} .track-preview .tp-img{height:120px;width:200px;flex-shrink:0;background:rgba(255,255,255,0.03);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;} .track-preview .tp-img img{max-width:100%;max-height:100%;filter:invert(1) brightness(0.95);} .track-preview .tp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;flex:1;} .track-preview .tp-stat{display:flex;flex-direction:column;gap:2px;} .track-preview .tp-stat .tp-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);} .track-preview .tp-stat .tp-val{font-family:ui-monospace,monospace;font-weight:700;font-size:14px;} .cal-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin:18px 0 8px 2px;font-weight:700;display:flex;align-items:baseline;gap:8px;} .cal-section-title .count{color:var(--dim-2);font-weight:400;} .cal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;} @supports (content-visibility:auto){.cal-grid > .cal-card{content-visibility:auto;contain-intrinsic-size:170px;} } .cal-card{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .2s;} .cal-card:hover{border-color:var(--dim);transform:translateY(-2px);} .cal-card.done{opacity:0.55;} .cal-card.done:hover{opacity:0.9;} .cal-card .c-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;} .cal-card .c-rnd{font-weight:700;} .cal-card .c-top-right{display:flex;align-items:center;gap:6px;} .cal-card .cc-chevron{color:var(--dim-2);font-size:9px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-block;} .cal-card.expandable{cursor:pointer;} .cal-card.expandable:hover .cc-chevron{color:var(--fg);} .cal-card.expanded .cc-chevron{transform:rotate(180deg);} .cal-card .cc-details-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1);} .cal-card.expanded .cc-details-wrap{grid-template-rows:1fr;} .cal-card .cc-details{overflow:hidden;min-height:0;} .cal-card .cc-details-title{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:600;margin:8px 0 4px;padding-top:8px;border-top:1px solid var(--line-soft);} .cal-card .cc-sess{display:grid;grid-template-columns:1fr auto auto;gap:4px 10px;align-items:baseline;padding:3px 0;border-bottom:1px dotted var(--line-soft);} .cal-card .cc-sess:last-child{border-bottom:none;} .cc-actions{padding:8px 0 2px;display:flex;gap:6px;} .cc-track-btn{background:var(--panel);border:1px solid var(--line);color:var(--fg);font:600 11px/1 inherit;padding:6px 10px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s,transform .15s;display:inline-flex;align-items:center;gap:6px;} .cc-track-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);} #track-modal .modal-content{max-width:760px;} .track-body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:16px;} .track-hero{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px 18px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--panel)) 0%,var(--panel) 60%);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));position:relative;overflow:hidden;} .track-hero::after{content:'';position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 60%);pointer-events:none;} .track-hero > *{position:relative;z-index:1;} .track-hero .h-flag .flag{width:92px;height:64px;border-radius:5px;box-shadow:0 4px 16px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.1);} .track-hero .th-name{font-size:24px;font-weight:800;letter-spacing:-0.4px;line-height:1.1;} .track-hero .th-circuit{color:var(--fg);font-size:13px;margin-top:4px;opacity:0.85;} .track-hero .th-nick{color:var(--dim);font-size:11px;margin-top:3px;font-family:ui-monospace,monospace;font-style:italic;} .track-hero .th-round{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;} .track-keystats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;} .track-keystats .tk-cell{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;padding:12px 8px;text-align:center;transition:transform .15s,border-color .15s;} .track-keystats .tk-cell:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));} .track-keystats .tk-val{font-family:ui-monospace,monospace;font-size:22px;font-weight:800;color:var(--fg);line-height:1;} .track-keystats .tk-val .tk-unit{font-size:11px;color:var(--dim);margin-left:2px;font-weight:600;} .track-keystats .tk-lbl{font-size:9px;text-transform:uppercase;letter-spacing:0.6px;color:var(--dim-2);font-weight:700;margin-top:6px;} .track-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start;} .track-image-wrap{background:radial-gradient(circle at center,var(--panel-2) 0%,var(--panel) 100%);border:1px solid var(--line-soft);border-radius:8px;padding:16px;display:flex;justify-content:center;align-items:center;min-height:200px;} .track-image-wrap img{max-width:100%;max-height:240px;object-fit:contain;filter:brightness(1.15) drop-shadow(0 4px 12px rgba(0,0,0,0.4));} .track-stats{display:flex;flex-direction:column;gap:0;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px;padding:4px 14px;} .track-stats .ts-cell{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px dotted var(--line-soft);} .track-stats .ts-cell:last-child{border-bottom:none;} .track-stats .ts-cell.wide{flex-direction:column;align-items:stretch;gap:4px;} .track-stats .ts-k{color:var(--dim-2);text-transform:uppercase;font-size:10px;letter-spacing:0.8px;font-weight:700;} .track-stats .ts-v{color:var(--fg);font-family:ui-monospace,monospace;font-weight:700;font-size:14px;text-align:right;} .track-stats .ts-cell.wide .ts-v{text-align:left;} .track-stats .ts-v b{color:var(--accent);} .track-stats .ts-v .ts-v-sub{color:var(--dim);font-size:11px;font-weight:500;margin-left:6px;} .track-podium{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px;padding:12px 16px;} .track-history{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:8px;padding:12px 16px;} .track-history:empty{display:none;} .track-history .tf-title{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim);font-weight:700;margin-bottom:10px;} .track-hist-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .th-col .th-h{font-size:11px;color:var(--dim-2);font-weight:700;margin-bottom:6px;} .th-row{display:flex;align-items:center;gap:8px;padding:3px 0;min-width:0;} .th-row .th-n{width:20px;text-align:center;font-weight:800;font-family:ui-monospace,monospace;color:var(--accent);flex:none;} .th-row .th-nm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .th-row .ava.tiny,.th-row .tlogo{flex:none;} .th-recent-h{font-size:11px;color:var(--dim-2);font-weight:700;margin:12px 0 6px;} .th-recent{display:flex;flex-wrap:wrap;gap:6px;} .th-recent .th-yr{font-size:11px;padding:2px 8px;border-radius:12px;background:var(--panel);border:1px solid var(--line-soft);color:var(--dim);white-space:nowrap;} .th-recent .th-yr b{color:var(--fg);} @media (max-width:560px){.track-hist-cols{grid-template-columns:1fr;gap:10px;}} .tperf-pickers{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;} .tperf-fld--kind{flex:0 1 150px;} .tperf-hint{text-transform:none;letter-spacing:0;color:var(--dim);font-weight:500;font-size:9px;} .tp-dchips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px;} .tp-dchip{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:18px;padding:4px 6px 4px 9px;font-size:12.5px;font-weight:700;} .tp-dchip .flag{width:18px;height:13px;border-radius:2px;} .tp-dchip-n{line-height:1;} .tp-dchip-x{width:18px;height:18px;border-radius:50%;border:none;background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--fg);font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;} .tp-dchip-x:hover{background:var(--accent);color:#fff;} .tp-dchip-hint{color:var(--dim-2);font-size:11px;} .tp-teams{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;} .tp-teams-l{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:700;margin-right:2px;} .tp-team-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:14px;color:var(--c,var(--fg));background:color-mix(in srgb,var(--c,var(--accent)) 14%,var(--panel-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,var(--accent)) 35%,transparent);white-space:nowrap;} .tp-cmp .tp-cmp-l{font-weight:600;color:var(--dim);} .tp-cmp .tp-cmp-h{text-align:center;vertical-align:bottom;} .tp-cmp .tp-cmp-h span{display:block;font-weight:800;color:var(--fg);margin-top:3px;text-transform:none;letter-spacing:0;font-size:12px;} .tp-cmp .tp-cmp-h .flag{width:22px;height:16px;border-radius:2px;} .tp-cmp td.tp-cmp-best{color:var(--accent);font-weight:800;background:color-mix(in srgb,var(--accent) 12%,transparent);} .tp-combo-chk{margin-left:auto;color:var(--accent);font-weight:800;} .tp-title-sub{color:var(--dim);font-weight:600;} .tperf-fld{display:flex;flex-direction:column;gap:4px;flex:1 1 240px;max-width:360px;min-width:0;} .tperf-fld[hidden]{display:none !important;} .tperf-fld > span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:700;} .tperf-fld select{width:100%;background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font:inherit;font-size:13px;} .tperf-fld select:hover{border-color:var(--accent);} .tp-combo{position:relative;} .tp-combo-inp{width:100%;background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font:inherit;font-size:13px;} .tp-combo.has-flag .tp-combo-inp{padding-left:34px;} .tp-combo-inp:hover,.tp-combo-inp:focus{border-color:var(--accent);outline:none;} .tp-combo-flag{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none;} .tp-combo-flag .flag{width:20px;height:14px;border-radius:2px;} .tp-combo-pop{position:absolute;z-index:60;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 36px -10px rgba(0,0,0,.7);padding:4px;} .tp-combo-grp{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:800;padding:8px 8px 4px;position:sticky;top:-4px;background:var(--panel);} .tp-combo-opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--fg);padding:6px 9px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;} .tp-combo-opt:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);} .tp-combo-opt.on{background:color-mix(in srgb,var(--accent) 22%,transparent);font-weight:700;} .tp-combo-opt.arch{opacity:.5;} .tp-combo-opt.arch:hover{opacity:.85;} .tp-combo-ofl{flex:none;width:20px;display:inline-flex;} .tp-combo-ofl .flag{width:20px;height:14px;border-radius:2px;} .tp-combo-onm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tp-combo-empty{padding:10px;color:var(--dim);font-size:12px;text-align:center;} .tp-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:15px;font-weight:800;margin-bottom:10px;} .tp-title .flag{width:24px;height:17px;border-radius:2px;vertical-align:middle;margin-right:6px;} .tp-title-who{color:var(--accent);} .tp-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;} .tp-chip{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:9px;padding:7px 12px;text-align:center;min-width:64px;} .tp-cv{font-size:18px;font-weight:800;font-family:ui-monospace,monospace;} .tp-cl{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);margin-top:2px;} .tp-tablewrap{overflow-x:auto;} .tp-table{width:100%;border-collapse:collapse;font-size:13px;} .tp-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--dim-2);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);} .tp-table td{padding:6px 8px;border-bottom:1px solid var(--line-soft);} .tp-table .tp-c{text-align:center;} .tp-table .tp-yr b{font-family:ui-monospace,monospace;} .tp-table .tp-drv{display:flex;align-items:center;gap:7px;} .tp-table .tp-drv .ava.tiny{flex:none;} .tp-table .tp-drv .flag{width:18px;height:13px;border-radius:2px;flex:none;} .tp-table tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent);} .tp-table tr.tp-z-pod td:first-child{box-shadow:inset 3px 0 0 var(--gold);} .tp-table tr.tp-z-pts td:first-child{box-shadow:inset 3px 0 0 var(--green);} .tp-table tr.tp-z-out td:first-child{box-shadow:inset 3px 0 0 var(--line);} .tp-table tr.tp-z-dnf td:first-child{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 55%,transparent);} .tp-table tr.tp-z-pod td{background:color-mix(in srgb,var(--gold) 9%,transparent);} .tp-table tr.tp-z-pts td{background:color-mix(in srgb,var(--green) 7%,transparent);} .tp-table tr.tp-z-dnf td{color:var(--dim);} .tp-table tr.tp-z-pod:hover td{background:color-mix(in srgb,var(--gold) 16%,transparent);} .tp-table tr.tp-z-pts:hover td{background:color-mix(in srgb,var(--green) 13%,transparent);} .tp-gp{white-space:nowrap;} .tp-gp-link{background:none;border:none;color:var(--fg);font:inherit;cursor:pointer;padding:0;text-align:left;border-bottom:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);} .tp-gp-link:hover{color:var(--accent);} .tp-rc-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:0 2px;margin-left:6px;opacity:.65;} .tp-rc-btn:hover{opacity:1;} .tp-zlegend{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0 2px 10px;font-size:11px;} .tp-zl{display:inline-flex;align-items:center;gap:5px;color:var(--dim);} .tp-zl::before{content:'';width:11px;height:11px;border-radius:3px;} .tp-zl.tp-z-pod::before{background:var(--gold);} .tp-zl.tp-z-pts::before{background:var(--green);} .tp-zl.tp-z-out::before{background:var(--line);} .tp-zl.tp-z-dnf::before{background:color-mix(in srgb,var(--accent) 55%,transparent);} .gpr-sec{margin-bottom:18px;} .tp-grid td.tp-yr b{color:var(--dim-2);} .tp-sort{cursor:pointer;user-select:none;white-space:nowrap;} .tp-sort:hover{color:var(--accent);} .tp-sort.on{color:var(--accent);} .tp-grid .tp-drv .flag{width:18px;height:13px;border-radius:2px;flex:none;} .track-podium .tf-title{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);font-weight:800;margin-bottom:8px;} .track-podium .tp-rows{display:flex;flex-direction:column;gap:4px;} .track-podium .tp-row{display:grid;grid-template-columns:24px auto 1fr auto;gap:10px;align-items:center;padding:5px 8px;border-radius:4px;border-left:3px solid var(--team-color);background:color-mix(in srgb,var(--team-color) 8%,transparent);transition:background .15s,transform .15s;} .track-podium .tp-row:hover{background:color-mix(in srgb,var(--team-color) 16%,transparent);transform:translateX(2px);} .track-podium .tp-medal{font-size:16px;text-align:center;} .track-podium .tp-name{font-weight:600;font-size:13px;} .track-facts{background:color-mix(in srgb,var(--accent) 6%,var(--panel-2));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:8px;padding:12px 16px;} .track-facts .tf-title{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);font-weight:800;margin-bottom:8px;} .track-facts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;} .track-facts li{font-size:12.5px;line-height:1.5;color:var(--fg);padding-left:14px;position:relative;} .track-facts li::before{content:'▸';position:absolute;left:0;color:var(--accent);font-weight:800;} @media (max-width:700px){.track-keystats{grid-template-columns:repeat(2,1fr);} .track-cols{grid-template-columns:1fr;} } @media (max-width:560px){.track-hero{grid-template-columns:1fr;text-align:center;} .track-hero .h-flag{justify-self:center;} .track-keystats .tk-val{font-size:18px;} } .cal-card .cc-s-name{font-size:11px;font-weight:600;} .cal-card .cc-sess.race .cc-s-name{color:var(--accent);} .cal-card .cc-sess.sprint .cc-s-name{color:var(--yellow);} .cal-card .cc-s-day{font-size:10px;color:var(--dim);} .cal-card .cc-s-time{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;} .cal-card .cc-pod{display:grid;grid-template-columns:auto 24px 1fr auto;gap:8px;align-items:center;padding:3px 0;border-left:3px solid var(--team-color);padding-left:8px;margin-bottom:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 12%,transparent),transparent 70%);border-radius:2px;} .cal-card .cc-pod-medal{font-size:13px;} .cal-card .cc-pod-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cal-card .cc-pod-team{font-size:10px;color:var(--dim);font-family:ui-monospace,monospace;} .cal-card .c-sprint{background:var(--accent);color:white;padding:1px 6px;border-radius:2px;font-size:9px;font-weight:700;} .cal-card .c-main{display:flex;align-items:center;gap:10px;margin-top:2px;} .cal-card .c-flag{display:inline-flex;line-height:0;} .cal-card .c-flag .flag{width:36px;height:26px;} .cal-card .c-name-wrap{display:flex;flex-direction:column;min-width:0;} .cal-card .c-name{font-size:15px;font-weight:700;line-height:1.15;} .cal-card .c-circuit{color:var(--dim);font-size:11px;} .cal-card .c-date{margin-top:6px;padding-top:6px;border-top:1px solid var(--line-soft);font-size:12px;display:flex;justify-content:space-between;align-items:baseline;} .cal-card .c-date .d-range{font-weight:600;} .cal-card .c-date .d-time{color:var(--dim);font-family:ui-monospace,monospace;} .cal-card .c-winner{margin-top:6px;padding-top:6px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:6px;font-size:12px;} .cal-card .c-winner .ava{width:24px;height:24px;border-radius:50%;} .cal-card .c-winner .w-name{font-weight:600;} .cal-card .c-winner .w-label{color:var(--dim-2);font-size:10px;text-transform:uppercase;letter-spacing:0.5px;margin-left:auto;} .session-picker{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);} .session-picker button{background:var(--panel);border:1px solid var(--line);color:var(--dim);font:600 11px/1 inherit;padding:7px 11px;border-radius:4px;transition:color .15s,background .15s,border-color .15s,transform .15s,box-shadow .2s;display:flex;gap:6px;align-items:center;position:relative;} .session-picker button:hover{color:var(--fg);border-color:var(--dim);transform:translateY(-1px);} .session-picker button.active{color:var(--fg);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,var(--panel-2)),var(--panel-2));border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 4px 16px -8px var(--accent);} .session-picker button .r-num{color:var(--dim-2);font-weight:500;font-family:ui-monospace,monospace;} .session-picker button.active .r-num{color:var(--accent);opacity:1;} .session-picker button.has-sprint{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));} .session-picker button .sprint-mark{color:var(--accent);font-weight:700;font-size:9px;background:color-mix(in srgb,var(--accent) 16%,transparent);padding:1px 4px;border-radius:2px;} .session-picker button.active .sprint-mark{background:color-mix(in srgb,var(--accent) 30%,transparent);} .session-picker button.is-past{opacity:0.82;} .session-picker button.is-past:hover{opacity:1;} .session-picker button.is-future{background:transparent;color:var(--dim-2);border-style:dashed;border-color:var(--line-soft);opacity:0.55;} .session-picker button.is-future .r-num{color:var(--dim-2);} .session-picker button.is-future .flag{opacity:0.6;filter:grayscale(0.45);} .session-picker button.is-future .sprint-mark{opacity:0.6;} .session-picker button.is-future:hover{color:var(--dim);border-style:solid;border-color:var(--line);opacity:0.85;background:var(--panel);} .session-picker button.is-future:hover .flag{opacity:1;filter:none;} .session-picker button.is-future.active{opacity:1;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,var(--panel-2)),var(--panel-2));border-style:dashed;color:var(--fg);} .session-picker button.is-future.active .flag{opacity:1;filter:none;} .session-picker button.is-live{border-color:var(--green);color:var(--fg);box-shadow:0 0 12px -4px var(--green);} .session-picker button.is-live::after{content:'';position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.4s ease-in-out infinite;} .session-picker button.is-live.active{border-color:var(--green);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 35%,transparent),0 4px 16px -8px var(--green);} .session-picker button .partial-mark{color:var(--yellow);font-weight:700;font-size:9px;background:color-mix(in srgb,var(--yellow) 14%,transparent);padding:1px 4px;border-radius:2px;} .session-summary{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:16px 20px;margin-bottom:12px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;} .session-summary .ss-flag{display:inline-flex;line-height:0;} .session-summary .ss-flag .flag{width:60px;height:44px;border-radius:4px;} .session-summary .ss-main h3{font-size:22px;font-weight:800;letter-spacing:-0.3px;} .session-summary .ss-main .ss-meta{color:var(--dim);font-size:12px;margin-top:2px;} .session-summary .ss-podium{display:flex;gap:14px;align-items:center;} .session-summary .pod{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 6px;transition:transform .2s;} .session-summary .pod:hover{transform:translateY(-3px);} .session-summary .pod .ava{width:56px;height:56px;border-radius:50%;} .session-summary .pod .p-code{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;} .session-summary .pod .p-place{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);} .session-summary .pod.p1 .p-place{color:var(--gold);} .session-summary .pod.p2 .p-place{color:var(--silver);} .session-summary .pod.p3 .p-place{color:var(--bronze);} .session-summary .pod.p1 .ava{border-color:var(--gold);border-width:2px;box-shadow:0 0 12px color-mix(in srgb,var(--gold) 40%,transparent);} .session-summary .pod.p2 .ava{border-color:var(--silver);border-width:2px;} .session-summary .pod.p3 .ava{border-color:var(--bronze);border-width:2px;} .session-summary .pod-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 14px;border-radius:6px;border:1px dashed var(--line);background:color-mix(in srgb,var(--panel-2) 60%,transparent);min-width:120px;} .session-summary .pod-placeholder .pp-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim-2);font-weight:700;} .session-summary .pod-placeholder .pp-cd{font-family:ui-monospace,monospace;font-size:16px;font-weight:800;color:var(--accent);} .session-summary .phase-live{color:var(--green);font-weight:700;} .session-summary .phase-future{color:var(--yellow);font-weight:600;} .results-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;} .results-cols.with-sprint{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;} @media (max-width:1100px){.results-cols,.results-cols.with-sprint{grid-template-columns:1fr;}} .session-actions{display:flex;gap:8px;margin-bottom:8px;justify-content:flex-end;} .session-actions button{background:var(--panel-2);border:1px solid var(--line);color:var(--dim);font-size:10px;padding:5px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:0.5px;transition:color .15s,border-color .15s,background-color .15s;} .session-actions button:hover{color:var(--fg);border-color:var(--dim);} .session-panel{padding:0;transition:border-color .15s,box-shadow .2s,transform .15s;position:relative;} .session-panel:not([open]){background:linear-gradient(180deg,var(--panel) 0%,color-mix(in srgb,var(--panel-2) 60%,var(--panel)) 100%);} .session-panel:not([open]):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 8px 24px -14px var(--accent),0 2px 6px -2px rgba(0,0,0,0.4);} .session-panel[open]{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);} .session-panel summary{list-style:none;cursor:pointer;padding:12px 14px 12px 16px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border-radius:5px;transition:background .15s;user-select:none;-webkit-tap-highlight-color:transparent;} .session-panel summary::-webkit-details-marker{display:none;} .session-panel summary::marker{display:none;} .session-panel summary:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);} .session-panel summary h2{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg);font-weight:800;display:flex;align-items:center;gap:8px;} .session-panel:not([open]) summary h2::before{content:'+';display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-weight:800;font-size:12px;line-height:1;border-radius:50%;font-family:ui-monospace,monospace;transition:transform .2s,background .15s;} .session-panel:not([open]):hover summary h2::before{background:var(--accent);color:var(--fg);transform:rotate(90deg) scale(1.1);} .session-panel summary h2 .h2-sub{color:var(--dim-2);font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;} .session-panel summary .sp-summary{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--dim);font-family:ui-monospace,monospace;} .session-panel summary .sp-summary .sp-podium-mini{display:inline-flex;gap:4px;align-items:center;} .session-panel summary .sp-summary .sp-podium-mini .sp-pm{font-weight:700;font-size:11px;padding:1px 5px;border-radius:2px;background:var(--panel-2);color:var(--fg);} .session-panel summary .sp-summary .sp-podium-mini .sp-pm.p1{background:color-mix(in srgb,var(--gold) 22%,var(--panel-2));color:var(--gold);} .session-panel summary .sp-summary .sp-podium-mini .sp-pm.p2{background:color-mix(in srgb,var(--silver) 14%,var(--panel-2));color:var(--silver);} .session-panel summary .sp-summary .sp-podium-mini .sp-pm.p3{background:color-mix(in srgb,var(--bronze) 14%,var(--panel-2));color:var(--bronze);} .session-panel summary .sp-summary .sp-empty{color:var(--dim-2);font-style:italic;font-family:inherit;} .session-panel summary .sp-chevron{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:10px;text-transform:uppercase;letter-spacing:0.8px;color:var(--dim);font-weight:600;background:var(--panel-2);border:1px solid var(--line);padding:5px 9px;border-radius:999px;transition:background .15s,color .15s,border-color .15s,transform .15s;} .session-panel summary .sp-chevron .sp-chev-arrow{display:inline-block;font-size:12px;line-height:1;transition:transform .25s ease;} .session-panel summary .sp-chevron .sp-chev-text-open{display:none;} .session-panel[open] summary .sp-chevron .sp-chev-text-closed{display:none;} .session-panel[open] summary .sp-chevron .sp-chev-text-open{display:inline;} .session-panel:hover summary .sp-chevron{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--panel-2));} .session-panel[open] summary .sp-chevron{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));} .session-panel[open] summary .sp-chevron .sp-chev-arrow{transform:rotate(180deg);} .session-panel.hint:not([open]) summary .sp-chevron{animation:chevronPulse 1.6s ease-in-out 0s 3;} @keyframes chevronPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent);} 50%{transform:scale(1.06);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);} } .session-panel .sp-body{padding:0 16px 14px;border-top:1px solid var(--line-soft);padding-top:12px;} .session-panel .sp-body .loading{padding:14px;} @media (max-width:560px){.session-panel summary{padding:10px 12px 10px 14px;grid-template-columns:1fr auto;gap:8px;} .session-panel summary .sp-summary{display:none;} .session-panel summary .sp-podium-mini .sp-pm{font-size:10px;padding:1px 3px;} .session-panel summary .sp-chevron{padding:4px 7px;font-size:9px;} .session-panel summary .sp-chevron .sp-chev-arrow{font-size:11px;} .session-panel .sp-body{padding:10px 12px 12px;} } @media (hover:none){.session-picker button.is-live::after,.cal-hero .h-side .next-session-cd.live,.session-panel.hint:not([open]) summary .sp-chevron{animation:none;} } .res-list{display:flex;flex-direction:column;gap:2px;} .res-row{display:grid;grid-template-columns:28px 40px 1fr auto auto;gap:10px;align-items:center;padding:5px 8px 5px 4px;border-radius:3px;border-left:3px solid var(--team-color);background:color-mix(in srgb,var(--team-color) 5%,transparent);transition:background .15s;} .res-row:hover{background:color-mix(in srgb,var(--team-color) 12%,transparent);} .res-row .r-pos{font-family:ui-monospace,monospace;font-weight:800;font-size:14px;text-align:right;color:var(--fg);} .res-row.p1 .r-pos{color:var(--gold);} .res-row.p2 .r-pos{color:var(--silver);} .res-row.p3 .r-pos{color:var(--bronze);} .res-row .r-name{display:flex;flex-direction:column;gap:1px;min-width:0;} .res-row .r-name .who{font-weight:600;font-size:13px;line-height:1.1;} .res-row .r-name .sub{color:var(--dim);font-size:10px;display:flex;gap:6px;align-items:center;} .res-row .r-time{font-family:ui-monospace,monospace;font-size:12px;text-align:right;} .res-row .r-time.fl{color:var(--green);} .res-row .r-time .fl-mark{color:var(--green);margin-left:4px;} .res-row .r-pts{font-family:ui-monospace,monospace;font-weight:700;font-size:13px;color:var(--dim-2);min-width:28px;text-align:right;} .res-row .r-pts.has{color:var(--fg);} .res-row .quali-times{display:flex;gap:8px;font-family:ui-monospace,monospace;font-size:11px;} .res-row .quali-times span{color:var(--dim);} .res-row .quali-times span.best{color:var(--fg);font-weight:700;} .sub-tabs{display:flex;gap:2px;margin-bottom:14px;background:var(--panel);padding:4px;border-radius:6px;border:1px solid var(--line);width:fit-content;position:relative;} .sub-tabs button{background:none;border:none;color:var(--dim);font:600 12px/1 inherit;padding:8px 16px;border-radius:4px;transition:background .18s,color .18s;position:relative;z-index:1;} .sub-tabs button:hover{color:var(--fg);} .sub-tabs button.active{background:var(--panel-2);color:var(--fg);} .duels-info{color:var(--dim);font-size:11px;margin-bottom:12px;display:flex;align-items:center;gap:8px;} .duels-info .spinner{width:10px;height:10px;} .duels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;} .duel-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;animation:rowSlide .4s ease-out backwards;} .duel-card:hover{transform:translateY(-3px);border-color:var(--team-color);} .duel-card .team-strip{height:4px;background:var(--team-color);} .duel-card .dc-header{padding:12px 16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;} .duel-card .dc-header .dc-team-side{display:flex;align-items:center;gap:10px;} .duel-card .dc-team{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--team-color);} .duel-card .dc-pos{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px;text-align:right;} .duel-card .dc-pos b{color:var(--fg);font-size:13px;} .duel-card .dc-drivers{display:grid;grid-template-columns:1fr auto 1fr;padding:14px 16px 12px;align-items:center;gap:10px;} .duel-card .dc-side{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .2s;} .duel-card .dc-side:hover{transform:scale(1.03);} .duel-card .dc-side:hover .ds-name{color:var(--accent);} .duel-card .dc-side .ds-name{font-size:15px;font-weight:700;margin-top:4px;line-height:1.1;text-align:center;transition:color .15s;} .duel-card .dc-side .ds-code{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);} .duel-card .vs{color:var(--dim-2);font-size:14px;font-weight:800;padding:0 4px;letter-spacing:1px;} .duel-card .dc-scores{border-top:1px solid var(--line-soft);padding:12px 16px 12px;display:flex;flex-direction:column;gap:10px;} .duel-card .sc-block{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;} .duel-card .sc-label{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);text-align:center;margin-bottom:-2px;} .duel-card .sc-val{font-family:ui-monospace,monospace;font-weight:800;font-size:17px;} .duel-card .sc-val.l{text-align:right;} .duel-card .sc-val.r{text-align:left;} .duel-card .sc-val.win{color:var(--green);} .duel-card .sc-val.lose{color:var(--dim-2);} .duel-card .sc-val.tie{color:var(--yellow);} .duel-card .sc-bar{height:6px;border-radius:3px;background:var(--line);display:flex;overflow:hidden;} .duel-card .sc-bar .b-l{background:var(--team-color);height:100%;transition:width 0.7s cubic-bezier(.2,.8,.2,1);} .duel-card .sc-bar .b-r{background:var(--team-color);opacity:0.35;height:100%;transition:width 0.7s cubic-bezier(.2,.8,.2,1);} .duel-card .dc-stats{border-top:1px solid var(--line-soft);padding:12px 16px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px 14px;font-size:11px;} .duel-card .dc-stats .st-l{text-align:right;font-family:ui-monospace,monospace;font-weight:600;} .duel-card .dc-stats .st-r{text-align:left;font-family:ui-monospace,monospace;font-weight:600;} .duel-card .dc-stats .st-label{text-align:center;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:0.5px;} .duel-card .dc-stats .st-l.lead,.duel-card .dc-stats .st-r.lead{color:var(--green);} .duel-card .dc-stats .st-l.behind,.duel-card .dc-stats .st-r.behind{color:var(--dim-2);} .duel-card .dc-stats .st-loading{color:var(--dim-2);font-style:italic;font-weight:400;} .duel-card .dc-gap{border-top:1px solid var(--line-soft);padding:12px 16px;} .duel-card .dc-gap-h{font-size:10px;text-transform:uppercase;letter-spacing:0.5px;color:var(--dim);} .duel-card .dc-gap-n{text-transform:none;letter-spacing:normal;} .duel-card .dc-gap-who{font-size:13px;margin:4px 0 8px;color:var(--fg);} .duel-card .dc-gap-who b{color:var(--team-color);} .duel-card .dc-gap-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} .duel-card .dc-gap-chip{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;padding:6px 4px;text-align:center;} .duel-card .dc-gap-chip b{font-family:ui-monospace,monospace;font-size:14px;font-weight:800;} .duel-card .dc-gap-chip small{font-size:9px;color:var(--dim);line-height:1.2;} .duel-empty{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:40px;text-align:center;color:var(--dim);font-size:13px;} .modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalIn .28s cubic-bezier(.2,.8,.2,1);} @keyframes modalIn{from{opacity:0;} to{opacity:1;}} .modal[hidden]{display:none;} .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:backdropFade .35s ease;} @keyframes backdropFade{from{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:rgba(0,0,0,0);}} .modal-content{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;max-width:920px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.5);animation:modalSlide .38s cubic-bezier(.2,.8,.2,1);transform-origin:center bottom;} .modal-content .cmp-body{min-width:0;} @keyframes modalSlide{0%{transform:translateY(36px) scale(.94);opacity:0;} 60%{opacity:1;} 100%{transform:translateY(0) scale(1);opacity:1;} } @media (prefers-reduced-motion:reduce){.modal,.modal-content,.modal-backdrop{animation:none !important;} } @keyframes animFade{from{opacity:0;}} @keyframes animUp{from{opacity:0;transform:translateY(10px);}} @keyframes animPop{from{opacity:0;transform:scale(.96);}} .anim-fade{animation:animFade var(--anim-base) var(--anim-ease) both;} .anim-up{animation:animUp var(--anim-base) var(--anim-ease) both;} .anim-pop{animation:animPop var(--anim-base) var(--anim-ease) both;} @keyframes animFlash{0%{background-color:color-mix(in srgb,var(--accent) 38%,transparent);} 100%{background-color:transparent;} } @keyframes animFlashNum{0%{background-color:color-mix(in srgb,var(--accent) 38%,transparent);transform:scale(1.1);} 60%{transform:scale(1);} 100%{background-color:transparent;transform:scale(1);} } .anim-flash{animation:animFlash var(--anim-slow) var(--anim-ease);border-radius:4px;} .anim-flash-num{animation:animFlashNum var(--anim-slow) var(--anim-ease);display:inline-block;border-radius:4px;} .anim-stagger > *{animation:animUp var(--anim-base) var(--anim-ease) both;} .anim-stagger > *:nth-child(1){animation-delay:calc(var(--anim-stagger-step) * 0);} .anim-stagger > *:nth-child(2){animation-delay:calc(var(--anim-stagger-step) * 1);} .anim-stagger > *:nth-child(3){animation-delay:calc(var(--anim-stagger-step) * 2);} .anim-stagger > *:nth-child(4){animation-delay:calc(var(--anim-stagger-step) * 3);} .anim-stagger > *:nth-child(5){animation-delay:calc(var(--anim-stagger-step) * 4);} .anim-stagger > *:nth-child(6){animation-delay:calc(var(--anim-stagger-step) * 5);} .anim-stagger > *:nth-child(7){animation-delay:calc(var(--anim-stagger-step) * 6);} .anim-stagger > *:nth-child(8){animation-delay:calc(var(--anim-stagger-step) * 7);} .anim-stagger > *:nth-child(9){animation-delay:calc(var(--anim-stagger-step) * 8);} .anim-stagger > *:nth-child(n+10){animation-delay:calc(var(--anim-stagger-step) * 9);} @media (prefers-reduced-motion:reduce){.anim-fade,.anim-up,.anim-pop,.anim-flash,.anim-flash-num,.anim-stagger > *{animation:none !important;} } .modal-content > header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;background:var(--bg-2);} .modal-content > header h2{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .modal-sub{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--dim);display:inline-flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--line);} .ms-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;} @media (max-width:560px){.modal-sub{font-size:11px;padding-left:8px;} } .modal-content > header button.close{background:none;border:none;color:var(--dim);font-size:22px;line-height:1;padding:4px 8px;border-radius:4px;transition:color .15s,background .15s,transform .15s;} .modal-content > header button.close:hover{color:var(--fg);background:var(--panel);transform:rotate(90deg);} .cmp-pickers{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:16px 20px;align-items:center;border-bottom:1px solid var(--line);} .cmp-pickers select{background:var(--panel);border:1px solid var(--line);color:var(--fg);font:inherit;padding:8px 10px;border-radius:4px;width:100%;} .cmp-pickers .vs-text{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;} .cmp-body{padding:16px 20px;} .cmp-card-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:16px;} .cmp-side{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;border-top:4px solid var(--team-color);} .cmp-side .ds-name{font-size:17px;font-weight:700;text-align:center;line-height:1.15;} .cmp-side .ds-team-row{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12px;} .cmp-side .ds-team-row .swatch{width:8px;height:8px;border-radius:50%;background:var(--team-color);} .cmp-side .ds-pos{font-family:ui-monospace,monospace;font-weight:800;font-size:36px;color:var(--team-color);line-height:1;} .cmp-side .ds-pos-label{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;} .cmp-vs{font-size:18px;color:var(--dim-2);font-weight:800;align-self:center;letter-spacing:1px;} .cmp-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:10px 16px;font-size:12px;} .cmp-stat-l{text-align:right;font-family:ui-monospace,monospace;font-weight:700;font-size:14px;} .cmp-stat-r{text-align:left;font-family:ui-monospace,monospace;font-weight:700;font-size:14px;} .cmp-stat-label{text-align:center;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:0.5px;align-self:center;} .cmp-stat-l.lead,.cmp-stat-r.lead{color:var(--green);} .cmp-stat-l.behind,.cmp-stat-r.behind{color:var(--dim-2);} .cmp-h2h{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);} .cmp-h2h .h2h-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:10px;font-weight:700;} .cmp-h2h-rows{display:flex;flex-direction:column;gap:10px;} .scroll-top{position:fixed;left:18px;bottom:18px;z-index:90;width:42px;height:42px;border-radius:50%;background:var(--panel-2);color:var(--fg);border:1px solid var(--line);font-size:18px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s,border-color .2s,background .2s;} .scroll-top[hidden]{display:none;} .scroll-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);} .scroll-top.show{animation:stIn .25s cubic-bezier(.2,.8,.2,1);} @keyframes stIn{from{opacity:0;transform:translateY(12px);} to{opacity:1;transform:translateY(0);}} @media (max-width:560px){.scroll-top{left:12px;bottom:12px;width:38px;height:38px;}} #netbar{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;border-radius:0 2px 2px 0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#fff));box-shadow:0 0 10px var(--accent),0 0 4px var(--accent);opacity:0;pointer-events:none;transition:width .3s ease,opacity .35s ease;} #netbar.on{opacity:1;} #netbar.creep{transition:width 9s cubic-bezier(.05,.7,.1,1),opacity .35s ease;} @media (prefers-reduced-motion:reduce){#netbar{transition:opacity .2s;} #netbar.creep{transition:opacity .2s;}} .toast-host{position:fixed;bottom:16px;right:16px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none;} .toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);color:var(--fg);padding:10px 14px;border-radius:4px;font-size:12px;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,0.4);pointer-events:auto;animation:toastIn .25s cubic-bezier(.2,.8,.2,1);} .toast.success{border-left-color:var(--green);} .toast.error{border-left-color:var(--accent);} .toast .t-title{font-weight:700;margin-bottom:2px;} .toast .t-msg{color:var(--dim);font-size:11px;} @keyframes toastIn{from{opacity:0;transform:translateX(20px);} to{opacity:1;transform:translateX(0);}} .toast.bye{animation:toastOut .25s cubic-bezier(.2,.8,.2,1) forwards;} @keyframes toastOut{to{opacity:0;transform:translateX(20px);}} .api-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:color-mix(in srgb,var(--yellow) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--yellow) 45%,var(--line));border-radius:6px;padding:10px 14px;margin-bottom:14px;font-size:12px;color:var(--fg);line-height:1.4;} .api-banner button{margin-left:auto;background:var(--yellow);color:#1a1400;border:none;border-radius:4px;padding:5px 12px;font-weight:700;font-size:11px;cursor:pointer;transition:filter .15s;} .api-banner button:hover{filter:brightness(1.1);} .loading{color:var(--dim);padding:24px;text-align:center;} .ui-empty{color:var(--dim);padding:20px 8px;text-align:center;font-size:13px;font-style:italic;} .ui-error{color:var(--dim);padding:20px 8px;text-align:center;font-size:13px;} .ui-retry{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--line);color:var(--accent);border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer;margin-left:6px;} .ui-retry:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);} .skel-msg{text-align:center;color:var(--dim);padding:12px 0 2px;font-size:13px;} .skel-list{display:flex;flex-direction:column;gap:4px;} .skel-row{display:grid;grid-template-columns:32px 80px 1fr 120px 90px 60px;gap:14px;align-items:center;padding:10px 14px;border-radius:4px;border-left:3px solid var(--line-soft);background:var(--panel);} .skel-row > *{height:14px;border-radius:3px;background:linear-gradient(90deg,var(--panel-2) 0%,var(--line) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:skelShimmer 1.3s ease-in-out infinite;} .skel-row .skel-ava{width:64px;height:80px;border-radius:6px;background:linear-gradient(135deg,var(--panel-2) 0%,var(--line) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:skelShimmer 1.3s ease-in-out infinite;} .skel-row .skel-name{height:18px;} .skel-row .skel-pts{height:22px;width:60%;justify-self:end;} @keyframes skelShimmer{0%{background-position:200% 0;} 100%{background-position:-200% 0;} } .skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;} .skel-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:120px;} .skel-card > *{border-radius:3px;background:linear-gradient(90deg,var(--panel-2) 0%,var(--line) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:skelShimmer 1.4s ease-in-out infinite;} .skel-card .skel-flag{width:40px;height:28px;} .skel-card .skel-h1{height:18px;width:60%;} .skel-card .skel-h2{height:12px;width:40%;} .skel-card .skel-line{height:10px;width:80%;} .skel-card .skel-line.short{width:50%;} .skel-card .skel-cta{height:24px;width:100%;margin-top:auto;} .skel-hero{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;padding:18px;min-height:180px;display:grid;grid-template-columns:110px 1fr;gap:18px;margin-bottom:14px;} .skel-hero > *{border-radius:4px;background:linear-gradient(90deg,var(--panel-2) 0%,var(--line) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:skelShimmer 1.4s ease-in-out infinite;} .skel-hero .skel-flag-l{height:78px;} .skel-hero .skel-col{display:flex;flex-direction:column;gap:8px;padding:8px 0;background:none;animation:none;} .skel-hero .skel-col > div{background:linear-gradient(90deg,var(--panel-2) 0%,var(--line) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:skelShimmer 1.4s ease-in-out infinite;border-radius:4px;} .skel-hero .skel-col .h1{height:28px;width:60%;} .skel-hero .skel-col .h2{height:14px;width:40%;} .skel-hero .skel-col .h3{height:12px;width:75%;} .skel-team-row{display:grid;grid-template-columns:28px auto 1fr auto auto;gap:10px;align-items:center;padding:12px 14px;border-radius:4px;background:var(--panel-2);border:1px solid var(--line-soft);border-left:3px solid var(--line-soft);} .skel-team-row > *{height:14px;border-radius:3px;background:linear-gradient(90deg,var(--panel) 0%,var(--line) 50%,var(--panel) 100%);background-size:200% 100%;animation:skelShimmer 1.3s ease-in-out infinite;} .skel-team-row .skel-logo{width:48px;height:22px;} @media (max-width:700px){.skel-row{grid-template-columns:28px 56px 1fr 90px;gap:8px;padding:8px 10px;} .skel-row .skel-ava{width:56px;height:68px;} } @media (prefers-reduced-motion:reduce){.skel-row > *,.skel-row .skel-ava,.skel-team-row > *{animation:none !important;background:var(--panel-2);} } .error{color:var(--accent);padding:16px;text-align:center;} .spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;animation:spin .6s linear infinite;vertical-align:-2px;margin-right:6px;} @keyframes spin{to{transform:rotate(360deg);}} @media (max-width:900px){main{padding:12px;max-width:100%;} header.app{grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:8px 12px;gap:10px 16px;} header.app .brand{grid-row:1;grid-column:1;} header.app .meta{grid-row:1;grid-column:2;justify-self:end;} nav.tabs{grid-row:2;grid-column:1/-1;justify-self:stretch;align-items:stretch;} .tabs-scroll{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 16px),transparent 100%);} .tabs-scroll::-webkit-scrollbar{display:none;} nav.tabs button{padding:9px 12px;white-space:nowrap;} nav.tabs button .kbd{display:none;} .tabs-more{flex:0 0 auto;} .tabs-more-btn{padding:9px 12px;white-space:nowrap;} nav.tabs .tab-indicator{display:none;} nav.tabs button.primary.active{border-bottom-color:var(--accent);} .tabs-more.has-active .tabs-more-btn{border-bottom-color:var(--accent);} .tabs-more-menu{position:fixed;top:var(--header-h,96px);left:8px;right:8px;min-width:0;} .tabs-more-menu-inner{flex-direction:column;gap:4px;max-height:calc(100vh - var(--header-h,96px) - 16px);overflow-y:auto;} .tabs-more-menu .tm-col{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:0;padding:2px 0;} .tabs-more-menu .tm-col + .tm-col{border-left:none;border-top:1px solid var(--line-soft);padding-top:6px;} .tabs-more-menu .tm-col-title{grid-column:1 / -1;padding:2px 8px 4px;} .tabs-more-menu .tm-col button{padding:8px;gap:8px;min-width:0;font-size:12.5px;letter-spacing:0;text-transform:none;border-bottom:none;} .tabs-more-menu .tm-col button .tm-ico{width:26px;height:26px;font-size:14px;} .tabs-more-menu .tm-col button .tm-name{white-space:normal;min-width:0;font-size:12.5px;} .standings-grid{grid-template-columns:1fr;gap:8px;} .cal-hero{grid-template-columns:1fr;text-align:center;padding:16px 18px;gap:14px;} .cal-hero .h-side{text-align:center;align-items:center;min-width:0;} .cal-hero .h-flag{justify-self:center;} .cal-hero .h-flag .flag{width:84px;height:60px;} .cal-hero .h-name{font-size:22px;} .cal-hero .h-sessions{grid-template-columns:repeat(3,1fr);gap:6px;padding-top:12px;} .cal-hero .h-sess{padding:6px 8px;border-left:none;border-radius:3px;background:rgba(255,255,255,0.02);} .cal-hero .h-sess:first-child{padding-left:8px;} .d-head{display:none;} .d-row{grid-template-columns:28px 56px minmax(0,1fr) auto auto;gap:8px;padding:8px 10px 8px 6px;} .d-row .ava.lg{width:56px;height:68px;} .d-row .d-name{min-width:0;} .d-row .d-name .num{display:none;} .d-row .form-cell,.d-row .stat-num,.d-row .ach-badges{display:none;} .d-row .d-pts{font-size:18px;} .d-row .d-pts-wrap{min-width:56px;} .d-row .d-actions{gap:2px;flex-shrink:0;} .duels-grid{grid-template-columns:1fr;} .duel-card .dc-side .ava{width:100px;height:120px;} .duel-card .dc-drivers{gap:6px;padding:12px 12px 10px;} .results-cols,.results-cols.with-sprint{grid-template-columns:1fr;} .session-summary{grid-template-columns:1fr;gap:12px;text-align:center;padding:14px;} .session-summary .ss-flag{justify-self:center;} .session-summary .ss-podium{justify-content:center;flex-wrap:wrap;} .cmp-card-grid{grid-template-columns:1fr;gap:10px;} .cmp-vs{display:none;} .highlights{grid-template-columns:repeat(2,1fr);} .highlight-card .h-value{font-size:18px;} .modal{padding:8px;} .modal-content > header{padding:12px 16px;} .cmp-pickers,.cmp-body{padding:12px 16px;} .cmp-pickers{grid-template-columns:1fr;gap:8px;} .cmp-pickers .vs-text{display:none;} } @media (max-width:560px){main{padding:10px 8px 20px;} header.app .brand .season-select{font-size:13px;padding:2px 16px 2px 4px;} nav.tabs button{padding:8px 10px;font-size:10px;letter-spacing:0.8px;} .highlights{grid-template-columns:1fr 1fr;gap:6px;} .highlight-card{padding:9px 11px;} .d-row{grid-template-columns:22px 44px minmax(0,1fr) auto auto;gap:6px;padding:6px 4px;} .d-actions{gap:2px;} .d-astro-btn,.d-career-btn{font-size:16px;padding:1px;} .d-row .d-row-chev{display:none;} .d-row .ava.lg{width:44px;height:54px;} .d-row .d-pos{font-size:15px;} .d-row .d-name .full{font-size:13px;line-height:1.1;} .d-row .d-name .team-line{font-size:10px;} .d-row .stat-num{display:none;} .d-row .d-pts{font-size:17px;} .d-row .d-margin{font-size:9px;} .cons-row{grid-template-columns:22px auto 1fr auto;gap:8px;padding:8px 10px;} .cons-row .c-wins,.cons-row .c-gap{display:none;} .cal-grid{grid-template-columns:1fr;gap:6px;} .cal-card{padding:10px;} .cal-card .c-flag .flag{width:28px;height:20px;} .cal-card .c-name{font-size:13px;} .cal-card .c-circuit{font-size:10px;} .cal-hero .h-sessions{grid-template-columns:repeat(2,1fr);} .cal-hero .h-name{font-size:19px;} .session-picker{gap:3px;padding-bottom:10px;} .session-picker button{padding:6px 9px;font-size:10px;} .duel-card .dc-side .ava{width:84px;height:102px;} .duel-card .dc-side .ds-name{font-size:13px;} .duel-card .dc-stats{padding:10px 12px;gap:6px 10px;font-size:10px;} .duel-card .dc-gap{padding:10px 12px;} .duel-card .dc-gap-chips{gap:6px;} .duel-card .dc-gap-chip b{font-size:12px;} .res-row{grid-template-columns:22px 32px 1fr auto auto;gap:6px;padding:4px 6px 4px 2px;} .res-row .r-name .who{font-size:12px;} .res-row .r-time{font-size:11px;} .res-row .ava{width:30px;height:30px;} .track-preview{flex-direction:column;align-items:stretch;gap:12px;} .track-preview .tp-img{width:100%;height:150px;} .track-preview .tp-stats{grid-template-columns:1fr 1fr;gap:10px;} .d-row .team-line .tlogo{width:32px;height:17px;} .d-row .team-line .tlogo:not(.no-logo){padding:1px 3px;} .d-row .team-line .tlogo.no-logo{font-size:8px;letter-spacing:0.5px;} .astro-head .ava.lg{width:56px;height:68px;} .astro-driver{font-size:16px;} .astro-head .tlogo.xl{width:80px;height:38px;} .astro-head .tlogo.xl.no-logo{font-size:13px;} .astro-head{gap:10px;padding-left:8px;} .astro-head .astro-zbig{font-size:28px !important;} .modal{padding:6px;} .modal-content > header{padding:10px 12px;} .modal-content .cmp-body{padding:12px 12px;} .career-meta{padding:10px;gap:6px;grid-template-columns:1fr 1fr;} .career-meta .cm-cell.wide{grid-column:1 / -1;} .cm-v{font-size:14px;} .lineup-grid{grid-template-columns:1fr;} } .poster-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;background:var(--panel);padding:4px;border-radius:6px;border:1px solid var(--line);margin-bottom:10px;} .poster-sel-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px;} .poster-sel-label{font-size:12px;color:var(--dim);font-weight:600;flex-shrink:0;} .poster-entity-sel{flex:1;min-width:0;background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:9px 12px;font:600 13px inherit;cursor:pointer;} .poster-entity-sel:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line));} .poster-mode-btn{background:transparent;border:none;color:var(--dim);font:600 12px/1 inherit;padding:11px 10px;border-radius:4px;cursor:pointer;transition:color .15s,background .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;} .poster-mode-btn:hover{color:var(--fg);} .poster-mode-btn.active{background:var(--panel-2);color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent);} @media (max-width:480px){.poster-mode-btn{font-size:11px;padding:10px 6px;} } .modal-search .search-content{max-width:600px;padding:0;overflow:hidden;} .search-box{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);} .search-ico{font-size:18px;opacity:.8;} #search-input{flex:1;min-width:0;background:transparent;border:none;color:var(--fg);font:600 18px inherit;outline:none;} #search-input::placeholder{color:var(--dim-2);font-weight:500;} .search-esc{background:var(--panel-2);border:1px solid var(--line);color:var(--dim);border-radius:5px;padding:4px 9px;font:600 11px ui-monospace,monospace;cursor:pointer;} .search-results{max-height:min(60vh,460px);overflow-y:auto;padding:8px;} .search-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:10px 12px;cursor:pointer;color:var(--fg);} .search-item.sel{background:var(--panel-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,var(--line));} .si-ico{font-size:20px;width:28px;text-align:center;flex-shrink:0;} .si-txt{display:flex;flex-direction:column;min-width:0;} .si-label{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .si-sub{font-size:11px;color:var(--dim);} .search-empty{padding:28px;text-align:center;color:var(--dim);font-size:14px;} .sim-note{font-size:13px;color:var(--dim);margin:2px 2px 14px;line-height:1.55;} .sim-note b{color:var(--fg);} .sim-list{display:flex;flex-direction:column;gap:5px;} .sim-row{display:grid;grid-template-columns:34px auto 1fr auto auto;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-left:3px solid var(--team-color);border-radius:7px;background:var(--panel);cursor:pointer;transition:transform .12s,border-color .15s;} .sim-row:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--team-color) 50%,var(--line));} .sim-row.out{opacity:.5;} .sim-row.out .sim-badge{color:var(--accent);} .sim-row.alive .sim-badge{color:var(--green);} .sim-pos{font-family:ui-monospace,monospace;font-weight:800;color:var(--dim-2);text-align:center;} .sim-row .ava.sm{width:38px;height:38px;border-radius:50%;} .sim-info{display:flex;flex-direction:column;min-width:0;} .sim-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;} .sim-dn{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;} .sim-team{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sim-pts{font-family:ui-monospace,monospace;font-weight:800;font-size:18px;text-align:right;display:flex;flex-direction:column;line-height:1.15;} .sim-max{font-size:10px;color:var(--dim-2);font-weight:600;} .sim-badge{font-size:12px;font-weight:700;white-space:nowrap;} @media (max-width:560px){.sim-row{grid-template-columns:22px 32px minmax(0,1fr) auto auto;gap:8px;padding:8px 10px;} .sim-row .ava.sm{width:32px;height:32px;} .sim-name{font-size:13px;} .sim-team{font-size:10px;} .sim-pts{font-size:16px;} .sim-badge{font-size:10px;} } .poster-loading{padding:60px 20px;text-align:center;color:var(--dim);font-size:14px;} .poster-loading .spinner{width:18px;height:18px;margin-right:10px;} .poster-preview{background:#000;border-radius:8px;overflow:hidden;margin-bottom:14px;border:1px solid var(--line);display:flex;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,0.6);} .poster-img{max-width:100%;height:auto;display:block;max-height:70vh;} .poster-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;} @media (max-width:560px){.poster-actions{grid-template-columns:1fr;} } .poster-action{background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:11px 14px;border-radius:5px;font:600 13px/1 inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;} .poster-action:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);} .poster-action.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 16px -6px var(--accent);} .poster-action.primary:hover{background:color-mix(in srgb,var(--accent) 80%,#fff);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px -6px var(--accent);} .poster-info{font-size:11px;color:var(--dim-2);text-align:center;padding-top:10px;border-top:1px solid var(--line-soft);} .poster-info code{background:var(--panel-2);color:var(--dim);padding:1px 5px;border-radius:3px;font-size:10px;} @media (max-width:900px){.bg-orb{display:none;} body::before,body::after{display:none;} header.app{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(7,7,10,0.97);} .modal-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,0.82);} .d-head{backdrop-filter:none;-webkit-backdrop-filter:none;} .d-row::before{display:none;} .team-card::after{display:none;} } @supports (animation-play-state:paused){.tab:not(.active),.tab:not(.active) *,.modal[hidden],.modal[hidden] *{animation-play-state:paused !important;} } @supports (content-visibility:auto){.records-grid > .rec-card{content-visibility:auto;contain-intrinsic-size:280px;} .hs-cards > .hs-card{content-visibility:auto;contain-intrinsic-size:260px;} .an-list > .an-row{content-visibility:auto;contain-intrinsic-size:58px;} .statd-list > .rl-row{content-visibility:auto;contain-intrinsic-size:38px;} .f2s:not(.f2s-kk) > .f2s-row,.f2s-kk > .f2s-row{content-visibility:auto;contain-intrinsic-size:42px;} .res-list > .res-row{content-visibility:auto;contain-intrinsic-size:38px;} .session-panel > .sp-body{content-visibility:auto;contain-intrinsic-size:420px;} .duels-grid > .duel-card{content-visibility:auto;contain-intrinsic-size:170px;} .pay-list > .pay-row{content-visibility:auto;contain-intrinsic-size:86px;} .rich-list > .rich-row{content-visibility:auto;contain-intrinsic-size:78px;} .wags-grid > .wag-card{content-visibility:auto;contain-intrinsic-size:126px;} .tcard-grid > .tcard{content-visibility:auto;contain-intrinsic-size:148px;} .lineup-grid > .lineup-card{content-visibility:auto;contain-intrinsic-size:92px;} .hl-rank-list > .hl-rank-item{content-visibility:auto;contain-intrinsic-size:44px;} .era-timeline > .era-row{content-visibility:auto;contain-intrinsic-size:54px;} .sim-list > .sim-row{content-visibility:auto;contain-intrinsic-size:48px;} .people-grid > .person-card,.team-cards-grid > .team-card,.stats-cards > .stats-card,.dig-cards > .dig-card,.pnl-cards > .ui-card{content-visibility:auto;contain-intrinsic-size:190px;} .f2-cards > .f2-rec,.hof-list > .hof-row,.cons-list > .cons-row,.feed-list > .feed-row{content-visibility:auto;contain-intrinsic-size:54px;} .spon-cat-list > .spon-team-card,.milestones-grid > .milestone-card,.shadow-cards > .shadow-card{content-visibility:auto;contain-intrinsic-size:150px;} }