:root{color-scheme:light dark;--accent:oklch(0.85 0.1 240);--_accent-light:oklch(0.9 0.1 240);--_accent-dark:oklch(0.8 0.1 240);--menu-bg:oklch(0.2 0 0);--box-shadow-menu:0 0 10px oklch(0.1 0 0/0.5);--soft:7px;--very-soft:15px;--pad:8px;--gap:8px;--l:0.6;--c:0.09;--h:205;--_l:0.6;--_c:0.08;--_h:0;--accent-light:oklch(from var(--accent) clamp(0, l + 0.1, 1) calc(c * 0.95) h);--accent-dark:oklch(from var(--accent) clamp(0, l - 0.1, 1) calc(c * 0.95) h);--complement:oklch(from var(--accent) l c calc((h + 180) % 360));--complement-light:oklch(from var(--complement) clamp(0, l + 0.2, 1) calc(c * 0.9) h);--complement-dark:oklch(from var(--complement) clamp(0, l - 0.2, 1) calc(c * 0.9) h);--corner-default:bevel;--corner-menu:bevel;--corner-submenu:bevel;--corner-article:bevel;--corner-block:bevel;--corner-button:squircle;--bg-dark:oklch(0.15 0 0);--bg:oklch(0.2 0 0);--bg-light:oklch(0.25 0 0);--text:oklch(0.9 0 0);--text-muted:oklch(0.7 0 0);--text-highlight:oklch(0.95 0 0);--text-dark:oklch(0.3 0 0);--border:oklch(1.0 0 0 / 0.1);--border-muted:oklch(1.0 0 0 / 0.05);--primary:oklch(0.8 0.1 240);--primary-light:oklch(0.9 0.1 240);--primary-dark:oklch(0.6 0.1 240);--secondary:oklch(0.8 0.1 120);--secondary-light:oklch(0.9 0.1 120);--secondary-dark:oklch(0.6 0.1 120);--danger:oklch(0.8 0.1 30);--danger-light:oklch(0.9 0.1 30);--danger-dark:oklch(0.6 0.1 30);--warning:oklch(0.8 0.1 100);--warning-light:oklch(0.9 0.1 100);--warning-dark:oklch(0.6 0.1 100);--success:oklch(0.8 0.1 160);--success-light:oklch(0.9 0.1 160);--success-dark:oklch(0.6 0.1 160);--info:oklch(0.8 0.1 260);--info-light:oklch(0.9 0.1 260);--info-dark:oklch(0.6 0.1 260);--fastest:oklch(0.7 0.2 300);--fastest-light:oklch(0.8 0.2 300);--fastest-dark:oklch(0.6 0.2 300);--purple:oklch(0.7 0.2 300);--purple-light:oklch(0.8 0.2 300);--purple-dark:oklch(0.6 0.2 300);--blue:oklch(0.7 0.2 240);--blue-light:oklch(0.8 0.2 240);--blue-dark:oklch(0.6 0.2 240);--green:oklch(0.7 0.2 160);--green-light:oklch(0.8 0.2 160);--green-dark:oklch(0.6 0.2 160);--yellow:oklch(0.7 0.2 90);--yellow-light:oklch(0.8 0.2 90);--yellow-dark:oklch(0.6 0.2 90);--orange:oklch(0.7 0.2 40);--orange-light:oklch(0.8 0.2 40);--orange-dark:oklch(0.6 0.2 40);--red:oklch(0.7 0.2 20);--red-light:oklch(0.8 0.2 20);--red-dark:oklch(0.6 0.2 20);--gray:oklch(0.5 0 0);--gray-light:oklch(0.6 0 0);--gray-dark:oklch(0.4 0 0);--purple-bg:oklch(0.2 0.1 300);--blue-bg:oklch(0.2 0.1 240);--green-bg:oklch(0.2 0.1 160);--yellow-bg:oklch(0.2 0.1 90);--orange-bg:oklch(0.2 0.1 40);--red-bg:oklch(0.2 0.1 20);--gray-bg:oklch(0.2 0 0);--am:oklch(0.7 0.2 30);--am-bg:oklch(0.2 0.1 30);--pro-am:oklch(0.7 0.0 0);--pro-am-bg:oklch(0.2 0 0);--pro:oklch(0.9 0.0 0);--pro-bg:oklch(0.4 0 0);--national:oklch(0.3 0 0);--national-bg:oklch(0.7 0 0);--disqualified:oklch(0.9 0.2 55);--disqualified-bg:oklch(0.1 0.0 0);--bounce:cubic-bezier(.175, .885, .32, 1.275);--bow:cubic-bezier(.68, -.55, .27, 1.55);--back-in:cubic-bezier(.6, -.28, .74, .05);--slide:ease-in-out;--snap:cubic-bezier(.75, .75, 1, .5);--glide:cubic-bezier(0, 1, .75, .75);--mobile-break:760px;--_fill:#fff;tab-size:4;--main-width:90dvw;--main-max-width:80rem;--outer-width:95dvw;--outer-max-width:90rem;--nav-width:95dvw;--nav-max-width:90rem}*, *::before, *::after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:oklch(0.85 0.1 240) oklch(0.2 0 0);scrollbar-gutter:stable}html{font-size:16px;font-size:clamp(1rem, 1.5vw, 1.125rem)}body,input,select,textarea,button{font-size:1rem;line-height:1.5}body{background-color:var(--bg-dark, #111);font-family:sans-serif;margin:0;padding:var(--pad);color:var(--text, #eee);overflow-y:scroll;scroll-behavior:auto;scroll-snap-type:y proximity;scroll-padding:100rem 0 0 0;>main, >header, >footer, >nav{margin:0 auto}>main{--min-height:50vh;width:var(--main-width, 90dvw);max-width:var(--main-max-width, 80rem)}>header, >footer{width:var(--outer-width, 95dvw);max-width:var(--outer-max-width, 90rem)}>nav{width:var(--nav-width, 95dvw);max-width:var(--nav-max-width, 90rem)}>header{display:grid;grid-template-columns:auto 300px;grid-template-rows:auto auto;.title{font-size:2rem;margin:0;font-weight:bolder;color:var(--text-highlight, #fff);display:inline}.logo{display:inline-block;justify-content:right;grid-row:span 2 / span 2;svg{width:100%;height:auto;#dems-car-body{fill:oklch(.6 0 0)}#dems-car-rearlight{fill:oklch(.8 .26 30)}#dems-car-headlight{fill:oklch(.8 .26 90)}#dems-serries{fill:oklch(.9 0 0)}#dems-danish-emotorsport{fill:oklch(.7 .26 30)}#dems-tire{fill:oklch(.3 0 0)}}}.page{display:block;font-size:1.25rem;color:var(--text-muted, #888);margin-top:0.25rem;grid-row:2}}>footer{margin-top:1rem;padding:1rem 0;text-align:center;font-size:0.875rem;color:var(--text-muted, #888)}}h1, h2, h3, h4{font-weight:bolder;color:var(--text-highlight, #fff);margin:.5rem .25rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.8rem}h4{font-size:1.6rem}article:first-of-type::before{content:"";display:block;height:1rem}article{content-visibility:auto;contain-intrinsic-size:auto 30rem;background-color:var(--bg, #222);border:1px solid var(--border, #444);border-radius:var(--soft, 5px);corner-shape:var(--corner-article, round);margin:0 auto 1.5rem;padding:.5rem 1rem;scroll-snap-align:start;scroll-margin-top:2rem;>header{background-color:var(--bg, #222);border-bottom:1px solid var(--border, #444);padding:0.5rem}>div{padding:0.5rem}>footer{background-color:var(--bg, #222);border-top:1px solid var(--border, #444);padding:0.125rem 0.5rem;font-size:0.75rem}}a{color:var(--accent, #00f);--text-decoration:none}nav a{text-decoration:none}a:visited{color:var(--accent-dark, #00a)}a:active{color:#fff;text-decoration:underline}a:focus{color:#fff;text-decoration:underline}a:hover{color:var(--accent-light, #00a);text-decoration:underline}svg .icon, a svg .icon{fill:var(--fill, #fff)}svg:hover .icon, a:hover svg .icon{--fill:var(--accent, #0af)}svg:active .icon, a:active svg .icon{fill:var(--accent-dark)}dl{padding:.5rem;dl{padding:0;margin:0}&:before, &:after{content:"";display:table}&:after{clear:both}dt, dd{display:block;padding:.1em .25em;line-height:1rem;min-height:1.5rem}dt{float:left;clear:left;overflow:hidden;text-overflow:ellipsis;font-weight:bolder;max-height:2rem;&.nodd{float:none}}dd{overflow:auto;text-align:justify;img{display:block;max-width:100%;height:auto}}&.form{dt{width:6rem;text-align:right}dd{margin-left:1rem}}&.list{dt, dd{float:none;clear:none;text-align:left}dd{margin-left:2rem}}}ul, ol{list-style:none;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border, #444);li{margin:0.2rem 0}&.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--gap);padding:0;margin:0;list-style:none;border:none;font-size:90%;li{a{color:var(--text-muted, #888);text-decoration:none;&:hover{color:var(--accent, #0af);text-decoration:underline}}&::after{content:'›';padding:0 var(--gap);color:var(--text-muted, #888)}&:last-child::after{content:'';padding:0}&:last-child a{color:var(--text-highlight, #fff);pointer-events:none;cursor:default;text-decoration:none}}}&.tags{display:flex;flex-wrap:wrap;gap:var(--gap);padding:0;margin:0;font-size:90%;li{a{padding:var(--gap);background-color:var(--menu-bg);color:var(--accent);border:1px solid var(--accent);border-radius:var(--soft);&:hover{background-color:var(--accent-light);color:var(--accent-dark)}&::before{content:"#";font-size:75%;vertical-align:middle}}}}}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--gap, 10px);justify-items:stretch;align-items:start;justify-content:center;margin:0 auto;> div{min-height:20rem;aspect-ratio:16 / 9}}div.info,div.warning,div.success,div.error{padding:1rem;margin:1rem 0;border-radius:var(--soft, 5px);corner-shape:var(--corner-default, round);.title{display:block;margin-bottom:0.5rem;font-size:1.25rem}&.error{background-color:var(--danger-dark, #800);color:var(--danger-light, #f88);font-weight:bold}&.warning{background-color:var(--warning-dark, #880);color:var(--warning-light, #ff8);font-weight:bold}&.success{background-color:var(--success-dark, #080);color:var(--success-light, #8f8);font-weight:bold}&.info{background-color:var(--info-dark, #008);color:var(--info-light, #88f);font-weight:bold}}.debug{max-height:40rem;overflow:hidden auto;background-color:var(--bg-dark, #111);border:1px solid var(--border-muted, #ccc);border-radius:var(--very-soft, 10px);padding:10px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:14px;line-height:1.5;color:#ddd;margin:10px 0;&::before{content:'Debug';font-weight:bold;color:var(--text-highlight, #fff);display:block;margin-bottom:10px}.section{&.array{background-color:var(--bg-dark, #111);color:#cc8}&.object{background-color:var(--bg-dark, #111);color:#8cc}}.key{&.array{background-color:var(--bg-dark, #111);color:#cc8}&.object{background-color:var(--bg-dark, #111);color:#8cc}}.value{&.array{background-color:var(--bg-light, #222);color:#cc8}&.object{background-color:var(--bg-light, #222);color:#8cc}&.resource{background-color:var(--bg-light, #222);color:#c8c}&.string{color:#ccf;&::before{content:'"'}&::after{content:'"'}}&.integer, &.float, &.double, &.boolean{color:#cfc;&.negative{color:#f88}}&.null{color:#888}}}article.race{position:relative;overflow:clip;header{position:relative;z-index:1;height:10rem;width:100%;a.permalink{position:absolute;inset:0;display:block;text-decoration:none}.id, .name, .season, .date, .time, .type, .laps, .track, .weather, .layout{position:absolute;color:var(--text-muted, #888);font-weight:bold;opacity:0.4}.layout{top:0;right:1rem;opacity:0.5;width:10rem;img{height:8rem}}.id{font-size:1rem;top:10rem;left:1rem}.name{font-size:3rem;top:0.5rem;left:1rem;&.championship{font-size:4rem}}.season{font-size:10rem;top:3rem;left:50%;transform:translateX(-50%);opacity:0.3}.type{font-size:2rem;right:3rem;top:7rem;opacity:0.8;&.r{color:var(--red-sector, #f88)}&.q{color:var(--blue-sector, #88f)}&.f{color:var(--green-sector, #8f8)}}.laps{font-size:7rem;top:0rem;right:7.5rem;&::after{content:' Laps';font-size:1rem;vertical-align:baseline;writing-mode:sideways-lr}}.track{font-size:10rem;top:6rem;left:50%;transform:translate(-50%, -50%);z-index:0;white-space:nowrap;opacity:0.1}.weather{font-size:7rem;top:-4.5rem;right:-5rem;opacity:0.9}.date{font-size:2.5rem;top:5rem;left:3rem}.time{font-size:1.5rem;top:7.5rem;left:6rem}}}table{table-layout:fixed;border-collapse:collapse;position:relative;width:100%;max-width:100vw;margin:1rem auto;border-radius:var(--soft, 5px);z-index:1;caption{font-size:1.5rem;font-weight:bold;margin:0.5rem 0 0;text-align:left;padding-left:1rem;color:var(--text-muted, #888)}thead{position:sticky;top:0;z-index:2}tbody tr{&:nth-child(odd){background-color:var(--bg-dark, #111)}&:nth-child(even){background-color:var(--bg, #222)}}tr{border-bottom:2px solid var(--border, #444);&.highlight{background-color:var(--bg-light, #333);font-weight:bold;color:var(--text-highlight, #fff)}th, td{position:relative;padding:.25rem 0.5rem;word-break:keep-all;white-space:nowrap;overflow:clip;text-overflow:ellipsis;&.r{text-align:right}&.c{text-align:center}&.l{text-align:left}}th{background:var(--bg, #222)}th:empty, td:empty{background:transparent}}}#legend{position:fixed;inset-block-start:25vh;inset-inline-end:0;z-index:100;opacity:0.1;--legend-peek:2.0rem;transform:translateX(calc(100% - var(--legend-peek)));transition:transform 0.3s var(--bounce), opacity 0.2s linear;&:hover, &:focus-within, &.open{transform:translateX(7.5rem);opacity:1;.box{box-shadow:0 0 10px #000}}.box{display:flex;flex-direction:row;background-color:var(--bg, #222);border:1px solid var(--border, #444);border-radius:var(--very-soft, 15px) 0 0 var(--very-soft, 15px);box-shadow:0 0 10px #f000;overflow:clip;transition:box-shadow 0.3s linear;padding:0 10rem 0 0;.handle{display:inline-flex;justify-content:center;align-items:center;writing-mode:vertical-rl;text-orientation:upright;background:var(--accent, #0af);color:var(--bg, #222);font-weight:700;min-inline-size:var(--legend-peek);cursor:pointer;user-select:none;width:var(--legend-peek)}.content{inline-size:fit-content;max-inline-size:min(40vw, 30rem);padding:.25rem}}}@media (width < var(--mobile-break, 760px)){#legend{inset-block-start:auto;inset-inline-end:0;inset-block-end:0;transform:translateY(calc(100% - var(--legend-peek)));&:hover, &:focus-within, &.open{transform:translateY(0)}.handle{}.content{}}}table.race{table-layout:fixed;colgroup{col{width:auto}col.position, col.rank{width:clamp(4ch, 5dvw, 5ch)}col.team{width:clamp(10ch, 20dvw, 25ch)}col.driver{width:clamp(10ch, 20dvw, 25ch)}col.lap{width:clamp(4ch, 1dvw, 5ch)}col.laps{width:clamp(5ch, 5dvw, 6ch)}col.time{width:clamp(13ch, 8dvw, 15ch)}col.gap{width:clamp(10ch, 7dvw, 11ch)}col.laptime{width:clamp(11ch, 9dvw, 13ch)}col.sector{width:clamp(8ch, 7dvw, 10ch)}col.class{width:clamp(9ch, 8dvw, 10ch)}col.session{width:clamp(10ch, 20dvw, 25ch)}col.results{width:clamp(4ch, 4dvw, 5ch)}col.score, col.count{width:clamp(8ch, 7dvw, 9ch)}}.time, .gap, .lap, .laps, .sector{overflow:clip;white-space:nowrap;text-overflow:ellipsis;font-family:monospace}th:empty{background:transparent}th:not(:empty){background:var(--bg-light, #222);text-align:center}tr{border-top:var(--border, 1px solid #444);&.note{background-color:var(--bg, #222);font-style:italic;padding:0.25rem 2rem;font-size:.875rem}&:hover td{background-color:var(--bg-light, #333)}}td{&.team{.name, .drivers{white-space:nowrap;text-overflow:ellipsis}.note{color:var(--text-muted, #888)}}&.time, &.laptime, &.sector{.gap{color:var(--text-muted, #888)}}&.count, &.score{font-weight:bold;text-align:right;display:grid;grid-auto-flow:column;align-items:center;gap:4px;.valid, .final{font-size:125%}.laps, .total{display:block;border-top:1px solid #666;border-bottom:1px solid #666;font-size:75%;margin-left:2px;color:#888}}}[data-prev-delta]::before, [data-delta]::after{display:inline-block;font-size:0.75rem;white-space:nowrap;margin:0 0.25rem;content:"█";color:transparent}[data-prev-delta="better"]::before, [data-delta="better"]::after{color:var(--green, #0f0);content:"▲";vertical-align:top}[data-prev-delta="worse"]::before, [data-delta="worse"]::after{color:var(--red, #f00);content:"▼";vertical-align:bottom}[data-prev-delta="same"]::before, [data-delta="same"]::after{color:var(--yellow, #ff0);content:"►";vertical-align:baseline}}#loading{text-align:center;font-size:3rem;color:var(--text-muted, #888);margin:2rem 0}.cards{display:grid;gap:var(--gap, 10px);margin:0 auto;align-items:stretch;position:relative;list-style:none;margin:0 auto;padding:0;border:none;overflow:visible;grid-template-columns:repeat( auto-fill, minmax( clamp( clamp( clamp( (100% / (4 + 1) + 0.1%), ((1200px - 100%) * 1000), (100% / (3 + 1) + 0.1%) ), ((800px - 100%) * 1000), (100% / (2 + 1) + 0.1%) ), ((400px - 100%) * 1000), 100% ), 1fr ) );li{padding:0;margin:0;position:relative;aspect-ratio:63 / 88;z-index:0;will-change:transform;&.featured{.face, .back{background-color:var(--bg-light, #888)}}&.future a{.face, .back{border-color:var(--text-muted, #888)}}&.link a, &.past a{.face, .back{border-color:var(--accent, #0af)}}&.live a{.face, .back{border-color:var(--success, #0f0)}}}.card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;text-align:center;gap:var(--gap, 10px);transition:transform 0.3s var(--bounce), box-shadow 0.3s var(--bounce);&:hover, &:focus-within{transform:scale(1.02);z-index:1;.face{z-index:1;box-shadow:var(--box-shadow-hover, 0 0 10px #000)}}.face, .back{position:inherit;inset:0;padding:0;backface-visibility:hidden;display:inherit;flex-direction:inherit;justify-content:inherit;align-items:inherit;overflow:clip;background-color:var(--bg, #222);padding:var(--pad, 10px);border-radius:var(--very-soft, 10px);corner-shape:var(--corner-button, round);border:2px solid var(--border, #444)}h3, div{z-index:1}h3{margin-top:0}.type{font-size:1rem;font-weight:bold;color:var(--text-highlight, #fff);position:absolute;text-transform:capitalize;top:1rem;right:1rem}.message{text-align:center;color:var(--text-muted, #888)}.season{font-size:50rem;font-weight:bold;color:var(--text-dark, #444);position:absolute;z-index:0}.event, .session, .variant{font-size:5rem;font-weight:bold;color:var(--text-highlight, #fff);&::before{content:'Event(s)';font-size:1rem;display:block;bottom:-1.8rem;position:relative;text-align:center;color:var(--text-muted, #888)}}.session{&::before{content:'Session(s)'}}.variant{&::before{content:'Variant(s)'}}.guild{font-weight:bold;color:var(--text-highlight, #fff);position:absolute}.description{color:var(--text, #eee);overflow:hidden;text-overflow:ellipsis;font-weight:700}.date, .time{font-size:2rem;font-weight:bold;color:var(--text-muted, #888)}.country{font-size:2rem;font-weight:bold;color:var(--text-muted, #888)}.flag{font-size:5rem;line-height:1}.track{position:absolute;inset:0;opacity:0.25;z-index:0;display:flex;justify-content:center;align-items:center;overflow:clip;.layout{position:absolute;height:auto;max-height:100%;width:150%}}}.flip{position:absolute;inset:0;perspective:100dvw;.card{backface-visibility:hidden;transform-style:preserve-3d;transform:rotateY(0deg);z-index:1;.back{transform:rotateY(180deg);background-color:var(--bg-light, #444)}}&:hover .card, &:focus-within .card{transform:rotateY(180deg);.back{background-color:var(--bg-light, #444);box-shadow:var(--box-shadow-hover, 0 0 10px #000)}}}}form{select, input, textarea, button{font-size:1rem;padding:var(--pad, 10px);border:1px solid var(--border, #444);border-radius:var(--soft, 5px);background-color:var(--bg, #111);color:var(--text, #eee);width:100%;max-width:100%;box-sizing:border-box;outline:none;&[disabled]{opacity:0.5;cursor:not-allowed}&[type=submit], &[type=button]{background-color:var(--accent, #0af);color:var(--bg, #111);border:1px solid var(--border, #444);border-radius:var(--soft, 5px);corner-shape:var(--corner-button, round);padding-left:2rem;padding-right:2rem;width:50%;max-width:none;&:hover, &:focus, &:focus-within{background-color:var(--accent-light, #3af);color:var(--bg, #111)}&.success{background-color:var(--success-light, #0f0);color:var(--success-dark, #030)}}&:user-invalid{border-color:var(--danger, #f00)}}select{justify-content:space-between;min-inline-size:14ch;&, &::picker(select){appearance:base-select}&::picker(select){border-radius:var(--soft, 5px);line-height:2;border:1px solid var(--border, #444);max-width:90dvw}&::picker-icon{color:var(--accent, #0af)}button, selectedcontent{font-weight:bold}selectedcontent, option{border-radius:var(--soft, 5px);display:flex;gap:var(--gap, 10px);background-color:var(--bg, #111);color:var(--text, #eee);justify-content:space-between;flex-wrap:nowrap;width:100%;&:checked{background-color:var(--accent, #0af);color:var(--bg, #111)}&::checkmark{display:none}.country-name{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-emoji{margin-right:0.5rem}&:hover{background-color:var(--bg-light, #333);color:var(--text-highlight, #fff)}}}textarea{min-height:10rem;resize:vertical}}dl{width:clamp(300px, 70%, 800px);justify-self:center;display:grid;grid-template-columns:minmax(5rem, 10rem) 1fr;gap:var(--gap, 10px);align-items:center;margin:0 0 1rem 0;padding:0;&.full{width:100%}dt, dd{margin:0;padding:0 .125rem .125rem}dt{font-weight:bold;grid-column:1;justify-self:right}dd{word-break:break-word;grid-column:2}}dialog{background-color:var(--menu-bg, #111);color:var(--text, #eee);border:1px solid var(--border, #444);border-radius:var(--soft, 5px);corner-shape:var(--corner-menu, round);box-shadow:var(--box-shadow-menu, 0 0 10px #000);padding:var(--pad, 10px);min-width:300px;max-width:90dvw;z-index:1000;&::backdrop{background-color:oklch(0 0 0 / 0.5);backdrop-filter:blur(5px)}&[open]{animation:fadeIn 0.3s ease-out forwards}&:not([open]){display:none}header{font-size:1.5rem;font-weight:bold;margin-bottom:0.5rem;color:var(--text-highlight, #fff)}button.close{position:absolute;top:0.5rem;right:0.5rem;background:none;border:none;background-color:var(--accent, #0af);color:var(--bg, #222);font-size:1.5rem;cursor:pointer;padding:0.25rem;width:3rem;height:3rem;border-radius:var(--soft, 5px);corner-shape:var(--corner-button, round);&:hover{background-color:var(--bg-light, #333);color:var(--accent, #0af)}}.content{max-height:70vh;overflow:hidden scroll;margin-bottom:0.5rem}}.noscroll{overflow:hidden}:target{scroll-margin-top:5.5rem}.referral-code{user-select:all}.positive{color:var(--success, #cfc)}.negative{color:var(--danger, #fcc)}.clickable{cursor:pointer}.penalty, .sanction{white-space:nowrap;display:inline-block;font-weight:bold;font-size:.875rem;padding:0.25rem 0.5rem;border-radius:var(--soft, 5px)}.penalty{color:var(--danger-light, #f88);background-color:var(--danger-dark, #800)}.sanction{color:var(--warning-light, #ff8);background-color:var(--warning-dark, #880)}.disqualified{background-color:var(--disqualified-bg, #000);color:var(--disqualified, #f80)}.position{.overall{font-weight:bold;color:var(--accent, #0af)}.class{font-weight:bold;color:var(--accent-dark, #05a);font-size:0.75rem;vertical-align:super}}#legend, tbody tr{.b, .overall, .class, .team-best, .personal-best, .race-best, .class-best, .am, .pro-am, .pro, .national{font-weight:bold}.team-best{color:var(--yellow, #ff0)}.personal-best{color:var(--green, #0f0)}.class-best{color:var(--blue, #08f)}.race-best{color:var(--purple, #a0f)}.invalid{.lap, .time, .sector, .laptime, .s1, .s2, .s3{color:var(--muted, #888)}}.am{color:var(--am, #fcc)}.pro-am{color:var(--pro-am, #ccc)}.pro{color:var(--pro, #fff)}.national{color:var(--national, #000)}}@keyframes pulse{0%{transform:scale(1)}70%{transform:scale(1.5);box-shadow:0 0 0 10px rgba(0, 255, 0, 0);z-index:2}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0, 255, 0, 0)}}@media (width < 760px){*{scrollbar-gutter:stable}body{padding:0}body>header{width:100%;grid-template-columns:auto;grid-template-rows:auto auto auto;.logo{grid-row:1;grid-column:1;text-align:center;margin-bottom:0.5rem}.title{grid-row:2;grid-column:1;text-align:center}.page{grid-row:3;grid-column:1;text-align:center}}body>main{padding:0;width:100%}div:has(> table), article:has(> table){overflow-y:auto}table{overflow-y:auto}}div.flexible{display:flex;flex-wrap:nowrap;flex-direction:column;white-space:nowrap;gap:var(--gap, 0.5rem);container-type:inline-size;&.team{.number{font-weight:bold;&::before{content:'#'}}.name{display:none}.car{.brand{font-weight:bold;margin-right:0.25rem}.model{font-style:italic}.group{font-size:0.5rem;color:var(--text-muted, #888);margin-left:0.5rem;vertical-align:super}}@container (width < 5ch){.group{display:none}}@container (width < 10ch){.brand{display:none}}@container (width < 15ch){.model{display:none}}@container (width < 20ch){.group{display:none}}}&.team, &.drivers{.driver{display:flex;flex-wrap:nowrap;gap:0.25rem;color:var(--muted, #888);width:100%;justify-content:space-between;.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initial{font-weight:bold;text-transform:uppercase}.abbr{display:none;font-weight:bold;text-transform:uppercase}.flag{width:1.5rem;height:1.5rem;align-self:right}}@container (width < 10ch){.driver .name{display:none}.driver .abbr{display:inline}}@container (width < 15ch){.first.rest{display:none;&::after{content:'...'}}}@container (width < 20ch){.flag{display:none}}}}
pre{background-color:#666;border:1px solid #ddd;border-radius:4px;padding:10px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:14px;line-height:1.5;color:#ddd;margin:10px 0}
nav.menu{position:fixed;inset:.5rem 0 auto;display:grid;font-size:120%;box-shadow:none;user-select:none;z-index:9999;.active >a{background-color:var(--menu-active-bg, #333);color:var(--menu-active-text, #ccc)}input{display:none;+ label{position:relative;cursor:pointer;width:2.5rem;height:2.5rem;svg use, i{position:absolute;display:none;width:100%;height:100%;font-size:3rem !important}}&:not(:checked) + label .off{display:block}&:checked + label .on{display:block}&:checked ~ ul{display:block;z-index:1;box-shadow:var(--box-shadow-menu);block-size:auto}}ul{border:1px solid var(--border);background-color:var(--menu-bg);border-radius:var(--soft, 5px);corner-shape:var(--corner-menu, round);overflow:hidden auto;display:none;list-style:none;margin:0;padding:var(--pad);width:100%;max-height:80vh;ul{background-color:var(--menu-bg);corner-shape:var(--corner-submenu, round);border-radius:0 var(--soft) var(--soft);grid-column:-1 / 1;block-size:0;transition:block-size .2s, display .2s;border:1px solid var(--border);width:100%}}li{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:stretch;background-color:inherit;&:hover > a{background-color:var(--menu-main-hover-bg, #222);color:var(--menu-main-hover-text, #ccc);&:hover, &:focus, &:focus-within{background-color:var(--menu-sub-hover-bg, #333);color:var(--menu-sub-hover-text, #fff)}}}a{padding:var(--pad);transition:background-color 0.3s, color 0.3s;border-radius:var(--soft);width:100%;corner-shape:var(--corner-button, round);span{display:block;width:max-content}}@media (width > 760px){position:sticky;top:0;inset:0 auto auto;box-shadow:var(--box-shadow-menu);label, label > *{display:none !important}ul{overflow:visible;display:flex;list-style:none;gap:var(--gap);padding:.5rem;border-radius:var(--soft);width:100%;ul{grid-template-columns:subgrid;position:absolute;inset:100% auto auto 0;display:none;border-radius:var(--soft);width:max-content;li{width:100%}ul{inset:0 auto auto 100%;top:calc(var(--pad) * -1)}}}li{display:grid;position:relative;--min-width:3rem;width:min-content;&:hover > ul, &:focus-within > ul{display:grid;z-index:1;box-shadow:var(--box-shadow-menu);block-size:auto}&.separator{margin-left:auto}&.right{margin-left:auto}&.login a{background-color:#5865F2;color:#E0E3FF;border:1px solid var(--border);border-radius:var(--soft);corner-shape:var(--corner-button, round);padding-left:2rem;padding-right:2rem;&:hover, &:focus, &:focus-within{background-color:oklch(from #5865F2 0.78 c h);color:#E0E3FF;svg .icon{--fill:#E0E3FF}}svg{position:relative;inset:0 0 auto auto;width:1.5rem;height:1rem;margin:0 .5rem;pointer-events:none;vertical-align:middle;--fill:#E0E3FF}}}a{display:block;position:relative}li:last-of-type{ul{ul{right:auto;left:calc(-90% + max-content)}}}}}