.rankings-page{padding-bottom:9rem}.rankings-hero{background:var(--color-vorld-red);color:#fff;text-align:center;padding:6rem 1.25rem 15rem;position:relative}.rankings-heading{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;justify-content:center;align-items:baseline;gap:.75rem;font-size:clamp(1.75rem,4.5vw,3.5rem);font-weight:700;line-height:1;display:flex}.rankings-heading img{filter:brightness(0)invert();width:auto;height:1.3em}.rankings-intro{max-width:42rem;font-family:var(--font-display);margin:1.5rem auto 0;font-size:1.125rem;line-height:1.5}.rankings-wave{width:100%;height:11rem;fill:var(--color-vorld-bg);pointer-events:none;position:absolute;inset:auto 0 -1px}.rankings-content{width:min(100% - 2rem,42rem);margin:-12rem auto 0;position:relative}.rankings-panel{background:var(--color-vorld-card);border-radius:1.5rem;padding:1.5rem}.rankings-panel-heading{text-align:center;margin-bottom:1.5rem}.rankings-panel-heading :is(h1,h2){font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.75rem;font-weight:700;line-height:1.2}.rankings-panel-heading p{color:var(--color-vorld-ink);opacity:.7;margin-top:.5rem;font-size:.875rem;line-height:1.5}.rankings-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 .5rem 1rem;font-size:.875rem;display:flex}.rankings-link{min-height:2.75rem;font-family:var(--font-display);justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:color .15s;display:inline-flex}.rankings-link:hover{color:var(--color-vorld-red-ui)}.rankings-periods{background:var(--color-vorld-bg);border-radius:2rem;width:fit-content;max-width:100%;margin:0 auto;padding:.25rem;display:flex}.rankings-period{cursor:pointer;min-width:0;position:relative}.rankings-period span{text-align:center;min-width:5rem;font-family:var(--font-display);border-radius:2rem;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:background .15s,color .15s;display:block}.rankings-period:has(input:checked) span{background:var(--color-vorld-red-ui);color:#fff}.rankings-period:has(input:focus-visible) span{outline:2px solid var(--color-vorld-ink);outline-offset:2px}.rankings-period:has(input:disabled){opacity:.45;cursor:default}.rankings-period-note{text-align:center;color:var(--color-vorld-muted);margin:.75rem 0 1.25rem;font-size:.75rem}.rankings-search,.rankings-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;display:flex}.rankings-search-field{background:var(--color-vorld-bg);border-radius:2rem;flex:12rem;align-items:center;gap:.625rem;min-width:0;padding:0 1rem;display:flex}.rankings-search-field input{width:100%;min-width:0;min-height:2.875rem;padding:.5rem 0;font-size:.875rem}.rankings-filter{flex:auto;min-width:0;position:relative}.rankings-filter[open]{z-index:10}.rankings-filter summary{background:var(--color-vorld-bg);width:100%;min-height:2.875rem;font-family:var(--font-display);cursor:pointer;border-radius:2rem;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.875rem;list-style:none;display:flex}.rankings-filter summary::-webkit-details-marker{display:none}.rankings-filter-chevron{flex-shrink:0;margin-left:auto}.rankings-icon{text-align:center;flex-shrink:0;width:1.125rem;font-size:1.125rem}.rankings-filter-options{background:var(--color-vorld-bg);border:1px solid #19161612;border-radius:1rem;min-width:max(100%,10.5rem);padding:.375rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .5rem 1.5rem #1916161a}.rankings-filter:first-of-type .rankings-filter-options{left:0;right:auto}.rankings-filter-option{min-height:2.75rem;font-family:var(--font-display);white-space:nowrap;cursor:pointer;border-radius:.625rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.rankings-filter-option:hover{background:var(--color-vorld-card)}.rankings-filter-option:has(input:checked){background:var(--color-vorld-card)}.rankings-filter-option:focus-within{outline:2px solid var(--color-vorld-red-ui);outline-offset:-2px}.rankings-filter-check{visibility:hidden;margin-left:auto}.rankings-filter-option:has(input:checked) .rankings-filter-check{visibility:visible}.rankings-button{background:var(--color-vorld-ink);color:#fff;min-height:2.875rem;font-family:var(--font-display);cursor:pointer;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:background .15s;display:inline-flex}.rankings-button:hover{background:var(--color-vorld-red-ui)}.rankings-button:disabled{cursor:wait;opacity:.6}.rankings-page :is(a,button,summary,input):focus-visible{outline:2px solid var(--color-vorld-red-ui);outline-offset:4px}.rankings-search-field:focus-within{outline:2px solid var(--color-vorld-red-ui);outline-offset:2px}.rankings-page .rankings-search-field input:focus-visible{outline:none}.rankings-status{color:#625b5e;text-align:center;margin:1.25rem 0;font-size:.75rem;line-height:1.6}.rankings-status-dot{vertical-align:middle;background:#857c80;border-radius:50%;width:.375rem;height:.375rem;margin-right:.5rem;display:inline-block}.rankings-status-dot[data-live=true]{background:#28734a}.rankings-reconnecting{z-index:20;background:var(--color-vorld-ink);width:fit-content;max-width:calc(100% - 2rem);color:var(--color-vorld-bg);border-radius:.75rem;align-items:center;gap:.75rem;margin:0 auto;padding:.875rem 1rem;font-size:.875rem;line-height:1.5;display:flex;position:fixed;inset:auto 1rem 1rem}.rankings-tv .rankings-reconnecting{font-size:clamp(1rem,1.3vw,1.625rem)}.rankings-reconnecting svg{flex-shrink:0;animation:1s linear infinite rankings-spin}@keyframes rankings-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rankings-reconnecting svg{animation:none}}.rankings-notice{background:var(--color-vorld-bg);border-radius:.75rem;margin:1rem 0;padding:1rem;font-size:.875rem;line-height:1.6}.rankings-track-list{margin-top:1.5rem}.rankings-track-list li+li,.rankings-table tbody tr+tr{border-top:1px solid #19161612}.rankings-track-link{border-radius:.75rem;align-items:center;gap:1rem;min-height:5.5rem;padding:1rem .5rem;transition:background .15s;display:flex}.rankings-track-link:hover{background:var(--color-vorld-bg)}.rankings-track-name,.rankings-rider-name{font-family:var(--font-display);overflow-wrap:anywhere;font-weight:700;line-height:1.3;display:block}.rankings-track-location,.rankings-lap-date{color:#625b5e;margin-top:.375rem;font-size:.75rem;line-height:1.5;display:block}.rankings-lap-date{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.rankings-lap-vehicle{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.rankings-lap-vehicle .rankings-icon{width:1rem;font-size:1rem}.rankings-table{table-layout:fixed;text-align:left;width:100%}.rankings-table th{color:#625b5e;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:.75rem 0;font-size:.6875rem;font-weight:400}.rankings-table th:first-child,.rankings-table .rankings-rank-column{text-align:center;width:3rem}.rankings-table th:last-child,.rankings-table .rankings-time-column{text-align:right;width:7rem}.rankings-table th:nth-child(2){padding-left:.5rem}.rankings-table td{vertical-align:middle;padding:1.25rem 0}.rankings-rank{width:2rem;height:2rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;margin:auto;font-weight:700;line-height:1;display:grid}.rankings-rank[data-rank="1"]{color:#553a05;background:#f7bb27}.rankings-rank[data-rank="2"]{color:#302a2c;background:#aaa6a7}.rankings-rank[data-rank="3"]{color:#fff;background:#ac794e}.rankings-rider{align-items:center;gap:.875rem;padding-left:.5rem;display:flex}.rankings-avatar{color:#625b5e;width:3.5rem;height:3.5rem;font-family:var(--font-display);background:#d8d1d3;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.25rem;font-weight:700;display:grid;position:relative;overflow:hidden}.rankings-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rankings-table .rankings-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;padding-left:.5rem;font-weight:700}.rankings-pagination{border-top:1px solid #19161612;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;margin-top:.5rem;padding-top:1rem;font-size:.875rem;display:flex}.rankings-current-page{background:var(--color-vorld-bg);min-width:2.75rem;height:2.75rem;color:var(--color-vorld-red-ui);border-radius:50%;place-items:center;font-weight:700;display:grid}.rankings-empty{color:#625b5e;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3.5rem 1rem;font-size:.875rem;line-height:1.6;display:flex}.rankings-page.rankings-directory{padding-bottom:4rem}.rankings-directory .rankings-hero{text-align:left;padding:3rem max(1rem,50% - 35rem)}.rankings-directory .rankings-heading{justify-content:flex-start}.rankings-directory .rankings-intro{font-family:var(--font-body);margin:1.5rem 0 0;font-size:1rem}.rankings-directory .rankings-content{width:min(100% - 2rem,70rem);margin:2.5rem auto 0}.rankings-directory .rankings-panel{background:0 0;border-radius:0;padding:0}.rankings-directory .rankings-panel-heading{text-align:left;margin-bottom:1rem}.rankings-directory .rankings-panel-heading h2{font-size:1.25rem}.rankings-directory .rankings-search{flex-wrap:nowrap;max-width:42rem}.rankings-directory .rankings-search-field{background:#fff;border:1px solid #19161626;border-radius:.375rem}.rankings-directory .rankings-search-field input{min-height:3rem;font-size:1rem}.rankings-directory .rankings-search-field svg{color:var(--color-vorld-red-ui)}.rankings-directory .rankings-button{background:var(--color-vorld-red-ui);min-height:3rem;font-size:1rem}.rankings-directory .rankings-button:hover{background:var(--color-vorld-red-dark)}.rankings-directory .rankings-track-list{column-gap:3rem;margin-top:2rem;display:grid}.rankings-directory .rankings-track-list li{border-top:1px solid #1916161f}.rankings-directory .rankings-track-link{border-radius:0;min-height:6rem;padding:1.25rem 0}.rankings-directory .rankings-track-link:hover,.rankings-directory .rankings-track-link>svg{color:var(--color-vorld-red-ui)}.rankings-directory .rankings-track-name{font-size:1.125rem}.rankings-directory .rankings-track-location{font-size:.875rem}.rankings-directory .rankings-pagination{justify-content:space-between;margin-top:1rem}.rankings-directory .rankings-current-page{color:var(--color-vorld-ink);background:0 0}@media (width>=810px){.rankings-directory .rankings-hero{padding:4rem max(2rem,50% - 35rem)}.rankings-directory .rankings-intro{font-size:1.25rem}.rankings-directory .rankings-content{width:min(100% - 4rem,70rem);margin-top:3rem}.rankings-directory .rankings-panel-heading h2{font-size:2rem}.rankings-directory .rankings-track-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rankings-directory .rankings-track-name{font-size:1.5rem}.rankings-directory .rankings-track-location{font-size:1rem}}.rankings-page.rankings-tv{padding:0}.rankings-tv .rankings-content{width:100%;margin:0}.rankings-tv .rankings-panel{--rankings-tv-padding:clamp(1rem, 2vw, 3rem);min-height:100svh;padding:var(--rankings-tv-padding);border-radius:0}.rankings-tv-results{min-height:calc(100svh - var(--rankings-tv-padding));overflow-anchor:none;display:flow-root}.rankings-tv-brand{justify-content:center;align-items:center;margin:1.5rem 0 .75rem;display:flex}.rankings-tv-brand img{width:auto;height:clamp(2.5rem,4vw,5rem)}.rankings-tv .rankings-toolbar{justify-content:flex-end;margin:0}.rankings-tv .rankings-track-header{flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;margin-bottom:.75rem;display:flex}.rankings-tv .rankings-panel-heading{text-align:left;flex:15rem;margin:0}.rankings-tv-controls{margin-bottom:.75rem}.rankings-tv-controls>summary{background:var(--color-vorld-bg);min-height:2.75rem;font-family:var(--font-display);cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-weight:700;list-style:none;display:flex}.rankings-tv-controls>summary::-webkit-details-marker{display:none}.rankings-tv-selection{flex:1;font-weight:400}.rankings-tv-controls>summary svg{flex-shrink:0}.rankings-tv-controls[open]>summary svg{transform:rotate(180deg)}.rankings-tv-controls .rankings-filter-form{padding:1rem 0}.rankings-tv .rankings-status{margin:.5rem 0}.rankings-tv .rankings-table{font-size:clamp(1rem,2vw,2.75rem)}.rankings-tv .rankings-table thead{z-index:5;background:var(--color-vorld-card);position:sticky;top:0}.rankings-tv .rankings-table .rankings-tv-brand-row td{padding:0 0 .75rem}.rankings-tv-brand-row .rankings-tv-brand{margin:.5rem 0}@media (width>=601px){.rankings-tv .rankings-panel-heading :is(h1,h2){font-size:clamp(2rem,3vw,3.5rem)}.rankings-tv .rankings-panel-heading p,.rankings-tv .rankings-toolbar,.rankings-tv .rankings-period-note,.rankings-tv .rankings-status{font-size:clamp(1rem,1.15vw,1.375rem)}.rankings-tv .rankings-filters{max-width:70rem;margin:0 auto}.rankings-tv .rankings-period span,.rankings-tv .rankings-filter summary,.rankings-tv .rankings-filter-option{font-size:clamp(1rem,1.3vw,1.625rem)}.rankings-tv .rankings-period span{min-width:8rem}.rankings-tv .rankings-icon{width:1.25em;font-size:1.25em}.rankings-tv .rankings-table th{font-size:clamp(.875rem,1.1vw,1.25rem)}.rankings-tv .rankings-table th:first-child,.rankings-tv .rankings-table .rankings-rank-column{width:5rem}.rankings-tv .rankings-table th:last-child,.rankings-tv .rankings-table .rankings-time-column{width:12rem}.rankings-tv .rankings-table td{padding-top:1rem;padding-bottom:1rem}.rankings-tv .rankings-avatar{width:4rem;height:4rem}.rankings-tv .rankings-rank{width:1.5em;height:1.5em}.rankings-tv .rankings-lap-date{font-size:clamp(1rem,1.3vw,1.625rem)}}@media (width<=600px){.rankings-page{padding-bottom:5rem}.rankings-hero{padding:3.5rem 1rem 12rem}.rankings-heading{gap:.5rem}.rankings-intro{max-width:22rem;font-size:1rem}.rankings-wave{height:6rem}.rankings-content{margin-top:-9rem}.rankings-panel{border-radius:1.25rem;padding:1rem .75rem}.rankings-panel-heading :is(h1,h2){font-size:1.5rem}.rankings-filters{gap:.5rem}.rankings-filter{flex:calc(50% - .5rem)}.rankings-filter:nth-of-type(odd) .rankings-filter-options{left:0;right:auto}.rankings-table th:first-child,.rankings-table .rankings-rank-column{width:2.25rem}.rankings-table th:last-child,.rankings-table .rankings-time-column{width:4.75rem}.rankings-table td{padding-top:1rem;padding-bottom:1rem}.rankings-rider{gap:.5rem;padding-left:.25rem}.rankings-avatar{width:2.5rem;height:2.5rem;font-size:1rem}.rankings-rider-name,.rankings-table .rankings-time{font-size:.875rem}.rankings-lap-date{font-size:.6875rem}}
