:root{--bg: #090b11;--bg-2: #242b37;--panel: #141821;--panel-2: #1d2230;--line: #2e3546;--red: #ed263a;--red-dark: #b51729;--white: #ffffff;--grey: #9aa3b5;--grey-dim: #5d6578;--font: Arial, Helvetica, sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--white);font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#game,#ui{position:fixed;inset:0}#game canvas{display:block;width:100%;height:100%}#ui{pointer-events:none}#ui>*{pointer-events:auto}button{font-family:inherit;color:inherit;cursor:pointer}.screen{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 65% 45%,#242b37,#090b11 55%,#020307)}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ed263a26 52%,transparent 80%);pointer-events:none}.screen .stripes{position:absolute;inset:-20%;background:repeating-linear-gradient(-15deg,transparent 0 90px,#ffffff08 90px 93px,transparent 93px 180px,#ed263a14 180px 183px);animation:stripes 14s linear infinite;pointer-events:none}@keyframes stripes{to{transform:translate(180px)}}.screen .bottom-bar{position:absolute;left:4vw;right:4vw;bottom:3vh;height:3px;background:linear-gradient(90deg,var(--red),transparent)}.corner-brand{position:absolute;left:calc(4vw + var(--safe-l));top:3.5vh;font-size:clamp(11px,2.4vh,18px);letter-spacing:.4em;font-weight:800;color:#ffffff70}.title{font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;text-shadow:3px 3px 0 var(--red-dark)}.btn{position:relative;border:0;padding:.7em 1.8em;font-size:clamp(14px,4vh,24px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.04em;background:var(--red);color:#fff;clip-path:polygon(.6em 0,100% 0,calc(100% - .6em) 100%,0 100%);transition:transform .12s,background .12s,filter .12s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.96)}.btn.secondary{background:#ffffff1a}.btn.secondary:hover{background:#ffffff2a}.btn.small{font-size:clamp(12px,3vh,16px);padding:.55em 1.3em}.btn:disabled{opacity:.4;pointer-events:none}.start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;cursor:pointer}.start .logo{width:min(46vw,60vh);filter:drop-shadow(0 8px 20px #000a)}.start .tap{font-size:clamp(14px,4.5vh,26px);font-weight:900;font-style:italic;letter-spacing:.15em;text-transform:uppercase;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.menu{display:flex;align-items:center;justify-content:center;gap:7vw;padding:0 6vw}.menu .logo{width:min(40vw,62vh);filter:drop-shadow(0 8px 24px #000a)}.menu .menu-col{display:flex;flex-direction:column;gap:2.6vh;align-items:stretch;min-width:30vw}.menu .menu-col .btn{font-size:clamp(16px,5.4vh,32px);padding:.6em 1.6em}.menu .track-label{color:var(--grey);font-size:clamp(11px,2.8vh,16px);letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-top:1vh}.page{display:flex;flex-direction:column}.page .bottom-bar{display:none}.page-head{position:relative;display:flex;align-items:center;gap:2vw;padding:2.5vh calc(3vw + var(--safe-r)) 1.5vh calc(3vw + var(--safe-l));flex:none}.page-head .title{font-size:clamp(18px,6vh,36px);margin:0}.page-head .sub{color:var(--grey);font-size:clamp(11px,2.8vh,16px);letter-spacing:.08em}.page-head .spacer{flex:1}.page-body{position:relative;flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;padding:0 calc(3vw + var(--safe-r)) 3vh calc(3vw + var(--safe-l))}.driver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(118px,14vw),1fr));gap:1.2vw}.driver-card{position:relative;overflow:hidden;border:0;border-radius:10px;padding:0;aspect-ratio:3 / 4;background:linear-gradient(150deg,#20232eee,#080b12f2);box-shadow:inset 0 -5px var(--team),0 6px 16px #0009;outline:1px solid color-mix(in srgb,var(--team) 55%,transparent);transition:transform .15s,outline-color .15s,box-shadow .15s;text-align:left}.driver-card:hover{transform:translateY(-3px)}.driver-card.selected{outline:3px solid var(--red);box-shadow:inset 0 -5px var(--team),0 0 0 3px #fff3,0 0 26px #ed263a99;transform:translateY(-3px) scale(1.02)}.driver-card .num{position:absolute;top:-.15em;right:.15em;font-size:clamp(34px,9vw,70px);font-weight:900;color:#ffffff14;line-height:1}.driver-card .portrait{position:absolute;inset:6% 0 26%;background-repeat:no-repeat;background-position:center bottom;background-size:contain;filter:drop-shadow(0 4px 6px #000c)}.driver-card .team-logo{position:absolute;left:6%;top:5%;width:34%;aspect-ratio:473 / 320;background:center / contain no-repeat;filter:drop-shadow(0 2px 3px #000)}.driver-card .info{position:absolute;left:0;right:0;bottom:0;height:28%;padding:.4em .55em;background:linear-gradient(90deg,#090b12f0,#090b12b0);border-left:4px solid var(--team);display:flex;flex-direction:column;justify-content:center;gap:.2em}.driver-card .name{font-weight:900;font-size:clamp(11px,1.45vw,15px);line-height:1.1}.driver-card .meta{display:flex;align-items:center;gap:.4em;color:var(--grey);font-size:clamp(9px,1.1vw,12px);font-weight:700;letter-spacing:.06em}.flag{width:1.6em;height:1.07em;border-radius:2px;box-shadow:0 0 0 1px #0006;flex:none}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.6vw}.panel{background:linear-gradient(160deg,#1b202cdd,#0d1018ee);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px;padding:1em 1.2em}.panel h3{margin:0 0 .8em;font-size:.95em;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.row{display:flex;align-items:center;gap:.8em;margin:.6em 0;font-size:14px}.row>label{flex:0 0 7.5em;color:var(--grey);font-weight:700}.row>.ctl{flex:1;display:flex;align-items:center;gap:.6em}.row .val{min-width:2.6em;text-align:right;font-weight:900;font-variant-numeric:tabular-nums}.help{color:var(--grey);font-size:12.5px;line-height:1.4;margin:.2em 0 .6em}.seg{display:inline-flex;background:#0006;border-radius:4px;padding:3px;gap:3px;flex-wrap:wrap}.seg button{border:0;background:transparent;padding:.45em .9em;font-weight:800;font-size:13px;border-radius:3px;color:var(--grey)}.seg button.on{background:var(--red);color:#fff}input[type=range]{flex:1;accent-color:var(--red);height:28px;touch-action:pan-x}input[type=checkbox]{width:20px;height:20px;accent-color:var(--red)}.tilt-meter{position:relative;height:26px;background:#0007;border-radius:13px;overflow:hidden;flex:1}.tilt-meter .center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff4}.tilt-meter .knob{position:absolute;top:3px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red);left:50%}.records td{padding:.25em .8em .25em 0;font-size:14px}.records td:last-child{font-weight:900;font-variant-numeric:tabular-nums}.car-showcase{float:right;width:min(50%,520px);aspect-ratio:16 / 9;margin:0 0 .6em 1.4em;shape-outside:ellipse(50% 42%);shape-margin:.6em;background:radial-gradient(ellipse 60% 40% at 50% 62%,#ed263a26,transparent 70%)}.car-showcase canvas{display:block;width:100%;height:100%}.car-showcase[hidden]{display:none}.car-panel{grid-column:1 / -1}.car-panel .help-text:after,.help-sec .help-text:after{content:"";display:block;clear:both}.help-layout{display:grid;grid-template-columns:minmax(10em,15em) 1fr;gap:2vw;align-items:start}.help-toc{position:sticky;top:0;display:flex;flex-direction:column;gap:3px;padding-top:.2em}.help-toc button{display:flex;align-items:baseline;gap:.6em;text-align:left;border:0;border-left:3px solid transparent;background:#ffffff0a;padding:.5em .8em;font-size:13px;font-weight:700;color:var(--grey);transition:background .15s,color .15s,border-color .15s}.help-toc button span{font-style:italic;font-weight:900;color:var(--grey-dim);font-variant-numeric:tabular-nums}.help-toc button:hover{background:#ffffff14;color:#fff}.help-toc button.on{border-left-color:var(--red);background:#ed263a1f;color:#fff}.help-toc button.on span{color:var(--red)}.help-content{min-width:0;max-width:60em}.help-version{margin-top:.8em;padding:0 .8em;font-size:12px;color:var(--grey-dim);letter-spacing:.06em}.help-version b{color:var(--grey)}.help-footer{margin:-.8em 0 1em;padding-top:.8em;border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--grey);letter-spacing:.06em}.help-footer b{color:#fff}.help-sec{scroll-margin-top:.5em;margin-bottom:2.4em;padding:1.2em 1.4em 1.4em;background:linear-gradient(160deg,#1b202cdd,#0d1018ee);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:6px}.help-sec h2{display:flex;align-items:baseline;gap:.5em;margin:0 0 .7em;font-size:clamp(17px,4.4vh,24px);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#fff}.help-sec h2 span{color:var(--red);font-size:.8em}.help-text{font-size:14.5px;line-height:1.55;color:#dfe3ea;user-select:text;-webkit-user-select:text}.help-text p{margin:0 0 .8em}.help-text .lead{font-size:1.08em;color:#fff}.help-text h3{margin:1.3em 0 .5em;font-size:.85em;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff}.help-text h3:before{content:"";display:inline-block;width:.9em;height:3px;margin-right:.5em;vertical-align:middle;background:var(--red)}.help-text ul,.help-text ol{margin:0 0 .9em;padding-left:1.3em}.help-text li{margin:.3em 0}.help-text ul li::marker{color:var(--red)}.help-text b{color:#fff}.help-text kbd{display:inline-block;min-width:1.7em;padding:.1em .45em;margin:0 .1em;text-align:center;font:800 .85em var(--font);color:#fff;background:#ffffff14;border:1px solid #ffffff30;border-bottom-width:3px;border-radius:4px}.help-text .note{margin:1em 0 .4em;padding:.7em 1em;background:#ed263a17;border-left:3px solid var(--red);border-radius:0 4px 4px 0}.help-text ol.steps{list-style:none;padding:0;counter-reset:st}.help-text ol.steps li{counter-increment:st;display:grid;grid-template-columns:2.2em 11em 1fr;gap:.2em .8em;align-items:baseline;padding:.5em 0;border-bottom:1px solid #ffffff10}.help-text ol.steps li:before{content:counter(st);font-weight:900;font-style:italic;color:var(--red);font-size:1.3em}.help-text ol.tips{counter-reset:tp;list-style:none;padding:0;columns:2 22em;column-gap:2em}.help-text ol.tips li{counter-increment:tp;position:relative;padding-left:2.2em;break-inside:avoid;margin:0 0 .7em}.help-text ol.tips li:before{content:counter(tp);position:absolute;left:0;top:.05em;width:1.6em;height:1.6em;display:grid;place-items:center;background:var(--red);font-weight:900;font-style:italic;font-size:.85em;clip-path:polygon(.3em 0,100% 0,calc(100% - .3em) 100%,0 100%)}.help-text .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18em),1fr));gap:0 2em}.touch-diagram{position:relative;display:grid;grid-template-columns:1fr 1fr;height:5.5em;margin:.4em 0 .8em;border:3px solid #ffffff50;border-radius:.9em;overflow:hidden;max-width:20em}.touch-diagram .tz{display:grid;place-items:center;font-weight:900;font-style:italic;letter-spacing:.1em}.touch-diagram .brake{background:#ed263a40}.touch-diagram .gas{background:#14a44d40}.touch-diagram .tilt{position:absolute;left:50%;bottom:.3em;translate:-50% 0;font-size:.75em;color:#fffc;white-space:nowrap}.help-text .keys{display:flex;align-items:center;gap:.15em;margin:.6em 0 1em;flex-wrap:wrap}.help-text .keys span{margin:0 .5em;color:var(--grey)}.help-text dl.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13em),1fr));gap:4px;margin:0 0 1em}.help-text dl.specs.wide{grid-template-columns:1fr}.help-text dl.specs div{background:#0006;padding:.5em .8em;border-radius:3px}.help-text dl.specs.wide div{display:flex;gap:1em}.help-text dl.specs dt{color:var(--grey);font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.help-text dl.specs.wide dt{flex:0 0 11em;font-size:.85em}.help-text dl.specs dd{margin:.15em 0 0;font-weight:900;color:#fff}.help-text dl.specs.wide dd{margin:0;font-weight:700}.hbars{margin:.4em 0 1em;display:flex;flex-direction:column;gap:5px}.hbar{display:grid;grid-template-columns:7.5em 1fr 3em minmax(0,14em);align-items:center;gap:.7em;font-size:.92em}.hbar-l{color:var(--grey);font-weight:700}.hbar-t{height:.8em;background:#0007;border-radius:2px;overflow:hidden}.hbar-t i{display:block;height:100%;background:linear-gradient(90deg,var(--red-dark),var(--red))}.hbar b{text-align:right;font-variant-numeric:tabular-nums}.hbar em{color:var(--grey);font-size:.9em}.wx-table{border-collapse:collapse;margin:.3em 0 1em;width:100%;max-width:36em}.wx-table th{text-align:left;font-size:.78em;color:var(--grey);text-transform:uppercase;letter-spacing:.08em;padding:.4em .8em}.wx-table td{padding:.45em .8em;background:#0006;border-top:2px solid #0d1018}.wx-table tbody tr:nth-child(1) td:first-child{box-shadow:inset 3px 0 #ff8000}.wx-table tbody tr:nth-child(2) td:first-child{box-shadow:inset 3px 0 #5fb0ff}.wx-table tbody tr:nth-child(3) td:first-child{box-shadow:inset 3px 0 #9aa3b5}.hud-map{position:relative;aspect-ratio:16 / 9;max-width:36em;margin:.6em 0 1em;background:linear-gradient(180deg,#2c4a2a,#1d2a1c 60%,#3a3d44);border:2px solid #ffffff30;border-radius:6px;font-size:.72em;line-height:1.25}.hud-map .hm{position:absolute;padding:.35em .5em;background:#0b0d14e6;border-radius:3px;color:var(--grey)}.hud-map .hm b{display:block;color:#fff;font-size:1.05em}.hud-map .hm-lb{left:2%;top:4%;bottom:4%;width:21%;border-left:3px solid var(--red)}.hud-map .hm-top{left:38%;top:4%;width:22%;text-align:center}.hud-map .hm-map{right:2%;top:4%;width:24%}.hud-map .hm-radio{right:2%;top:46%;width:24%;border-left:3px solid var(--red)}.hud-map .hm-delta{left:38%;top:34%;width:22%;text-align:center;background:#14a44dd0;color:#fff}.hud-map .hm-bottom{left:28%;right:28%;bottom:4%;text-align:center}@media (max-width: 760px){.help-layout{grid-template-columns:1fr}.help-toc{flex-direction:row;overflow-x:auto;touch-action:pan-x;z-index:2;background:#090b11ee;padding:.3em 0}.help-toc button{flex:none;white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.help-toc button.on{border-bottom-color:var(--red)}.help-version{display:none}.help-sec{scroll-margin-top:3.2em}}@media (max-width: 900px){.help-text ol.steps li{grid-template-columns:2.2em 1fr}.help-text ol.steps li span{grid-column:2}.hbar{grid-template-columns:6.5em 1fr 3em}.hbar em{display:none}.hud-map{font-size:.6em}}#rotate{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg);text-align:center;padding:24px;font-weight:900;font-style:italic;font-size:18px;text-transform:uppercase}.rotate-phone{width:54px;height:92px;border:5px solid #fff;border-radius:10px;animation:rot 2s ease-in-out infinite}@keyframes rot{30%,70%{transform:rotate(-90deg);border-color:var(--red)}}@media (orientation: portrait) and (pointer: coarse){#rotate{display:flex}}.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3vh}.loading .bar{width:40vw;height:4px;background:#ffffff1a}.loading .bar>div{height:100%;width:30%;background:var(--red);animation:load 1s ease-in-out infinite alternate}@keyframes load{to{margin-left:70%}}.race{position:absolute;inset:0;pointer-events:none}.race .touch-layer{position:absolute;inset:0;display:flex;pointer-events:auto;touch-action:none}.race .zone{flex:1;position:relative}.race .zone span{position:absolute;bottom:4vh;padding:.5em 1.2em;font-weight:900;font-style:italic;letter-spacing:.12em;font-size:clamp(11px,3vh,16px);color:#ffffff80;background:#0004;border:2px solid #ffffff30;border-radius:6px;transition:background .08s,color .08s}.race .zone.brake span{left:calc(3vw + var(--safe-l))}.race .zone.gas span{right:calc(3vw + var(--safe-r))}.race .touch-layer[data-brake=true] .brake span{background:#ed263acc;color:#fff}.race .touch-layer[data-gas=true] .gas span{background:#1fbf5acc;color:#fff}@media (pointer: fine){.race .zone span{display:none}}.hud{position:absolute;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}.hud .lbl{color:#ffffffa0;font-size:.7em;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hud b{font-weight:900}.hud-lights{position:absolute;top:12vh;left:50%;translate:-50% 0;display:flex;gap:1vh;padding:1.2vh;background:#0a0a0ccc;border-radius:1vh;transition:opacity .4s}.hud-lights.out{opacity:0;transition-delay:.6s}.hud-lights .light{display:flex;flex-direction:column;gap:.8vh;padding:.8vh;background:#16161a;border-radius:.8vh}.hud-lights .light i{width:5.5vh;height:5.5vh;border-radius:50%;background:#2a0b0e;box-shadow:inset 0 0 6px #000}.hud-lights .light.on i{background:radial-gradient(circle at 40% 35%,#ff8a8a,#ff1a2a 45%,#a3000c);box-shadow:0 0 18px #ff1a2a}.hud-bottom{position:absolute;bottom:2.5vh;left:50%;translate:-50% 0;display:flex;align-items:stretch;gap:0;font-style:italic;filter:drop-shadow(0 4px 10px #0008)}.hud-bottom>div{background:#0b0d14e0;padding:.4em .9em;display:flex;flex-direction:column;justify-content:center}.hud-times{font-size:clamp(10px,2.6vh,14px);gap:.15em;clip-path:polygon(.6em 0,100% 0,100% 100%,0 100%);padding-left:1.2em!important}.hud-times div{display:flex;justify-content:space-between;gap:.8em}.hud-speed{align-items:flex-end;min-width:4.8em;font-size:clamp(14px,3.4vh,20px)}.hud-speed b{font-size:1.9em;line-height:1}.hud-gear{background:var(--red)!important;align-items:center;min-width:2.6em;font-size:clamp(14px,3.4vh,20px)}.hud-gear b{font-size:2em;line-height:1}.hud-gear .ers{width:100%;height:4px;background:#0005;margin-top:.25em}.hud-gear .ers div{height:100%;background:#ffe14a;transition:width .15s}.hud-gear .ers div.empty{background:transparent}.hud-laptime{font-size:clamp(13px,3.4vh,19px);font-weight:900;clip-path:polygon(0 0,100% 0,calc(100% - .6em) 100%,0 100%);padding-right:1.3em!important}.overlay{position:absolute;inset:0;background:#05060acc;display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay[hidden]{display:none}.overlay-box{display:flex;flex-direction:column;gap:2.4vh;align-items:stretch;min-width:36vw;text-align:center}.overlay-box .title{font-size:clamp(22px,8vh,44px);margin:0 0 1vh}.finish-best{font-size:clamp(14px,4vh,22px)}.overlay-box .results{list-style:none;margin:0;padding:0;max-height:62vh;overflow-y:auto;touch-action:pan-y;columns:2;column-gap:1.2em;text-align:left;font-size:clamp(9px,2.6vh,14px)}.overlay-box .results li{display:flex;align-items:center;gap:.5em;padding:.12em .5em;background:#ffffff0d;margin-bottom:2px;break-inside:avoid}.overlay-box .results li.me{background:var(--red);font-weight:900}.overlay-box .results .p{width:1.6em;text-align:right;font-weight:900}.overlay-box .results img{width:2.2em;height:1.4em;object-fit:contain}.overlay-box .results .n{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finish-limits{font-size:clamp(11px,3vh,16px);margin-top:-1.2vh}.finish-limits[hidden]{display:none}.overlay-box .results .tl{flex:none;font-size:.85em;font-weight:800;color:#ffd0d4;background:#0006;padding:0 .35em;border-radius:3px}.overlay-box .results li.me .tl{color:#fff}.overlay-box .results .b{color:#ffffffb0;font-variant-numeric:tabular-nums}.overlay-box{max-width:92vw}.finish-body{display:flex;align-items:stretch;gap:1.6em}.finish-body .results{flex:1;min-width:0}.winner{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:none;width:clamp(80px,22vh,170px)}.winner img{width:100%;max-height:46vh;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 10px #000c);animation:winnerIn .6s ease-out}.winner b{margin-top:.15em;padding:.05em .7em;background:var(--red);color:#fff;font-size:clamp(22px,8vh,46px);font-style:italic;font-weight:900;letter-spacing:.08em;line-height:1.1;clip-path:polygon(.35em 0,100% 0,calc(100% - .35em) 100%,0 100%)}.winner span{margin-top:.3em;font-size:clamp(10px,2.6vh,14px);font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}@keyframes winnerIn{0%{opacity:0;transform:translateY(12px) scale(.92)}}.race.racing .zone span{opacity:0;transition:opacity .6s 2s,background .08s}.race.racing .touch-layer[data-brake=true] .brake span,.race.racing .touch-layer[data-gas=true] .gas span{opacity:.85;transition:opacity .05s}.hud-top{position:absolute;top:1.6vh;left:50%;translate:-50% 0;display:flex;align-items:center;gap:1vw;pointer-events:none}.hud-pause{pointer-events:auto;flex:none;width:clamp(30px,8vh,42px);aspect-ratio:1;border:0;border-radius:50%;background:#0b0d14cc;display:flex;align-items:center;justify-content:center;gap:5px}.hud-pause i{width:4px;height:38%;background:#fff;border-radius:2px}.wx{display:flex;align-items:center;gap:.35em;height:clamp(30px,8vh,42px);padding:0 .8em 0 .5em;background:#0b0d14cc;border-radius:999px;font-weight:900;font-size:clamp(12px,3.2vh,17px)}.wx .wx-icon{width:1.9em;height:1.9em}.wx.flash{animation:wxflash 1.2s ease-out 3}@keyframes wxflash{30%{background:#ed263acc}}.delta{position:absolute;top:calc(2.6vh + clamp(30px,8vh,42px));left:50%;translate:-50% 0;display:flex;align-items:stretch;font-style:italic;font-size:clamp(12px,3.4vh,18px);box-shadow:0 4px 12px #0007}.delta[hidden]{display:none}.delta .lbl{background:#0b0d14e6;padding:.3em .7em;display:flex;align-items:center;font-size:.7em}.delta b{background:#d42433;padding:.2em .7em;min-width:4.4em;text-align:center;font-variant-numeric:tabular-nums}.delta.ahead b{background:#14a44d}.limits{position:absolute;top:46vh;left:50%;translate:-50% 0;display:flex;align-items:center;gap:.8em;padding:.5em 1.2em .5em .7em;background:#0b0d14e8;border-left:4px solid #fff;font-style:italic;color:#fff;box-shadow:0 6px 24px #000a;white-space:nowrap;animation:limitsIn .35s ease-out}.limits[hidden]{display:none}.limits .flag{width:clamp(38px,10vh,60px);aspect-ratio:3 / 2;flex:none;background:linear-gradient(135deg,#fff 50%,#111 50%);border:2px solid #fff;border-radius:2px;transform-origin:left center;animation:flagWave .6s ease-in-out infinite alternate}.limits .txt{display:flex;flex-direction:column}.limits b{font-size:clamp(15px,4.6vh,26px);text-transform:uppercase;letter-spacing:.04em}.limits span{font-weight:800;font-size:clamp(10px,2.8vh,15px);color:#ffffffc0}.limits.penalty{border-left-color:var(--red)}.limits.penalty .flag{display:none}.limits.penalty b{color:#ff5a66}@keyframes flagWave{0%{transform:perspective(200px) rotateY(0) skewY(0)}to{transform:perspective(200px) rotateY(-22deg) skewY(-4deg)}}@keyframes limitsIn{0%{opacity:0;translate:-50% -1.5vh}}.slip{position:absolute;bottom:calc(2.5vh + clamp(44px,11vh,64px));left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:stretch;gap:.25em;padding:.3em .9em .4em;background:#0b0d14d0;border-top:2px solid #5fd3ff;font-style:italic;font-weight:900;font-size:clamp(10px,2.8vh,15px);letter-spacing:.14em;text-transform:uppercase;color:#bfefff;box-shadow:0 4px 12px #0007}.slip[hidden]{display:none}.slip .bar{height:4px;background:#ffffff1f}.slip .bar div{height:100%;background:#5fd3ff}.slip-lines{position:absolute;inset:-10%;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 46%,#fff0 0deg 2.2deg,#ffffffb0 2.6deg,#fff0 3deg 7deg);-webkit-mask-image:radial-gradient(ellipse 48% 42% at 50% 46%,transparent 55%,#000 100%);mask-image:radial-gradient(ellipse 48% 42% at 50% 46%,transparent 55%,#000 100%);animation:sliplines .25s steps(3) infinite}@keyframes sliplines{50%{rotate:1.4deg}}.wrong-way{position:absolute;top:30vh;left:50%;translate:-50% 0;display:flex;align-items:center;gap:.5em;padding:.45em 1.1em;background:var(--red);color:#fff;font-style:italic;font-weight:900;font-size:clamp(16px,5.5vh,30px);letter-spacing:.04em;text-transform:uppercase;border:3px solid #fff;border-radius:6px;box-shadow:0 6px 24px #000a;white-space:nowrap;animation:wrongway .8s steps(2,jump-none) infinite}.wrong-way[hidden]{display:none}.wrong-way i{font-style:normal}@keyframes wrongway{50%{background:#fff;color:var(--red);border-color:var(--red)}}.lb{--row: 16px;position:absolute;left:calc(1.2vw + var(--safe-l));top:1.6vh;bottom:1.6vh;width:calc(var(--row) * 6.4);display:flex;flex-direction:column;font-style:italic;filter:drop-shadow(0 4px 10px #0009)}.lb-head{display:flex;align-items:center;justify-content:space-between;gap:.4em;background:linear-gradient(90deg,#0b0d14f2,#171c28ee);border-top:3px solid var(--red);padding:.3em .5em;font-size:calc(var(--row) * .72)}.lb-logo{font-weight:900;color:#fff;letter-spacing:.02em}.lb-logo:first-letter{color:#fff}.lb-lap b{font-size:1.15em}.lb-list{position:relative;flex:1;min-height:0}.lb-row{position:absolute;left:0;right:0;top:0;height:var(--row);display:flex;align-items:center;gap:.35em;padding-right:.4em;background:#0b0d14d9;border-bottom:1px solid #ffffff10;font-size:calc(var(--row) * .66);font-weight:900;letter-spacing:.04em;transition:transform .6s cubic-bezier(.3,.8,.3,1),opacity .3s}.lb-row.hidden{opacity:0;pointer-events:none}.lb-pos{width:1.9em;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff12;font-style:normal}.lb-team{height:78%;width:1.9em;object-fit:contain}.lb-code{flex:1;color:#fff}.lb-row:before{content:"";width:3px;height:70%;background:var(--team);order:1;position:absolute;left:1.9em}.lb-row.me{background:linear-gradient(90deg,var(--red),#b51729)}.lb-row.me .lb-pos{background:#fff;color:var(--red)}.lb-star{color:#ffe14a;font-style:normal}.lb-pen{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(var(--row) * .78);height:calc(var(--row) * .78);background:#fff;color:var(--red);border:2px solid var(--red);box-shadow:0 0 0 1px #fff;border-radius:2px;font-style:normal;font-weight:900;line-height:1;box-sizing:border-box;animation:lbPen 1s ease-in-out 3}.lb-pen[hidden]{display:none}.lb-row.me:has(.lb-pen:not([hidden])) .lb-code{flex:none;margin-right:.4em}@keyframes lbPen{50%{transform:scale(1.3)}}.lb-row.ghost .lb-code{color:#ffe14a}.lb-move{display:none;flex:none;width:0;height:0;border-left:calc(var(--row) * .26) solid transparent;border-right:calc(var(--row) * .26) solid transparent}.lb-row.up .lb-move{display:block;border-bottom:calc(var(--row) * .36) solid #2fe06a}.lb-row.down .lb-move{display:block;border-top:calc(var(--row) * .36) solid #ff4253}.lb-row.up:after,.lb-row.down:after{content:"";position:absolute;inset:0;pointer-events:none;animation:lbMove 1.8s ease-out forwards}.lb-row.up:after{background:linear-gradient(90deg,#2fe06a00 30%,#2fe06a66)}.lb-row.down:after{background:linear-gradient(90deg,#ff425300 30%,#ff425366)}@keyframes lbMove{0%,40%{opacity:1}to{opacity:0}}.lb-row.fl .lb-pos{box-shadow:inset -3px 0 #b04dff}.fastest{position:absolute;top:calc(3.6vh + clamp(30px,8vh,42px) + clamp(24px,6.5vh,34px));left:50%;translate:-50% 0;display:flex;align-items:stretch;font-style:italic;font-weight:900;font-size:clamp(11px,3vh,16px);box-shadow:0 6px 18px #000a;white-space:nowrap}.fastest[hidden]{display:none}.fastest.in{animation:flIn .45s cubic-bezier(.2,.9,.3,1.2)}@keyframes flIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.fastest .fl-tag{display:flex;align-items:center;gap:.45em;padding:.35em .8em;background:#7a1fd6;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.82em}.fastest .fl-tag i{width:.8em;height:.8em;border-radius:50%;border:2px solid #fff;position:relative}.fastest .fl-tag i:after{content:"";position:absolute;left:50%;top:12%;width:2px;height:40%;background:#fff;translate:-50% 0}.fastest .fl-name{display:flex;align-items:center;gap:.4em;padding:.35em .7em;background:#0b0d14ee;color:#fff}.fastest .fl-name img{height:1.2em;width:1.8em;object-fit:contain}.fastest b{display:flex;align-items:center;padding:.35em .7em;background:#b04dff;color:#fff;font-variant-numeric:tabular-nums}.fastest.me .fl-name{background:var(--red)}.battle{margin-top:auto;align-self:flex-end;width:min(100%,clamp(140px,20vw,230px));background:linear-gradient(180deg,#0d0f15f2,#151924ee);border-top:3px solid var(--red);box-shadow:0 6px 18px #000a;font-style:italic;animation:radioIn .35s ease-out}.battle[hidden]{display:none}.battle.out{animation:radioOut .35s ease-in forwards}.bt-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5em;padding:.25em .6em .1em;font-size:clamp(10px,2.6vh,14px)}.bt-head b{text-transform:uppercase;letter-spacing:.1em;color:#fff}.bt-head span{color:#ffffffb0;font-weight:800;font-size:.85em;text-transform:uppercase}.bt-body{display:flex;align-items:flex-end;justify-content:center;gap:.2em;padding:0 .4em .35em}.bt-car{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.bt-car img{width:100%;height:clamp(44px,14vh,96px);object-fit:cover;object-position:50% 0;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--team) 70%,transparent),transparent 70%);border-bottom:3px solid var(--team)}.bt-car span{margin-top:.15em;padding:0 .4em;font-weight:900;font-size:clamp(10px,2.6vh,14px);letter-spacing:.06em;color:#fff}.bt-car.me span{background:var(--red)}.bt-vs{align-self:center;font-weight:900;font-size:clamp(12px,3.4vh,20px);color:var(--red);text-shadow:0 0 6px #000;animation:btVs .9s ease-in-out infinite alternate}@keyframes btVs{to{transform:scale(1.25)}}@media (max-height: 430px){.hud-right:has(.radio:not([hidden])) .battle{display:none}}.race.celebrate .radio{position:relative;z-index:5}.hud-right{position:absolute;right:calc(1.2vw + var(--safe-r));top:1.6vh;bottom:16vh;width:clamp(150px,26vw,300px);display:flex;flex-direction:column;gap:1.2vh;align-items:stretch}.minimap{height:clamp(90px,30vh,210px);transition:opacity .3s}.minimap canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 3px #000c)}.hud-right.radio-on .minimap{display:none}.radio{--team: var(--red);--team-text: var(--team);background:linear-gradient(180deg,#0d0f15f2,#151924ee);border-left:5px solid var(--team);padding:.5em .7em .6em;font-size:clamp(11px,2.9vh,15px);animation:radioIn .35s ease-out;box-shadow:0 6px 18px #000a;max-height:100%;overflow:hidden}.radio[hidden]{display:none}.radio.out{animation:radioOut .4s ease-in forwards}@keyframes radioIn{0%{transform:translate(30px);opacity:0}}@keyframes radioOut{to{transform:translate(30px);opacity:0}}.radio-head{display:flex;align-items:center;gap:.5em;margin-bottom:.35em}.radio-num{font-size:2.2em;font-weight:900;font-style:italic;color:var(--team);line-height:1;text-shadow:0 0 1px #fff8}.radio-name{display:flex;flex-direction:column;line-height:1;text-transform:uppercase;font-style:italic}.radio-name b{font-size:1.3em;font-weight:900;color:var(--team-text);text-shadow:0 0 1px #fff8}.radio-name i{font-size:1.2em;font-weight:900;color:#fff;letter-spacing:.06em}.radio-line{display:flex;gap:.5em;align-items:baseline;margin-top:.25em;animation:lineIn .3s ease-out;text-transform:uppercase;font-weight:800;line-height:1.2}@keyframes lineIn{0%{opacity:0;transform:translateY(4px)}}.radio-line .who{flex:none;font-size:.72em;padding:.1em .35em;border-radius:2px;background:#ffffff1f;color:#ffffffc0}.radio-line.team .txt{color:var(--team-text);text-shadow:0 0 1px #fff6}.radio-line.driver .txt{color:#fff}.radio-line.driver .who{background:var(--team);color:#fff;text-shadow:0 0 2px #000}.new-record{background:#ffe14a;color:#111;font-weight:900;padding:.1em .5em;margin-left:.5em;font-style:italic}.new-record[hidden]{display:none}.intro{background:#000}.intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.intro-skip{position:absolute;right:calc(3vw + var(--safe-r));bottom:4vh;animation:skipIn .4s ease-out}.intro-skip[hidden]{display:none}@keyframes skipIn{0%{opacity:0;transform:translate(20px)}}@media (max-height: 430px){.overlay-box{gap:1.4vh}.overlay-box .title{font-size:7vh;margin:0}.overlay-box .results img{height:1.2em}.winner img{max-height:40vh}[data-o=finish] .btn{padding:.4em 1.4em;font-size:4vh}}.overlay.podium{background:radial-gradient(ellipse at 50% 35%,#2b3140cc,#05060ae6 75%);overflow:hidden}.podium-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.6vh;width:min(92vw,820px)}.podium-box .title{font-size:clamp(22px,8vh,44px);margin:0}.pod-stage{display:flex;align-items:flex-end;justify-content:center;gap:.6em;width:100%;height:62vh;font-size:clamp(10px,2.6vh,15px)}.pod{flex:1;max-width:15em;display:flex;flex-direction:column;align-items:stretch;min-width:0}.pod.empty{visibility:hidden}.pod-fig{position:relative;display:flex;justify-content:center;flex:1;min-height:0}.pod-img{height:100%;max-height:30vh;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 10px #000c);animation:podIn .7s cubic-bezier(.2,.9,.3,1.3) both,podHop .9s ease-in-out 1s infinite alternate}.pod.p1 .pod-img{max-height:34vh;animation-delay:.5s,1.2s}.pod.p2 .pod-img{animation-delay:.25s,1.4s}.pod.p3 .pod-img{animation-delay:0s,1.6s}@keyframes podIn{0%{opacity:0;transform:translateY(40%) scale(.6)}}@keyframes podHop{to{transform:translateY(-4%)}}.pod-name{display:flex;align-items:center;justify-content:center;gap:.35em;padding:.3em .4em;background:#0b0d14ee;font-weight:800;font-style:italic;border-top:3px solid var(--team);white-space:nowrap}.pod-name img{height:1.3em;width:1.9em;object-fit:contain;flex:none}.pod-name span{overflow:hidden;text-overflow:ellipsis;min-width:0}.pod-name b{flex:none;color:#ffffffa0;font-size:.85em}.pod.me .pod-name{background:var(--red)}.pod.me .pod-name b{color:#fff}.pod-step{display:flex;align-items:flex-start;justify-content:center;padding-top:.2em;background:linear-gradient(180deg,#e9ecf1,#aab1bd);color:var(--red-dark);font-weight:900;font-style:italic;font-size:2.6em;line-height:1;box-shadow:inset 0 -6px #0003}.pod.p1 .pod-step{height:13vh;background:linear-gradient(180deg,#ffe46b,#d7a92a)}.pod.p2 .pod-step{height:9vh}.pod.p3 .pod-step{height:6vh;background:linear-gradient(180deg,#f0b98a,#b9763f)}.pod-step span{text-shadow:0 2px 0 #fff8}@media (max-height: 430px){.pod-stage{height:58vh}.podium-box{gap:1vh}.podium-box .title{font-size:7vh}[data-o=podium] .btn{padding:.4em 1.4em;font-size:4vh}}@media (max-width: 900px){.podium-box{width:64vw;margin-right:30vw}}
