.racer{max-width:1100px;margin:auto}.racer h1{margin:0;font-size:clamp(2.2rem,8vw,4.5rem)}.racer-stage{background:#12121e;border-radius:20px;position:relative;overflow:hidden}.racer-stage canvas{width:100%;height:clamp(300px,55vh,620px);display:block}.racer-hud{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:18px 20px auto}.racer-hud strong{font-size:1.6rem}.racer-hud small{font-size:.75rem}.racer-overlay{text-align:center;color:#fff;background:#12121ea8;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.racer-overlay p{max-width:380px}.racer-controls{justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.racer-controls>div{gap:8px;display:flex}.racer-pedal{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#24202b;border:1px solid #8c8178;border-radius:12px;min-width:60px;min-height:60px;font-weight:800}.racer-pedal:active{background:#c74a00}.racer-controls button:focus-visible{outline-offset:3px;outline:3px solid #ff742f}@media (width<=520px){.racer .section-head{align-items:flex-start;gap:10px}.racer .section-head .button{padding:12px;font-size:.75rem}.racer-pedal{min-width:48px;min-height:56px;font-size:.75rem}.racer-controls>div{gap:5px}.racer-controls .button{padding:10px 5px;font-size:.75rem}.racer-stage canvas{height:48vh;min-height:300px}.racer-hud{inset:12px}.racer-controls{gap:5px}}@media (prefers-reduced-motion:reduce){.racer *{scroll-behavior:auto;transition:none}}.racer-tagline{color:#ff9d60;letter-spacing:.06em;margin:0;font-weight:700}.racer-now{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:12px 0;font-size:.875rem;display:flex}.racer-now span{opacity:.7}.racer-reset{color:#fff;white-space:nowrap;pointer-events:none;background:#171728e8;border:1px solid #ff9d60;border-radius:12px;padding:10px 16px;font-size:.875rem;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.racer-view{background:#12121e;border-radius:20px;position:relative}.racer-view-toolbar{background:#12121e;justify-content:flex-end;align-items:center;gap:12px;padding:8px 0;display:flex}.racer-view-toolbar>div{gap:8px;display:flex}.racer-view-toolbar button{min-height:48px;font-size:.875rem}.racer-fullscreen-brand{display:none}.trbo-fullscreen-lock{overflow:hidden}:is(.racer-view.racer-fullscreen,.racer-view:fullscreen){z-index:2000;color:#fff;background:#12121e;border-radius:0;width:100vw;max-width:none;height:100dvh;margin:0;position:fixed;inset:0;overflow:hidden}.racer-view:-webkit-full-screen{z-index:2000;color:#fff;background:#12121e;border-radius:0;width:100vw;max-width:none;height:100dvh;margin:0;position:fixed;inset:0;overflow:hidden}.racer-fullscreen .racer-stage{border-radius:0;height:100%}.racer-fullscreen .racer-stage canvas{width:100%;min-height:0;height:100%!important}.racer-fullscreen .racer-view-toolbar{z-index:4;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));background:linear-gradient(#12121edb,#12121e00);justify-content:space-between;position:absolute;inset:0 0 auto}.racer-fullscreen-brand small{white-space:nowrap;text-overflow:ellipsis;opacity:.8;max-width:45vw;font-size:.875rem;font-weight:400;display:block;overflow:hidden}.racer-fullscreen .racer-fullscreen-brand{font-weight:800;display:block}.racer-fullscreen .racer-hud{inset:calc(84px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) auto calc(12px + env(safe-area-inset-left))}.racer-fullscreen .racer-controls{padding:12px calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));z-index:3;background:linear-gradient(#12121e00,#12121ee8);flex-wrap:nowrap;gap:8px;position:absolute;inset:auto 0 0}.racer-fullscreen .racer-controls button{min-height:56px}.racer-fullscreen .racer-overlay,.racer-fullscreen .racer-intermission{padding:calc(90px + env(safe-area-inset-top)) 20px calc(90px + env(safe-area-inset-bottom));background-color:#12121eb0}.racer-fullscreen[data-state=intermission] .racer-controls{display:none}.racer-fullscreen>.connection-note{z-index:5;background:#171728;padding:8px;position:absolute;top:70px;left:12px}@media (width<=540px){.racer-fullscreen .racer-view-toolbar button{padding:10px 9px;font-size:.75rem}.racer-fullscreen .racer-fullscreen-brand{font-size:.875rem}.racer-fullscreen .racer-fullscreen-brand small{max-width:28vw;font-size:.75rem}.racer-fullscreen .racer-controls .racer-pedal{min-width:52px;font-size:.875rem}.racer-fullscreen .racer-controls>.button{min-width:64px;padding:8px;font-size:.75rem}.racer-fullscreen .racer-hud strong{font-size:1.2rem}.racer-fullscreen .racer-hud>span:last-child{display:none}}@media (width<=360px){.racer-fullscreen .racer-controls{display:flex}.racer-fullscreen .racer-controls .racer-pedal{min-width:48px}.racer-fullscreen .racer-controls>div{gap:4px}.racer-fullscreen .racer-controls>.button{min-width:56px;padding:5px}.racer-fullscreen .racer-view-toolbar{gap:4px}.racer-fullscreen .racer-fullscreen-brand small{display:none}}@media (orientation:landscape) and (height<=500px){.racer-fullscreen .racer-hud{inset:calc(70px + env(safe-area-inset-top)) auto auto calc(12px + env(safe-area-inset-left));gap:8px}.racer-fullscreen .racer-hud strong,.racer-fullscreen .racer-rank{font-size:1rem}.racer-fullscreen .racer-intermission h2{font-size:1.6rem}.racer-fullscreen .racer-intermission{gap:6px;padding-top:64px;padding-bottom:16px}.racer-fullscreen .racer-next{margin-top:6px!important}.racer-fullscreen .racer-overlay{padding-top:65px;padding-bottom:85px}.racer-fullscreen .racer-overlay h2{margin:0}}.racer-hud>*{background:#12121edb;border-radius:8px;padding:5px 8px}.racer-rank{text-align:center;font-size:1.3rem;font-weight:800}.racer-rank small{letter-spacing:.08em;font-size:.65rem;display:block}.racer-pedal:disabled{opacity:.45}.racer-stage canvas:focus-visible{outline-offset:-3px;outline:3px solid #ff742f}.racer-controls{flex-wrap:wrap}.racer-controls .button{min-height:48px}.racer-now strong{overflow-wrap:anywhere}.racer-overlay{overflow:auto}.racer-controls .racer-pedal{font-size:.875rem}@media (width<=360px){.racer-controls{grid-template-columns:1fr 1fr;display:grid}.racer-controls>div:last-child{grid-area:1/2;justify-content:flex-end}.racer-controls>.button{grid-area:2/1/auto/-1}}.racer-intermission{text-align:center;color:#fff;background:linear-gradient(140deg,#171728f2,#293657ee 57%,#a34b35e8);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.racer-intermission:before{content:"";pointer-events:none;border:1px solid #ff9d6070;border-radius:14px;position:absolute;inset:16px}.racer-intermission h2{letter-spacing:.11em;margin:0;font-size:clamp(1.8rem,7vw,3.6rem)}.racer-intermission p{max-width:34rem;margin:0;line-height:1.4}.racer-next{color:#e8efff;margin-top:16px!important}.racer-next strong{color:#ffb684;font-size:clamp(1.1rem,4vw,1.7rem);display:block}.racer-context{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.racer-context [aria-pressed=true]{color:#ffb984;background:#7b330d22;border-color:#ff914f}.racer-menu{background:linear-gradient(145deg,#111827f5,#172d45ed 65%,#7d351aea);gap:10px}.racer-menu h2{margin:0;font-size:clamp(1.6rem,5vw,2.5rem)}.racer-choice{text-align:left;letter-spacing:.1em;gap:8px;width:min(440px,100%);font-size:.75rem;display:grid}.racer-choice select{color:#fff;width:100%;font:inherit;letter-spacing:0;background:#152235;border:1px solid #ff914f;border-radius:10px;min-height:48px;padding:14px 12px;font-size:1rem}.racer-menu-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.racer-instructions{opacity:.7;font-size:.8rem}.racer-menu p{margin:3px 0}.racer-fullscreen .racer-menu{padding-top:calc(84px + env(safe-area-inset-top));padding-bottom:calc(94px + env(safe-area-inset-bottom))}@media (orientation:landscape) and (height<=500px){.racer-fullscreen .racer-menu{gap:5px;padding-top:60px;padding-bottom:72px}.racer-fullscreen .racer-menu h2{font-size:1.35rem}.racer-fullscreen .racer-instructions{display:none}}.racer-view-toolbar .button,.racer-overlay .button.outline,.racer-intermission .button.outline,.racer-controls>.button{color:#fff;border-color:#ff914f}.racer-controls>.button:disabled{opacity:.45}.racer-controls>.button{background:#263343}.racer-view-toolbar .button.outline:not([aria-pressed=true]),.racer-overlay .button.outline,.racer-intermission .button.outline{background:#12121e}.racer-course-target{color:#fff5df;white-space:nowrap;pointer-events:none;background:#080812d9;border:1px solid #ffb874;border-radius:7px;padding:5px 10px;font-size:.875rem;font-weight:800;position:absolute;top:84px;left:50%;transform:translate(-50%)}.racer-fullscreen .racer-course-target{top:calc(154px + env(safe-area-inset-top))}@media (orientation:landscape) and (height<=500px){.racer-fullscreen .racer-course-target{top:calc(130px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));transform:none}}.racer-controls .racer-tools{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.racer-tools .button{color:#fff;background:#263343;border-color:#ff914f;min-height:56px}.racer-boost-button{color:#fff9ed;background:#513015;border:2px solid #ffb173}.racer-auto{cursor:pointer;justify-content:center;align-items:center;gap:9px;max-width:440px;font-size:.85rem;line-height:1.4;display:flex}.racer-auto input{accent-color:#ff914f;flex:none;width:22px;height:22px}.racer-instructions{text-align:left;opacity:1;max-width:440px;line-height:1.5}.racer-instructions summary,.racer-standings summary{cursor:pointer;color:#ffb984;min-height:44px;padding:10px;font-weight:800}.racer-menu:has(.racer-result-stats){justify-content:flex-start;padding-block:26px}.racer-menu .racer-result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(510px,100%);margin:8px 0;display:grid}.racer-result-stats div{background:#111b2b;border:1px solid #59707e;border-radius:8px;padding:9px}.racer-result-stats dt{letter-spacing:.05em;color:#d5e6ee;font-size:.65rem}.racer-result-stats dd{margin:4px 0 0;font-size:1.15rem;font-weight:800}.racer-standings{text-align:left;width:min(460px,100%)}.racer-standings ol{margin:0 0 12px;padding:0;list-style:none}.racer-standings li{border-bottom:1px solid #59707e;justify-content:space-between;gap:14px;padding:5px 8px;font-size:.85rem;display:flex}.racer-telemetry{color:#fff5e5;font-variant-numeric:tabular-nums;pointer-events:none;background:#101726e8;border:1px solid #59707e;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:8px 12px;font-size:.75rem;display:flex;position:absolute;inset:auto 12px 10px}.racer-telemetry>div{width:140px;min-width:0;max-width:32%}.racer-telemetry>span{text-align:center;font-weight:800}.racer-telemetry small{color:#d6e6ee;font-size:.6rem;display:block}.racer-telemetry progress{accent-color:#ff914f;background:#364e64;border:0;border-radius:2px;width:100%;height:8px;margin-top:5px;display:block;overflow:hidden}.racer-telemetry progress::-webkit-progress-bar{background:#364e64}.racer-telemetry progress::-webkit-progress-value{background:#ff914f}.racer-telemetry progress::-moz-progress-bar{background:#ff914f}.racer-telemetry.is-boosting{border-color:#c0f8ff}.racer-telemetry.is-drifting{border-color:#ffcf84}.racer-reset{bottom:78px}.racer-fullscreen .racer-telemetry{bottom:calc(96px + env(safe-area-inset-bottom))}.racer-fullscreen .racer-reset{bottom:calc(160px + env(safe-area-inset-bottom))}@media (width<=600px){.racer-controls{grid-template-columns:1fr 1fr;display:grid!important}.racer-controls .racer-steering{grid-area:1/1}.racer-controls .racer-throttle{grid-area:1/2;justify-content:flex-end}.racer-controls .racer-tools{grid-area:2/1/auto/-1}.racer-tools .racer-pedal,.racer-tools .button{min-width:76px;min-height:48px}.racer-telemetry{gap:7px;padding:7px 8px;font-size:.7rem;inset-inline:8px}.racer-telemetry>div{width:94px}.racer-telemetry small{font-size:.55rem}.racer-menu .racer-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.racer-fullscreen .racer-telemetry{bottom:calc(146px + env(safe-area-inset-bottom))}.racer-fullscreen .racer-reset{bottom:calc(210px + env(safe-area-inset-bottom))}.racer-fullscreen .racer-menu{padding-bottom:calc(160px + env(safe-area-inset-bottom))}}@media (orientation:landscape) and (height<=500px){.racer-fullscreen .racer-telemetry{inset:calc(70px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) auto auto;width:42%;padding:5px 8px}.racer-fullscreen .racer-telemetry small,.racer-fullscreen .racer-telemetry>span{display:none}.racer-fullscreen .racer-menu{padding-top:70px;padding-bottom:100px}.racer-fullscreen .racer-menu:has(.racer-result-stats){padding-top:70px;padding-bottom:100px}.racer-fullscreen .racer-auto{font-size:.75rem}.racer-fullscreen .racer-choice select{min-height:44px;padding:8px}}.racer-menu{gap:6px}.racer-instructions>.racer-choice{margin-block:8px}.racer-instructions>.racer-auto{margin-block:12px}.racer-menu .racer-instructions p{margin-block:8px}.racer-menu summary:focus-visible{outline-offset:2px;outline:3px solid #ffb173}.racer-boss{color:#fff2dc;pointer-events:none;background:#240f18ee;border:1px solid #ea9356;border-radius:8px;max-width:440px;margin:auto;padding:7px 10px;animation:1.4s ease-out both titan-power-on;position:absolute;top:120px;left:12px;right:12px}.racer-boss>div{justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.racer-boss progress{accent-color:#f48456;width:100%;height:8px;margin:5px 0;display:block}.racer-boss small{min-height:1.3em;font-size:.65rem;line-height:1.3;display:block}.racer-boss-result{color:#ffe0bb;border:1px solid #ea9356;border-radius:8px;padding:10px}.racer-tools [aria-label=attack]{color:#fff7df;background:#7c2b26;border:2px solid #ffca85}.racer-tools [aria-label=attack]:disabled{opacity:.6;background:#3b2d32}.racer-fullscreen .racer-boss{top:calc(192px + env(safe-area-inset-top))}@keyframes titan-power-on{0%{opacity:.45;transform:translateY(3px)}45%{opacity:.8}65%{opacity:.68}to{opacity:1;transform:translateY(0)}}@media (width<=500px){.racer-boss{padding:6px 8px;top:116px;left:8px;right:8px}.racer-boss small{font-size:.6rem}.racer-boss>div{font-size:.75rem}}@media (orientation:landscape) and (height<=500px){.racer-fullscreen .racer-boss{top:calc(112px + env(safe-area-inset-top));width:42%;margin:0;left:auto;right:12px}.racer-fullscreen .racer-boss small{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.racer-boss{animation:none}}.racer-boss progress{appearance:none;background:#54333e;border:0;border-radius:2px;overflow:hidden}.racer-boss progress::-webkit-progress-bar{background:#54333e}.racer-boss progress::-webkit-progress-value{background:#ed8752}.racer-boss progress::-moz-progress-bar{background:#ed8752}.racer-tools [aria-label=attack]{animation:1.4s ease-out both titan-power-on}@media (prefers-reduced-motion:reduce){.racer-tools [aria-label=attack]{animation:none}}.mp{--lobby-color:var(--orange)}.mp-list{gap:14px;max-height:65vh;margin:20px 0;padding:3px;display:grid;overflow:auto}.mp-lobby,.mp-room{border:2px solid var(--orange);border-left:9px solid var(--lobby-color);background:var(--panel);color:var(--ink);border-radius:12px;align-items:center;gap:18px;padding:18px;display:flex}.mp-lobby>div,.mp-room>div{flex:1;min-width:0}.mp-lobby h2,.mp-room h2,.mp-lobby h3{overflow-wrap:anywhere;margin:0}.mp-lobby p,.mp-room p{overflow-wrap:anywhere;margin:5px 0}.mp-lobby.unavailable{filter:grayscale();opacity:.7}.mp-flag{border:2px solid;border-radius:6px;flex-shrink:0;place-items:center;width:68px;height:54px;display:grid;overflow:hidden}.mp-flag>img{object-fit:contain;max-width:90%;height:85%}.mp-flag>svg{width:44px;height:38px}.mp-flag>strong{font:30px Magz,Arial,sans-serif}.mp-eyes{gap:6px;display:flex}.mp-eyes i{background:currentColor;width:17px;height:7px;transform:skew(-12deg)}.mp-members{gap:8px;padding:0;list-style:none;display:grid}.mp-members li{border:1px solid var(--orange);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.mp-members li span{font-size:.8rem}.mp-create,.mp-waiting,.mp-results{border:2px solid var(--orange);border-radius:14px;margin:20px 0;padding:22px}.mp label{gap:7px;min-width:0;margin-bottom:14px;display:grid}.mp input:not([type=color]),.mp select{border:2px solid var(--orange);background:var(--paper);width:100%;min-width:0;max-width:100%;color:var(--ink);border-radius:8px;padding:12px}.mp input[type=color]{width:52px;min-height:44px}.mp-swatches{flex-wrap:wrap;gap:9px;display:flex}.mp-swatches button{border:2px solid #888;border-radius:7px;width:44px;height:44px}.mp-swatches button[aria-pressed=true]{outline:3px solid var(--orange);outline-offset:2px}.mp fieldset{border:1px solid var(--orange);margin:14px 0;padding:12px}.mp button:focus-visible,.mp input:focus-visible,.mp select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.mp .button{min-height:48px}.mp-race .racer-view-toolbar strong{overflow-wrap:anywhere;min-width:0}.mp-race .racer-controls{flex-wrap:wrap}.mp-race canvas{touch-action:none}.mp-results li{overflow-wrap:anywhere;padding:10px}.mp-mode{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.mp-mode .button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--orange)}@media (width<=550px){.mp-lobby,.mp-room{flex-wrap:wrap;gap:12px;padding:13px}.mp-lobby>.button,.mp-room>.button{width:100%}.mp-flag{width:58px;height:48px}.mp-create,.mp-waiting,.mp-results{padding:14px}.mp-members li{flex-direction:column;gap:4px}.mp-race .racer-controls>div{flex-wrap:wrap}.mp-race .racer-pedal{min-width:48px;min-height:48px}}@media (prefers-reduced-motion:reduce){.mp *{transition:none!important;animation:none!important}}.mp-race{color:#fff5e5;background:#111421;border-radius:12px;padding:10px}.mp-race .racer-view-toolbar{color:#fff5e5}.mp-race .muted,.mp-race>p{color:#dce3ed}.mp-race .racer-view-toolbar strong{font-size:.95rem;line-height:1.4}.mp-race .racer-view-toolbar button{white-space:nowrap;flex:none}