@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101917;--panel:#182521;--ink:#eef1e9;--muted:#9caea1;--yellow:#f1ce63}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button:disabled{opacity:.4;cursor:default}.app{max-width:1000px;margin:auto;padding:24px 28px max(18px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:24px;line-height:1}.brand small{display:block;font:9px 'DM Sans',sans-serif;margin-top:7px}.mark{font:46px Georgia;color:var(--yellow);transform:rotate(-20deg)}.tools{display:flex;gap:8px}.tools button{background:var(--panel);width:39px;height:39px;border:1px solid #344039;border-radius:50%;font-size:20px}.hud{display:flex;justify-content:space-between;border-top:1px solid #354139;border-bottom:1px solid #354139;padding:14px 8px;margin-bottom:14px}.hud small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:4px}.hud strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;letter-spacing:1px}.hud em{font-style:normal;font-size:18px;color:#77877c}.track-wrap{position:relative;background:#182923;border:1px solid #354139;border-radius:16px;overflow:hidden;aspect-ratio:1000/660}canvas{display:block;width:100%;height:100%;touch-action:none}.track-label{pointer-events:none;position:absolute;top:47%;left:0;right:0;text-align:center;color:#829a75;font-family:'Barlow Condensed',Impact,sans-serif;font-size:17px;letter-spacing:3px}.track-label span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:4px}.overlay{position:absolute;inset:0;background:#101917e8;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;backdrop-filter:blur(4px)}.hidden{display:none!important}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--yellow);font-weight:700}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.5px;margin:16px 0 10px;text-transform:uppercase}h1 span{color:var(--yellow)}.overlay p{font-size:13px;color:#afbcaf;line-height:1.6;margin:8px 0 20px}.levels{display:flex;gap:5px;border:1px solid #3f4b40;border-radius:8px;padding:4px;margin-bottom:14px}.levels button{background:transparent;color:#afbcaf;border-radius:5px;padding:9px 13px;font-size:11px}.levels .selected{background:#364634;color:#fff}.primary{background:var(--yellow);color:#19231c;border-radius:8px;padding:15px 20px;min-width:240px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:1px}.primary span{font-size:20px}.best{margin-top:13px;font-size:10px;color:#afbcaf}.controls{padding-top:19px}.hint{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.8px;color:#bdc7ba;margin-bottom:10px}.dot{width:7px;height:7px;background:var(--yellow);border-radius:50%}.hint-right{margin-left:auto;color:#839687}#steer{width:100%;min-height:88px;background:var(--yellow);color:#202b21;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:18px;font-weight:800;font-size:14px;letter-spacing:.8px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .08s,transform .08s}#steer small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-top:6px}.turn-icon{font-size:45px;line-height:1}#steer.active{background:#ffe9a1;transform:scale(.99)}.footnote{text-align:center;font-size:10px;color:#839687;line-height:1.6;margin:12px 0 0}#countdown{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 100px 'Barlow Condensed',Impact,sans-serif;color:var(--yellow);text-shadow:0 3px 24px #000}ol{width:260px;padding:0;list-style:none;margin:0 0 18px}ol li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #344338;padding:7px 0;font-size:11px}ol li strong{margin-left:auto;font-weight:500}.text-button{background:none;color:#a6b8a8;padding:12px;font-size:11px}@media(max-width:600px){.app{padding:16px 14px max(12px,env(safe-area-inset-bottom))}header{margin-bottom:18px}.brand{font-size:21px}.hud{padding:10px 5px}.hud strong{font-size:27px}.track-wrap{aspect-ratio:1/1.22}.overlay{padding:15px}h1{font-size:48px}.overlay p{font-size:12px}.track-label{font-size:11px;letter-spacing:2px}.track-label span{font-size:6px}.hint{font-size:8px;letter-spacing:0}.hint-right{font-size:7px}#steer{min-height:88px;font-size:12px}.footnote{font-size:9px}}@media(max-height:550px) and (orientation:landscape){.app{padding:10px 18px;display:grid;grid-template-columns:1fr 210px;gap:10px 20px;max-width:1000px}header{grid-column:1/3;margin:0}.hud{grid-column:2;grid-row:2;margin:0;flex-direction:column;gap:12px;border:0}.track-wrap{grid-column:1;grid-row:2/4;aspect-ratio:1000/660}.controls{grid-column:2;grid-row:3;padding:0}.hint-right{display:none}.hint{font-size:8px}.overlay h1{font-size:32px}.overlay p{margin:5px 0 9px;font-size:10px}.eyebrow{font-size:8px}.levels{margin-bottom:8px}.levels button{padding:6px 10px}.primary{padding:10px 15px}.best{margin-top:6px}ol li{padding:3px}.track-label{font-size:12px}}

