@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#17252b;color:white;font-family:Barlow,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c5fa39;outline-offset:4px}.race{position:relative;width:100%;height:100dvh;min-height:380px;overflow:hidden}canvas{width:100%;height:100%;display:block}.toolbar{position:absolute;left:24px;top:22px;display:flex;gap:8px}.toolbar button,.toolbar a{width:55px;height:58px;background:#1b2934dd;color:#fff;border:1px solid #ffffff70;border-radius:5px;text-align:center;text-decoration:none;font-size:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 0 #101a22}.toolbar small{font-size:9px;letter-spacing:1px}.race-info{position:absolute;top:24px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 5px #132329}.race-info>span{font-size:10px;letter-spacing:3px;font-weight:700}.race-info>div{display:flex;align-items:center;gap:9px}.race-info b{font-family:'Barlow Condensed',sans-serif;font-size:44px;font-style:italic}.race-info small{font-size:10px}.race-info i{height:28px;width:1px;background:#ffffff70;margin:0 9px}.race-info strong{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-variant-numeric:tabular-nums}#standings{position:absolute;right:24px;top:22px;width:172px;margin:0;padding:0;list-style:none}#standings li,#finalStandings li{display:flex;align-items:center;margin-bottom:4px;background:#15202be8;font-family:'Barlow Condensed',sans-serif;font-size:20px;gap:9px;border-right:3px solid var(--color)}#standings b{background:#e2e7e9;color:#19232b;padding:3px 10px;min-width:35px;text-align:center}#standings .you{background:#cbf546;color:#192727}#standings .you b{background:#a5ce2a}#standings small{font:700 8px Barlow;margin-left:auto;margin-right:7px}.speed{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:160px;text-align:center;text-shadow:0 2px 5px #10191f}.speed strong{font:800 italic 67px 'Barlow Condensed',sans-serif;line-height:1}.speed>span{font-size:12px;letter-spacing:2px;margin-left:5px}.boost-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;margin-top:12px}.boost-label kbd{font:8px Barlow;letter-spacing:0}.boost-track{height:5px;background:#15242bac;margin-top:6px;transform:skewX(-15deg)}#boost{height:100%;background:#c2f431}.controls{position:absolute;bottom:28px;display:flex;gap:16px;touch-action:none}.steer{left:24px}.controls button{user-select:none;touch-action:none}.steer button{width:92px;height:87px;background:linear-gradient(#f2f5f5e8,#bac8d2e8);border:1px solid #fff9;border-bottom:5px solid #52606d;color:#293b4d;border-radius:7px;font-size:32px;box-shadow:0 5px 20px #14232c44}.controls button.active{background:#d2f36b;transform:translateY(3px);border-bottom-width:2px}.pedals{right:24px;align-items:flex-end}.pedal{background:linear-gradient(110deg,#cbd5dbe8,#fafcfce8,#aebac7e8);border:2px solid #8a969f;border-bottom:5px solid #536270;border-radius:10px;color:#34414e;display:flex;flex-direction:column;justify-content:center;align-items:center}.pedal span{display:block;background:radial-gradient(circle,#43515d 3px,#84929c 4px,transparent 5px);background-size:15px 16px;width:80%;height:70%;}.pedal small{font-size:9px;font-weight:700;margin-top:5px}.brake{width:105px;height:72px;transform:rotate(-4deg)}.gas{width:62px;height:126px;transform:rotate(4deg)}.boost-button{width:52px;height:64px;background:#26343dd9;border:1px solid #cef54e;border-radius:6px;color:#d0f65c;font-size:26px}.boost-button small{display:block;font-size:8px}.menu{position:absolute;inset:0;background:linear-gradient(90deg,#0f202bdd,#14232b75 55%,transparent);display:flex;align-items:center;padding:6vw;z-index:5}.menu-card{max-width:470px}.eyebrow{font-size:10px;letter-spacing:3px;color:#d2f464;font-weight:700}h1{font:900 italic clamp(60px,8vw,106px)/.83 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:24px 0}h1 span{display:block;color:#ccf34a}h2{font:800 italic 46px/1 'Barlow Condensed';margin:18px 0}.intro{font-size:15px;color:#d5e0e5}.choose-label{font-size:9px;letter-spacing:2px;margin-top:25px;color:#aebdc4}.teams{display:flex;gap:10px;margin:10px 0 23px}.teams button{border:1px solid #71818b;background:#1b2e39d9;color:var(--team);width:90px;height:65px;font:800 italic 30px 'Barlow Condensed';border-top:3px solid var(--team);border-radius:3px}.teams small{display:block;color:#e2e9ed;font:600 9px Barlow;letter-spacing:2px}.teams .selected{background:#e7f0ee;color:#182832;border-color:#fff}.teams .selected small{color:#182832}.primary{background:#cdf34b;border:0;border-radius:3px;padding:17px 23px;font:800 16px 'Barlow Condensed';letter-spacing:1px;color:#1a292c;display:flex;justify-content:space-between;gap:35px}.primary:hover{background:#e1ff86}.hint{font-size:11px;line-height:1.9;color:#bacbd2}.record{font-size:10px;color:#c7e07b;letter-spacing:1px}.hidden{display:none!important}.message{position:absolute;top:38%;left:50%;transform:translateX(-50%);font:900 italic 90px 'Barlow Condensed';text-shadow:0 4px 0 #152a3c,0 0 25px #17252b;color:#e5ff83;text-align:center;pointer-events:none}.pause-panel{position:absolute;inset:0;background:#14252ddc;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.exit{display:block;color:#d8e2e6;margin-top:20px;font-size:12px;background:none;border:0}#finalStandings{list-style:none;padding:0;margin:20px 0}#finalStandings li{padding:4px 12px}#finalStandings small{margin-left:auto;font-size:14px} @media(max-width:700px){.toolbar{left:12px;top:12px;gap:5px}.toolbar button,.toolbar a{width:36px;height:42px;font-size:20px}.toolbar small{font-size:7px}.race-info{top:66px;left:12px;transform:none;text-align:left}.race-info>span{font-size:8px;letter-spacing:1px}.race-info b{font-size:32px}.race-info strong{font-size:21px}.race-info i{margin:0 3px}#standings{right:12px;top:12px;width:118px}#standings li{font-size:15px;gap:5px;margin-bottom:2px}#standings b{min-width:25px;padding:2px 5px}#standings small{font-size:6px}.controls{bottom:20px;gap:8px}.steer{left:12px}.steer button{width:53px;height:59px;font-size:21px}.pedals{right:12px}.brake{width:61px;height:55px}.gas{width:46px;height:88px}.boost-button{width:38px;height:53px;font-size:20px}.speed{bottom:100px;width:120px}.speed strong{font-size:44px}.speed>span{font-size:9px}.boost-label{font-size:8px}.menu{padding:28px;background:#122631bf}.menu-card{max-width:360px}h1{font-size:76px;margin:18px 0}.intro{font-size:13px}.teams{margin-bottom:16px}.choose-label{margin-top:18px}.hint{font-size:10px}.message{font-size:65px}}@media(max-height:520px){.menu{padding:20px 5vw}.menu-card{max-width:460px}h1{font-size:60px;margin:12px 0;display:flex;gap:10px}.intro{margin:8px 0}.choose-label{margin-top:12px}.teams{margin:7px 0 12px}.teams button{height:48px}.primary{padding:12px 20px}.hint{line-height:1.5;margin:8px 0}.speed{bottom:18px}.race-info{top:18px;left:50%;transform:translateX(-50%)}.race-info>span{display:none}}
@media(min-width:701px){.speed{left:42%}}

