.has-race-join-qr{--race-join-code-size:clamp(112px, min(15cqw, 23cqh), 232px);--race-join-height:calc(var(--race-join-code-size) + 54px);--race-join-inset:clamp(12px, 2cqh, 24px)}.race-join-qr{right:max(var(--race-join-inset), env(safe-area-inset-right));bottom:max(var(--race-join-inset), env(safe-area-inset-bottom));z-index:8;width:calc(var(--race-join-code-size) + 20px);color:#173e50;text-align:center;background:#fff8df;border:2px solid #173e50;border-radius:12px;justify-items:center;gap:6px;padding:8px;font-family:Arial,Helvetica,sans-serif;display:grid;position:absolute;box-shadow:0 3px #173e50}.race-join-qr img{width:var(--race-join-code-size);height:var(--race-join-code-size);image-rendering:pixelated;background:#fff;display:block}.race-join-qr>div{gap:3px;display:grid}.race-join-qr strong{font-size:clamp(10px,1cqw,15px);font-weight:900;line-height:1.15}.race-join-qr span{font-size:clamp(9px,.85cqw,13px);line-height:1.15}.tutto-kiosk .tk-single-player.has-race-join-qr .tk-midline-label,.tutto-kiosk .has-race-join-qr .tk-practice{bottom:calc(var(--race-join-height) + var(--race-join-inset) + 12px);right:var(--race-join-inset)}.tutto-kiosk .tk-single-player.has-race-join-qr .tk-practice{bottom:calc(var(--race-join-height) + var(--race-join-inset) + max(6cqh, 34px) + 12px)}.arcade .has-race-join-qr .scene-bottom{left:max(14px, env(safe-area-inset-left));right:auto;bottom:max(58px, calc(env(safe-area-inset-bottom) + 46px))}@container (max-height:480px){.race-join-qr{--race-join-code-size:88px;border-radius:8px;gap:4px;width:102px;padding:5px}.race-join-qr strong{font-size:8px}.race-join-qr span{font-size:7px}}@media (max-height:480px){.has-race-join-qr{--race-join-code-size:88px;--race-join-height:127px}}@container (max-width:700px){.has-race-join-qr .race-item-hud__card{gap:0;padding:6px}.has-race-join-qr .race-item-hud__label,.has-race-join-qr .race-item-hud__name,.has-race-join-qr .race-item-hud__charge-dots{display:none}.has-race-join-qr .race-item-hud__charges{color:#fff8df;background:#173e50;border-radius:5px;gap:0;padding:3px;font-size:0;position:absolute;bottom:3px;right:3px}.has-race-join-qr .race-item-hud__charges b{font-size:10px}}
.race-standings{top:clamp(74px,17cqh,136px);left:max(12px, 2cqw, env(safe-area-inset-left));z-index:6;color:#fff8df;pointer-events:none;background:#153746e8;border:1px solid #fff8df85;border-radius:10px;width:clamp(148px,18cqw,246px);padding:8px;font-family:Arial,Helvetica,sans-serif;position:absolute}.race-standings__title{letter-spacing:.05em;align-items:center;gap:6px;margin:0 0 6px;font-size:clamp(8px,1.3cqh,12px);display:flex}.race-standings__title i{background:#82e6ad;border-radius:50%;width:5px;height:5px}.race-standings ol{gap:3px;margin:0;padding:0;list-style:none;display:grid}.race-standings li{border-radius:4px;align-items:center;gap:6px;height:clamp(18px,3cqh,29px);padding:2px 4px;font-size:clamp(9px,1.5cqh,15px);display:flex}.race-standings li.is-player{background:#fff8df17}.race-standings__place{text-align:center;color:#c7d9df;font-variant-numeric:tabular-nums;min-width:1.2em}.race-standings .is-leading .race-standings__place{color:#ffdf65}.race-standings__portrait{aspect-ratio:1;border-radius:50%;flex-shrink:0;height:100%;overflow:hidden}.race-standings__portrait svg{width:100%;height:100%;display:block}.race-standings__name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.race-standings li small{color:#c7d9df;flex-shrink:0;margin-left:auto;font-size:.7em}.race-standings .is-player small{color:#ffdf65;font-weight:900}.tutto-kiosk .has-race-standings .tk-player-1 .tk-driver-effect{border-width:2px;margin-top:7px;padding:3px 7px;font-size:clamp(10px,1.6cqh,15px);top:100%;left:0}.tutto-kiosk .has-race-standings .race-standings{top:clamp(92px,20cqh,160px)}@container (max-height:480px){.race-standings{border-radius:7px;width:152px;padding:5px}.race-standings__title{margin-bottom:3px}.race-standings ol{gap:2px}.race-standings li{gap:4px;height:16px;padding:1px 3px}.race-standings[data-split=true]{width:clamp(220px,35cqw,300px)}.race-standings[data-split=true] ol{grid-template-rows:repeat(3,16px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:column}}