#countdown.finishing-text{align-items:flex-start;padding-top:20px;font:700 13px 'DM Sans',system-ui,sans-serif;letter-spacing:1px;text-shadow:0 2px 8px #000}
.setup-label{font-size:12px;margin:8px 0}.players{margin-bottom:8px}.players button{min-width:43px;font-size:14px}.name-fields{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:340px;margin-bottom:10px}.name-fields label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--player)}.name-fields input{width:105px;max-width:100%;padding:7px;border:1px solid #52614c;border-radius:5px;background:#18251d;color:#eef1e9;font:12px 'DM Sans',sans-serif}.overlay p.start-instruction{font-size:12px;line-height:1.5;margin:0 0 12px}.overlay h1{font-size:clamp(32px,5vw,54px);margin-top:10px}.overlay{overflow-y:auto}.signal{position:absolute;top:80px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.red-lamp{width:42px;height:42px;border-radius:50%;background:#321b1b;border:3px solid #121a16;box-shadow:0 0 0 2px #566156}.red-lamp.on{background:#ff3939;box-shadow:0 0 0 2px #566156,0 0 28px #ff343498}.signal strong{font-size:12px;letter-spacing:1px;white-space:nowrap;background:#101917df;padding:5px 9px;border-radius:5px}.corner-controls,.race-status{display:none}.playing{overflow:hidden}.playing .app{position:fixed;inset:0;max-width:none;padding:0;height:100dvh}.playing header{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);margin:0;z-index:4}.playing .brand,.playing .controls{display:none}.playing .track-wrap{width:100%;height:100%;aspect-ratio:auto;border-radius:0;border:0}.playing .hud{position:absolute;bottom:94px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 28px));margin:0;padding:6px 8px;z-index:2;background:#101917bb;border:0;pointer-events:none}.playing .hud strong{font-size:25px}.playing .hud small{font-size:9px;letter-spacing:.5px}.playing .track-label{top:46%;font-size:12px}.playing .corner-controls{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}.race-control{position:absolute;width:112px;min-height:78px;background:var(--player);color:#142118;border-radius:14px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 3px 0 #0007}.race-control strong{font-size:18px}.race-control span{font-size:13px;font-weight:800;letter-spacing:.5px}.race-control small{font-size:9px;letter-spacing:1px}.race-control.p1{--player:#f1ce63;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}.race-control.p2{--player:#ef806e;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}.race-control.p3{--player:#8dc4e7;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.race-control.p4{--player:#eeeade;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.race-control.active{filter:brightness(1.18);box-shadow:inset 0 3px 8px #0004}.race-control.dq{background:#4c2929;color:#ffb4ae;opacity:.8}.race-control:disabled{opacity:.6}.playing .race-status{display:flex;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);max-width:calc(100% - 254px);gap:10px;z-index:2;justify-content:center;text-align:center;pointer-events:none}.race-status div{font-size:10px;min-width:36px}.race-status strong{display:block;color:var(--player);font-size:12px}.playing .overlay{z-index:5}.playing #menu{display:none}.playing #countdown.finishing-text{padding-top:150px;font-size:12px}.save-status{font-size:12px!important;margin:2px 0 10px!important}.result-actions{display:flex}.playing .overlay ol{width:min(320px,100%)}.playing .overlay ol li{font-size:13px;padding:8px 0}dialog{background:#18251e;color:#eef1e9;border:1px solid #52614c;border-radius:16px;width:min(540px,calc(100% - 28px));max-height:85dvh;padding:24px}dialog::backdrop{background:#08120be6;backdrop-filter:blur(5px)}.records-head{display:flex;justify-content:space-between;align-items:center}.records-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;margin:8px 0}.records-head button{background:none;font-size:32px}.records-head .eyebrow{font-size:12px}#records-state{font-size:13px;color:#afbcaf}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid #354738}th{color:var(--yellow);font-weight:600}td:nth-child(3){font-variant-numeric:tabular-nums;white-space:nowrap}td:last-child{font-size:12px;color:#a9b7a9}.best{min-height:12px}.signal.flash strong{color:#f1ce63}@media(max-width:600px){.track-wrap{aspect-ratio:1/1.6}.overlay .eyebrow{font-size:10px}.overlay h1{font-size:38px}.overlay .primary{min-width:220px;padding:12px 18px}.overlay .levels button{padding:8px 10px}.overlay .text-button{padding:9px}.playing .track-wrap{aspect-ratio:auto}.race-control{width:102px;min-height:76px}.playing .race-status{max-width:calc(100% - 226px);gap:5px}.race-status div{min-width:28px;font-size:9px}.race-status strong{font-size:11px}}@media(max-height:550px) and (orientation:landscape){.playing .app{display:block}.playing .hud{bottom:84px;width:min(380px,calc(100% - 250px));flex-direction:row;gap:10px}.playing .hud strong{font-size:23px}.playing .hud small{font-size:8px}.race-control{min-height:64px;width:105px}.signal{top:65px}.red-lamp{width:28px;height:28px}.signal strong{font-size:10px}.playing #countdown.finishing-text{padding-top:112px}.track-wrap .overlay{justify-content:flex-start;padding:15px}.overlay .levels{margin-bottom:7px}.name-fields{margin-bottom:7px}.overlay p.start-instruction{font-size:11px}.overlay .primary{padding:10px 15px}.playing .overlay{justify-content:center}.playing .overlay h1{font-size:36px}.playing .overlay ol li{padding:5px 0}.playing .track-label{top:44%}}

.playing .race-status{flex-wrap:wrap}@media(max-height:550px) and (orientation:landscape){.playing .hud{top:47%;bottom:auto;width:min(250px,calc(100% - 250px));transform:translate(-50%,-50%);background:#203b22aa}.playing .hud strong{font-size:20px}.playing .track-label{display:none}}

.speedway-logo{width:52px;height:48px;color:var(--yellow);flex-shrink:0}.brand{gap:10px}.brand small{font-size:8px;letter-spacing:.2px}.track-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(340px,100%);margin:3px 0 7px}.track-option{background:#1b2b23;border:1px solid #435241;border-radius:9px;display:flex;flex-direction:column;align-items:center;padding:7px 5px;color:#c2cdbd;min-height:73px}.track-option svg{width:78px;height:40px;max-width:100%}.track-option strong{font-size:12px;font-weight:600;margin-top:3px}.track-option.selected{border-color:var(--track-color);box-shadow:inset 0 0 0 1px var(--track-color);color:#fff}.track-option:hover{background:#2d3b2c}.random-track{height:40px;font:700 32px 'Barlow Condensed',sans-serif;color:#d5dace}.track-caption{font-size:11px!important;margin:0 0 12px!important;line-height:1.4!important;color:var(--track-accent,#f1ce63)!important}.overlay#menu{justify-content:flex-start;padding-top:20px}.overlay#menu h1{font-size:34px;margin:9px 0 6px}.records-filter{display:flex;align-items:center;gap:12px;font-size:14px;margin:12px 0}.records-filter select{font:14px 'DM Sans',sans-serif;background:#213329;color:#eef1e9;border:1px solid #62735a;border-radius:7px;padding:9px;flex:1}.track-label{color:var(--track-accent,#829a75)}@media(max-width:600px){.app>.track-wrap{aspect-ratio:1/2}.playing .app>.track-wrap{aspect-ratio:auto}.track-options{gap:5px}.track-option{min-height:70px}.track-option strong{font-size:11px}.overlay#menu{padding-top:16px}}@media(max-height:550px) and (orientation:landscape){.overlay#menu{padding-top:15px}.track-options{grid-template-columns:repeat(6,1fr);width:min(600px,100%)}.track-option svg{width:60px;height:32px}.track-option strong{font-size:10px}.track-option{min-height:60px}.random-track{height:32px;font-size:27px}.track-caption{margin-bottom:8px!important}.brand .speedway-logo{width:42px;height:38px}}

.brand{gap:11px}.brand .speedway-logo{width:68px;height:58px}.speedway-wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:800;font-style:italic;letter-spacing:.7px;line-height:1;color:#f4f3e8;position:relative}.speedway-wordmark:after{content:'';position:absolute;left:1px;right:4px;bottom:-7px;height:3px;background:var(--yellow);transform:skewX(-30deg)}@media(max-width:600px){.brand .speedway-logo{width:59px;height:50px}.speedway-wordmark{font-size:27px}.brand{gap:8px}}@media(max-height:550px) and (orientation:landscape){.brand .speedway-logo{width:53px;height:45px}.speedway-wordmark{font-size:26px}}

.overlay#menu h1{font-size:40px;line-height:1;margin:11px 0 10px}#menu>.eyebrow{font-size:9px;letter-spacing:1.4px}.playing .hud{width:min(380px,calc(100% - 28px))}@media(max-height:550px) and (orientation:landscape){.overlay#menu h1{font-size:32px}.playing .hud{width:215px}}
.gp-mode .quick-only{display:none!important}.gp-mode #best{display:none}.game-modes{margin:9px 0}.game-modes button{font-size:12px}.gp-panel{width:min(370px,100%);padding:14px 0 10px;border-top:1px solid #3d4b38;margin-top:5px}.gp-panel h2{font:700 29px 'Barlow Condensed',Impact,sans-serif;margin:7px 0 8px;line-height:1.1}.gp-panel p{font-size:12px!important;line-height:1.5!important;margin:5px 0!important}#gp-next{color:#f1ce63;font-weight:600}#gp-save-state{font-size:11px!important;color:#9eae98}.gp-panel .error{color:#ef9b91!important}.gp-actions{display:flex;flex-wrap:wrap;justify-content:center}.gp-actions button{padding:8px;font-size:11px}.gp-panel details{border:1px solid #3d4b38;border-radius:7px;margin-top:8px;text-align:left;padding:9px}.gp-panel summary{cursor:pointer;font-size:13px}.gp-panel .you{background:#f1ce6320;color:#f1ce63}.gp-panel table{font-size:12px}.gp-panel td,.gp-panel th{padding:7px}.gp-panel .gp-rules p{font-size:12px!important;margin:9px 0!important}.gp-panel a{color:#f1ce63;font-size:12px}.mystery-track #track,.mystery-track #track-label{visibility:hidden}.mystery-track .track-wrap{background:#182521}.playing .signal{top:var(--arena-center-y,50%);left:50%;transform:translate(-50%,-50%);background:#101917d9;padding:12px 16px;border-radius:12px}.playing .has-center-event #track-label,.playing.has-center-event #track-label{visibility:hidden}.race-ceremony{position:absolute;top:var(--arena-center-y,50%);left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;max-width:76%;width:235px;background:#101917d9;border-radius:12px;padding:9px 12px;pointer-events:none;z-index:2;text-align:center}.race-ceremony strong{font-size:12px;color:var(--yellow)}.race-ceremony span{font-size:12px;color:#e6eddf}.checkered-flag{width:55px;height:44px;animation:flag-wave 1.1s ease-in-out infinite alternate;transform-origin:15% 90%}.result-podium{display:flex;flex-direction:column;align-items:center;gap:3px;margin:8px 0 0}.result-podium .checkered-flag{width:65px;height:50px}.result-podium strong{font-size:16px;color:var(--yellow)}.result-podium span{font-size:12px;color:#c9d6c0}.playing #countdown.finishing-text{padding-top:142px;font-size:11px}.playing #gp-result-message{font-size:12px;margin:5px 0 12px;color:#f1ce63}.playing #result h1{font-size:36px;margin-top:12px}.playing #result .overlay p{margin:6px 0}@keyframes flag-wave{from{transform:rotate(-9deg) skewY(-2deg)}to{transform:rotate(9deg) skewY(3deg)}}@media(prefers-reduced-motion:reduce){.checkered-flag{animation:none}}@media(max-height:550px) and (orientation:landscape){.playing #countdown.finishing-text{padding-top:92px}.race-ceremony{padding:5px 9px;width:225px}.race-ceremony .checkered-flag{width:42px;height:32px}.playing #result{justify-content:flex-start;padding-top:14px}.playing #result h1{font-size:28px}.result-podium{margin:0}.result-podium .checkered-flag{width:42px;height:32px}.gp-panel{padding-top:8px}.game-modes{margin:5px 0}}

.race-ceremony.showing-lap{width:180px;background:#101917bb;padding:12px}.race-ceremony.showing-lap #ceremony-time{font:700 40px/1.1 "Barlow Condensed",Impact,sans-serif;color:#f4f3e8;font-variant-numeric:tabular-nums}.race-ceremony.showing-lap strong{font-size:10px;letter-spacing:1px}@media(max-height:550px) and (orientation:landscape){.race-ceremony.showing-lap{padding:7px}.race-ceremony.showing-lap #ceremony-time{font-size:30px}}

/* Race lineup stays below the top controls, clear of the steering corners. */
.playing .race-status{top:max(96px,calc(env(safe-area-inset-top) + 88px));bottom:auto;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,calc(100% - 28px));max-width:none;gap:4px 9px;padding:7px 9px;border:1px solid #4c614b66;border-radius:9px;background:#101917da;text-align:left;pointer-events:none}
.race-status .rider-row{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px}.race-status .rider-position{display:flex;align-items:center;justify-content:center;flex:0 0 18px;height:18px;border-radius:50%;background:var(--player);color:#101917;font-weight:800;font-size:10px}.race-status .rider-name{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef1e9;font:600 11px 'DM Sans',system-ui,sans-serif}.race-status .rider-state{font-size:9px;color:var(--player);white-space:nowrap;font-variant-numeric:tabular-nums}.race-status .rider-dq{opacity:.55}.race-status .rider-dq .rider-state{font-size:7px}
@media(max-width:360px){.race-status .rider-name{font-size:10px}.playing .race-status{gap:4px 6px;padding:6px}.race-status .rider-row{gap:4px}}
@media(max-height:550px) and (orientation:landscape){.playing .race-status{top:max(65px,calc(env(safe-area-inset-top) + 65px));width:min(390px,calc(100% - 246px));padding:5px 8px;gap:3px 9px}.race-status .rider-name{font-size:10px}.race-status .rider-position{height:16px;flex-basis:16px}}

/* Race HUD occupies edge strips; the riding surface stays unobstructed. */
#safe-insets{position:fixed;left:0;top:0;width:0;height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);visibility:hidden;pointer-events:none}
.playing .tools{gap:4px}.playing .tools button{width:30px;height:30px;font-size:17px}
.playing header{top:calc(env(safe-area-inset-top) + 8px);left:50%;right:auto;transform:translateX(-50%)}
.playing .race-control{width:80px;min-height:72px;padding:5px 4px;gap:2px;border-radius:11px}.playing .race-control strong{font-size:16px}.playing .race-control span{font-size:12px}.playing .race-control small{font-size:8px}
.playing .race-control.p1{left:auto;right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px)}
.playing .race-control.p2{right:auto;left:calc(env(safe-area-inset-left) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px)}
.playing .race-control.p3{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px)}
.playing .race-control.p4{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px)}
.playing .race-status{top:calc(env(safe-area-inset-top) + 48px);bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:min(360px,calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px));max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:5px 7px;border-radius:7px}
.playing.four-corners .race-status{top:calc(env(safe-area-inset-top) + 92px)}
.playing .race-status .rider-row{min-height:18px;gap:5px}.playing .race-status .rider-position{height:18px;flex-basis:18px}.playing .race-status .rider-name{font-size:11px}
.playing .hud{top:auto;bottom:calc(env(safe-area-inset-bottom) + 24px);left:50%;right:auto;transform:translateX(-50%);width:min(112px,calc(100% - 176px));padding:3px 0;margin:0;background:transparent;display:flex;flex-direction:row;justify-content:center;text-align:center}
.playing .hud>div:not(:last-child){display:none}.playing .hud small{font-size:8px;line-height:10px;margin-bottom:2px;letter-spacing:0;white-space:nowrap}.playing .hud strong{font-size:24px;line-height:26px;letter-spacing:0;font-variant-numeric:tabular-nums}
.playing #countdown.finishing-text{display:none}
.playing .track-label{left:var(--arena-center-x,50%);top:var(--arena-center-y,50%);right:auto;transform:translate(-50%,-50%)}
.playing .signal,.playing .race-ceremony{left:var(--arena-center-x,50%);top:var(--arena-center-y,50%);max-width:var(--infield-width);max-height:var(--infield-height);overflow:hidden;box-sizing:border-box}
.playing .signal{width:min(170px,var(--infield-width));gap:3px;padding:5px}.playing .signal .red-lamp{width:28px;height:28px;flex-shrink:0}.playing .signal strong{font-size:10px;line-height:12px;padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.playing .race-ceremony{width:min(210px,var(--infield-width));padding:4px;gap:2px}.playing .race-ceremony strong{width:100%;font-size:9px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playing .race-ceremony span{font-size:13px;line-height:15px}.playing .race-ceremony .checkered-flag{width:32px;height:25px;flex-shrink:0}
.playing .race-ceremony.showing-lap{width:min(110px,var(--infield-width));padding:4px}.playing .race-ceremony.showing-lap #ceremony-time{font-size:30px;line-height:32px}.playing .race-ceremony.showing-lap strong{font-size:8px;letter-spacing:0}
.playing.tight-infield #ceremony-title{display:none}.playing.tight-infield .race-ceremony{padding:3px}.playing.tight-infield .race-ceremony .checkered-flag{width:24px;height:18px}.playing.tight-infield .race-ceremony span{font-size:11px;line-height:13px}.playing.tight-infield .race-ceremony.showing-lap #ceremony-time{font-size:22px;line-height:24px}.playing.tight-infield .signal .red-lamp{width:23px;height:23px}.playing.tight-infield .signal strong{font-size:8px;line-height:10px}
.playing.race-landscape header{top:calc(env(safe-area-inset-top) + 4px);left:calc(env(safe-area-inset-left) + 8px);transform:none}.playing.race-landscape .tools button{width:26px;height:26px;font-size:16px}
.playing.race-landscape .race-status{top:calc(env(safe-area-inset-top) + 5px);left:calc(env(safe-area-inset-left) + 106px);right:calc(env(safe-area-inset-right) + 102px);transform:none;width:auto;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 5px;gap:7px;border:0;background:transparent}
.playing.race-landscape .race-status .rider-row{min-height:18px;gap:4px}.playing.race-landscape .race-status .rider-state{display:none}.playing.race-landscape .race-status .rider-name{font-size:10px}.playing.race-landscape .race-status .rider-position{height:16px;flex-basis:16px;font-size:9px}
.playing.race-landscape .hud{top:calc(env(safe-area-inset-top) + 4px);bottom:auto;left:auto;right:calc(env(safe-area-inset-right) + 8px);transform:none;width:88px;padding:0}.playing.race-landscape .hud small{font-size:7px;line-height:8px;margin-bottom:1px}.playing.race-landscape .hud strong{font-size:20px;line-height:21px}
.playing.race-landscape .race-control{min-height:64px}.playing.race-landscape .race-control.p3,.playing.race-landscape .race-control.p4{top:calc(env(safe-area-inset-top) + 46px)}

.online-mode .quick-only,.online-mode .offline-only,.online-mode #best{display:none!important}.game-modes{flex-wrap:wrap;justify-content:center}.game-modes button{font-size:11px}.online-panel{width:min(370px,100%);border-top:1px solid #3d4b38;padding:12px 0;margin:6px 0 10px}.online-panel h2{font:700 28px/1.1 'Barlow Condensed',Impact,sans-serif;margin:5px 0 8px}.online-panel p{font-size:12px!important;line-height:1.5!important;margin:8px 0!important}.online-panel small{display:block;color:#92a48f;font-size:10px;line-height:1.4}.online-panel strong{display:block;color:#f1ce63;font-size:13px;margin:8px 0}.online-panel ul{list-style:none;padding:0;margin:6px 0;display:grid;grid-template-columns:1fr 1fr;gap:5px}.online-panel li{padding:7px;background:#233327;border-radius:5px;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-panel .error{color:#ef9b91!important}#online-status{min-height:30px;color:#aec39e}