.drive-help{position:absolute;left:24px;top:100px;display:flex;flex-direction:column;gap:4px;background:#172933bb;padding:10px 14px;border-left:3px solid #cef44e;min-width:180px;pointer-events:none}.drive-help strong{font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:1px}.drive-help span{font-size:9px;color:#d5ef88;letter-spacing:1px}.drive-help small{font-size:9px;color:#b9cbd4}.race-progress{height:3px;background:#ffffff30;margin-top:5px}.race-progress i{display:block;height:100%;width:0;background:#c9f348}.toolbar button[aria-pressed=true]{color:#d5fb68;border-color:#d5fb68}.message{font-size:clamp(28px,5vw,65px);white-space:nowrap}@media(max-width:700px){.drive-help{left:12px;top:122px;min-width:150px;padding:7px 9px}.drive-help strong{font-size:16px}.drive-help span,.drive-help small{font-size:8px}}@media(max-height:520px){.drive-help{top:72px}.drive-help small{display:none}}

.auto-choice{display:block;font-size:12px;color:#edf6df;margin:0 0 17px;cursor:pointer}.auto-choice input{accent-color:#c9f348;width:16px;height:16px;vertical-align:middle;margin:0 7px 0 0}.auto-choice small{display:block;font-size:9px;color:#adbec5;margin:5px 0 0 25px}@media(max-height:520px){.auto-choice{margin-bottom:10px}.auto-choice small{display:none}}
@media(max-width:700px) and (min-height:521px){.speed{left:auto;right:12px;top:180px;bottom:auto;transform:none;width:100px}.speed strong{font-size:45px}.boost-label kbd{display:none}}
@media(min-width:701px) and (max-width:1000px){.toolbar button,.toolbar a{width:43px;height:49px}.toolbar{gap:6px}}

.menu{overflow-y:auto}.menu-card{flex-shrink:0}@media(max-width:700px) and (min-height:521px){.drive-help{min-width:0;max-width:210px}.speed{top:165px}.hint{line-height:1.6}}@media(max-height:520px){.drive-help{padding:5px 9px;min-width:150px}.drive-help strong{font-size:15px}.toolbar{top:10px}.toolbar button,.toolbar a{height:42px}.race-info{top:8px}.controls{bottom:12px}.pedal.gas{height:76px}.steer button{height:58px}.hint{font-size:9px}.menu-card{margin:auto 0}}

@media(max-height:520px){.speed{left:110px;bottom:87px;width:110px;transform:translateX(-50%)}.speed strong{font-size:42px}.boost-label{margin-top:5px}.boost-label kbd{display:none}}
.game-brand-art{display:block;width:min(220px,78%);height:120px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.42))}