.h2h-pick{gap:10px;display:grid}.h2h-teams{flex-wrap:wrap;gap:6px;display:flex}.h2h-teams button{border:1px solid var(--border-2);background:var(--panel-2);height:36px;color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:0 12px 0 8px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s;display:inline-flex}.h2h-teams button img{object-fit:contain;width:22px;height:22px;transition:transform .2s}.h2h-teams button>i{background:var(--team);border-radius:50%;width:10px;height:10px}.h2h-teams button:hover{color:var(--text);border-color:color-mix(in srgb, var(--team) 60%, transparent);transform:translateY(-1px)}.h2h-teams button:hover img{transform:scale(1.15)}.h2h-teams button.on{color:var(--strong);background:color-mix(in srgb, var(--team) 22%, var(--panel-2));border-color:var(--team)}.h2h-selects{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.h2h-selects select{border:1px solid var(--border-2);background:var(--panel-2);border-radius:10px;min-width:0;height:38px;padding:0 10px;font-size:14px}.h2h-selects .icon-btn{transform:rotate(90deg)}.vs-card{background:linear-gradient(90deg, color-mix(in srgb, var(--a) 22%, var(--panel)) 0%, var(--panel) 30%, var(--panel) 70%, color-mix(in srgb, var(--b) 22%, var(--panel)) 100%);grid-template-columns:minmax(180px,1fr) minmax(360px,1.6fr) minmax(180px,1fr);align-items:stretch;display:grid}.vs-driver{flex-direction:column;justify-content:flex-end;min-height:380px;display:flex;position:relative;overflow:hidden}.vs-photo{place-items:end center;display:grid;position:absolute;inset:14px 0 64px}.vs-photo img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 30px #00000080);max-width:100%;height:100%;transition:transform .35s;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.vs-card:hover .vs-driver.a .vs-photo img{transform:scale(1.03)translate(2%)}.vs-card:hover .vs-driver.b .vs-photo img{transform:scale(1.03)translate(-2%)}.vs-photo b{font-family:var(--display);color:color-mix(in srgb, var(--a) 60%, #fff);opacity:.4;text-transform:uppercase;align-self:center;font-size:80px}.vs-driver.b .vs-photo b{color:color-mix(in srgb, var(--b) 60%, #fff)}.vs-id{background:linear-gradient(#0000,#080b1199 30%,#080b11f2);padding:12px 18px 16px;display:grid;position:relative}.vs-driver.b .vs-id{text-align:right;justify-items:end}.vs-driver.b .vs-id b{justify-self:end}.vs-id small{color:var(--muted);font-size:13px}.vs-id b{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;justify-self:start;font-size:32px;font-weight:400;line-height:1}.vs-driver.a .vs-id b{box-shadow:inset 0 -3px 0 var(--a)}.vs-driver.b .vs-id b{box-shadow:inset 0 -3px 0 var(--b)}.vs-id span{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;display:inline-flex}.vs-id span>img{object-fit:contain;width:18px;height:18px}.vs-driver.b .vs-id .rs-team{flex-direction:row-reverse}.vs-mid{align-content:center;gap:4px;padding:16px 12px;display:grid}.vs-duel{justify-content:center;gap:12px;margin-bottom:8px;display:flex}.vs-duel span{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex}.vs-duel small{font-family:var(--display);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:12px}.vs-duel b{font-family:var(--display);text-align:center;text-transform:uppercase;min-width:18px;font-size:24px;font-weight:400}.vs-duel b:first-child{color:color-mix(in srgb, var(--a) 70%, #fff)}.vs-duel b:last-child{color:color-mix(in srgb, var(--b) 80%, #fff)}.vs-row{border-radius:8px;grid-template-columns:44px 1fr 118px 1fr 44px;align-items:center;gap:8px;padding:4px 6px;transition:background .15s;display:grid}.vs-row:hover{background:rgb(var(--fg-rgb) / .04)}.vs-row>b{font-family:var(--display);text-align:center;color:var(--muted);text-transform:uppercase;font-size:20px;font-weight:400;transition:color .15s,transform .15s}.vs-row>b.win{color:var(--strong)}.vs-row:hover>b.win{transform:scale(1.15)}.vs-row small{text-align:center;color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}.vs-bar{background:var(--bg);border-radius:4px;height:8px;display:flex;overflow:hidden}.vs-bar.a{justify-content:flex-end}.vs-bar i{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1),filter .15s;display:block}.vs-bar.a i{background:var(--a)}.vs-bar.b i{background:var(--b)}.vs-row:hover .vs-bar i{filter:brightness(1.25)}.h2h-charts{gap:14px;display:grid}.h2h-charts-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.h2h-tip-gap{border-top:1px solid var(--border);justify-content:center;margin-top:4px;padding-top:4px;font-weight:700;color:var(--strong)!important}.h2h-duels-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.h2h-duels .card-head small{margin-left:auto;font-size:12px}.duel-list{gap:2px;padding:8px;display:grid}.duel{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:30px 42px 1fr 42px 40px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:grid}.duel:hover,.duel.on{background:color-mix(in srgb, var(--a) 12%, transparent)}.duel.on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--a) 60%, transparent)}.duel-team img{object-fit:contain;width:24px;height:24px;transition:transform .2s}.duel-team i{background:var(--a);border-radius:50%;width:10px;height:10px;display:block}.duel:hover .duel-team img{transform:scale(1.2)rotate(-4deg)}.duel>b{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;font-size:16px;font-weight:400}.duel>b:nth-of-type(2){text-align:right}.duel>b.win{color:var(--strong)}.duel>small{text-align:right;font-size:11.5px}.duel-bar{border-radius:6px;gap:2px;height:22px;display:flex;overflow:hidden}.duel-bar i{min-width:4px;color:var(--bg);place-items:center;font-size:12px;font-style:normal;font-weight:800;transition:flex-grow .5s cubic-bezier(.2,.8,.2,1),filter .15s;display:grid}.duel-bar i.a{background:var(--a)}.duel-bar i.b{background:var(--b)}.duel:hover .duel-bar i{filter:brightness(1.15)}.gap-rows{gap:2px;padding:8px 12px 14px;display:grid;position:relative}.gap-axis,.gap-row{grid-template-columns:90px 1fr 120px;align-items:center;gap:12px;display:grid}.gap-axis>div{height:18px;position:relative}.gap-axis em{color:var(--dim);font-size:11px;font-style:normal;position:absolute;transform:translate(-50%)}.gap-row{cursor:pointer;border-radius:8px;padding:4px 0;transition:background .15s}.gap-row:hover{background:rgb(var(--fg-rgb) / .035)}.gap-name{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:7px;font-size:16px;display:inline-flex}.gap-name img{object-fit:contain;width:22px;height:22px}.gap-name.a b{color:color-mix(in srgb, var(--a) 70%, #fff)}.gap-name.b{justify-items:start;line-height:1.1;display:grid}.gap-name.b b{color:color-mix(in srgb, var(--b) 85%, #fff)}.gap-name.b small{font-family:var(--sans,inherit);color:var(--muted);letter-spacing:0;font-size:11px}.gap-track{background:linear-gradient(90deg, color-mix(in srgb, var(--a) 10%, transparent), transparent 50%, color-mix(in srgb, var(--b) 10%, transparent));border-radius:6px;height:26px;position:relative}.gap-zero{background:#3a4558;width:1px;position:absolute;top:2px;bottom:2px;left:50%}.gap-med{opacity:.7;background:#fff;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.gap-dot{border:1.5px solid var(--bg);border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;transition:transform .15s,box-shadow .15s;position:absolute;top:50%}.gap-dot.a{background:var(--a)}.gap-dot.b{background:var(--b)}.gap-dot:hover{z-index:2;box-shadow:0 0 0 3px rgb(var(--fg-rgb) / .25);transform:scale(1.7)}@media (max-width:1000px){.vs-card{grid-template-columns:1fr 1fr}.vs-mid{grid-area:2/1/auto/-1}.vs-driver{min-height:260px}.h2h-charts-2,.h2h-duels-grid{grid-template-columns:1fr}}@media (max-width:640px){.vs-driver{min-height:200px}.vs-id b{font-size:22px}.vs-row{grid-template-columns:34px 1fr 92px 1fr 34px;gap:5px}.vs-row small{font-size:11px}.gap-axis,.gap-row{grid-template-columns:64px 1fr 72px;gap:6px}.gap-axis em:nth-child(2n){display:none}.h2h-selects select{font-size:13px}}.f1 .vs-card{background:linear-gradient(90deg, color-mix(in srgb, var(--a) 22%, var(--panel)) 0%, var(--panel) 30%, var(--panel) 70%, color-mix(in srgb, var(--b) 22%, var(--panel)) 100%)}