:root{color:#ece6cf;font-synthesis:none;--ink:#151713;--cream:#ece6cf;--acid:#d9ed3c;--orange:#ff7836;--selected:#ff7836;--paper:#ded8bf;background:#181b17;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100dvh}body:after{content:"";pointer-events:none;z-index:110;opacity:.035;background:repeating-linear-gradient(17deg,#0000 0 3px,#080a07 4px,#0000 5px 8px);position:fixed;inset:0}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--acid);outline-offset:4px}button:disabled{cursor:default}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#app button,#app a,#stick,.selection-sheet,.card-slider{pointer-events:auto}.hidden{display:none!important}.topbar{padding:calc(18px + env(safe-area-inset-top)) 23px 14px;z-index:20;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.monogram{color:var(--cream);letter-spacing:.6px;text-shadow:1px 2px #151713;align-items:center;gap:8px;font-family:Impact,Arial Black,sans-serif;font-size:20px;font-weight:900;text-decoration:none;display:flex}.monogram>svg{width:27px;height:29px}.submark{letter-spacing:2px;margin-top:1px;font:800 7px Arial,sans-serif;display:block}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{width:34px;height:34px;color:var(--cream);background:#171b15d9;border:1px solid #ece6cf66;border-radius:2px;place-items:center;display:grid;transform:rotate(2deg);box-shadow:3px 3px #0005}.icon-button svg{width:18px;height:18px}.icon-button.muted{opacity:.55}.icon-button.muted:after{content:"";background:var(--orange);width:23px;height:2px;position:absolute;transform:rotate(-45deg)}.start-screen{padding:100px 24px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#11170d99,#0000 42% 53%,#151713eb 82%,#151713);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:hidden}.hero-copy{text-align:center}.eyebrow{letter-spacing:1.8px;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.live-dot{background:var(--acid);flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #d9ed3c22}.hero-copy h1{letter-spacing:-1px;max-width:480px;margin:18px auto 14px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(55px,17.5vw,88px);font-weight:950;line-height:1;transform:rotate(-5deg)}.flame-word{white-space:normal;word-spacing:100vw;color:#ffb64c;text-shadow:3px 4px #5d1d08;height:1.95em;line-height:.91;display:block;position:relative}.fire-canvas{pointer-events:none;z-index:1;width:100%;position:absolute;left:0}.hero-copy h1:has(.fire-canvas)>.flame-word{color:#0000;text-shadow:none}.hero-sticker{background:var(--acid);color:var(--ink);letter-spacing:1.1px;padding:6px 10px;font-family:Impact,Arial Black,sans-serif;font-size:14px;display:inline-block;transform:rotate(-2deg);box-shadow:3px 3px #141812}.hero-copy p{color:var(--cream);text-shadow:0 2px 4px #000;margin:16px 0;font-size:11px;font-weight:700;line-height:1.6}.start-bottom{width:100%;max-width:440px;margin:0 auto}.lobby-board{border-top:2px solid #ece6cf55;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:12px 0 13px;display:flex}.lobby-board>div{align-items:center;gap:14px;display:flex}.lobby-board .eyebrow{color:#b5b7a0;font-size:8px}.lobby-board b{white-space:nowrap;font-family:Impact,Arial Black,sans-serif;font-size:29px;font-weight:900}.lobby-board>span{text-align:right;color:#bfc1ad;max-width:120px;font-size:9px;line-height:1.5}.primary{border:2px solid var(--ink);background:var(--acid);width:100%;color:var(--ink);letter-spacing:1px;border-radius:1px;justify-content:space-between;align-items:center;padding:15px 17px;font-family:Impact,Arial Black,sans-serif;font-size:22px;font-weight:900;transition:transform .12s,background .12s;display:flex;position:relative;box-shadow:4px 5px #070a06}.primary:after{content:"";pointer-events:none;opacity:.2;background:repeating-linear-gradient(-13deg,#0000 0 11px,#15171333 12px,#0000 13px 33px);position:absolute;inset:3px}.primary:active{transform:translate(2px,3px);box-shadow:2px 2px #070a06}.primary:disabled{opacity:.4}.primary>span{font-family:Arial,sans-serif;font-size:25px;font-weight:400;line-height:20px}.small-note{text-align:center;color:#b8baa6;margin:12px 0 0;font-size:9px;line-height:1.5}.connection-line{color:#9da48e;justify-content:center;align-items:center;gap:8px;margin-top:13px;font-size:8px;display:flex}.connection-line .live-dot{width:4px;height:4px}.edition-stamp{letter-spacing:1.1px;color:#888f7b;border-top:1px solid #ece6cf22;justify-content:center;gap:9px;margin-top:17px;padding-top:12px;font-size:7px;font-weight:900;display:flex}.edition-stamp span{color:var(--orange)}.lobby-screen{background:linear-gradient(90deg,#11170d99,#0000 70%);flex-direction:column;justify-content:flex-end;padding-top:78px;display:flex;position:absolute;inset:0}.lobby-heading{text-align:left;text-shadow:0 2px 4px #000;padding:10px 24px 14px;position:relative}.lobby-heading .eyebrow{color:var(--acid);letter-spacing:1.3px;justify-content:flex-start;font-size:8px}.lobby-heading h2{text-transform:uppercase;letter-spacing:.4px;margin:8px 0 4px;font-family:Impact,Arial Black,sans-serif;font-size:42px;font-weight:900;line-height:1}.preview-tag{letter-spacing:.7px;text-transform:uppercase;color:var(--cream);font-size:10px;font-weight:800}.selection-sheet{padding:20px 20px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-x pan-y;border-top:2px solid var(--acid);min-height:0;color:var(--cream);background:#191d16f5;position:relative;overflow-y:auto;box-shadow:0 -4px 30px #0004}.selection-sheet:before{content:"";background:repeating-linear-gradient(120deg,var(--acid) 0 15px,#151713 16px 28px);height:4px;position:absolute;top:0;left:0;right:0}.sheet-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.sheet-title>b{letter-spacing:1px;font-size:10px;font-weight:900}.sheet-title>span{color:#a6ad96;font-size:8px}.slider-arrows{gap:4px;display:flex}.slider-arrows button{color:var(--cream);background:#30362a;border:1px solid #ece6cf33;width:26px;height:24px;font-size:17px;line-height:1}.slider-arrows button:active{background:var(--acid);color:var(--ink)}.card-slider{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--acid) #313728;touch-action:pan-x pan-y;gap:10px;padding:3px 2px 9px;scroll-padding:2px;display:flex;overflow-x:auto}.card-slider::-webkit-scrollbar{height:3px}.card-slider::-webkit-scrollbar-track{background:#313728}.card-slider::-webkit-scrollbar-thumb{background:var(--acid)}.character-card{scroll-snap-align:start;text-align:left;isolation:isolate;color:var(--cream);background:#30362a;border:2px solid #ece6cf20;border-radius:1px;flex:0 0 105px;height:124px;padding:0;transition:transform .15s,border .15s;display:block;position:relative;overflow:hidden}.character-card img{object-fit:cover;filter:saturate(.75)contrast(1.08);pointer-events:none;width:100%;height:100%;display:block}.character-card:after{content:"";z-index:1;background:linear-gradient(#0000,#0e110bcf);position:absolute;inset:38% 0 0}.character-card.selected{border-color:var(--acid);transform:rotate(-1deg);box-shadow:2px 2px #d9ed3c55}.character-card.selected img{filter:saturate()contrast(1.04)}.character-card:disabled:not(.selected){opacity:.45}.character-number{color:#fff;z-index:2;background:#15171399;padding:3px;font-size:8px;font-weight:900;position:absolute;top:5px;left:6px}.character-title{letter-spacing:.3px;z-index:2;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;font-size:19px;font-weight:800;position:absolute;bottom:8px;left:7px}.character-status{z-index:2;background:var(--acid);color:var(--ink);padding:2px 4px;font-size:12px;font-weight:900;line-height:14px;position:absolute;top:5px;right:5px}.character-card:disabled .character-status{background:#dbd4bf;font-size:7px}.vehicle-heading,.track-heading{margin-top:14px}.vehicles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.vehicle-card{text-align:center;min-width:0;color:var(--cream);background:#30362a;border:1px solid #ece6cf30;min-height:57px;padding:7px 3px 6px}.vehicle-card>span{font-size:23px;line-height:1;display:block}.vehicle-card b{margin-top:5px;font-size:8px;font-weight:800;line-height:1.3;display:block}.vehicle-card.selected{color:var(--ink);background:var(--cream);border-color:var(--cream);box-shadow:2px 2px #070a06}.vehicle-card:disabled{opacity:.6}.track-card{scroll-snap-align:start;isolation:isolate;height:137px;color:var(--cream);text-align:left;background:#30362a;border:2px solid #ece6cf20;flex:0 0 260px;padding:0;display:block;position:relative;overflow:hidden}.track-card img{object-fit:cover;filter:saturate(.7);pointer-events:none;width:100%;height:100%;display:block}.track-card:after{content:"";z-index:1;background:linear-gradient(#0000,#0e110bf2);position:absolute;inset:25% 0 0}.track-copy{z-index:2;position:absolute;bottom:10px;left:12px;right:10px}.track-copy small{letter-spacing:1.4px;color:var(--acid);font-size:6px;font-weight:900;display:block}.track-copy b{text-transform:uppercase;letter-spacing:.5px;margin:4px 0;font-family:Impact,Arial Black,sans-serif;font-size:28px;font-weight:900;line-height:1.05;display:block}.track-copy>span{color:#dadcc9;font-size:8px}.track-check{z-index:2;background:var(--acid);width:23px;height:23px;color:var(--ink);justify-content:center;align-items:center;font-style:normal;font-weight:900;display:none;position:absolute;top:8px;right:8px}.track-card.selected{border-color:var(--acid)}.track-card.selected .track-check{display:flex}.track-card.selected img{filter:saturate()}.track-card:disabled{opacity:.65}.ability-description{color:#a5ad96;margin:12px 0;font-size:9px;line-height:1.5}.lobby-people{flex-wrap:wrap;gap:5px;margin:0 0 12px;display:flex}.person-chip{background:#30362a;border:1px solid #ece6cf20;align-items:center;gap:5px;padding:4px 7px;font-size:8px;display:flex;transform:rotate(-1deg)}.person-chip i{width:6px;height:6px}.person-chip.ready{color:var(--acid);border-color:#d9ed3c88}.lobby-actions{grid-template-columns:110px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.lobby-actions .primary{padding:12px;font-size:20px}.ready-button{color:var(--cream);background:0 0;border:1px solid #ece6cf66;justify-content:space-between;align-items:center;gap:4px;padding:8px;font-size:9px;font-weight:900;line-height:1.4;display:flex}.ready-button span{color:var(--acid);font-size:16px}.ready-button:disabled{opacity:.4}.text-button{color:var(--cream);background:0 0;margin:10px auto 0;font-size:11px;text-decoration:underline;display:block}.race-screen{touch-action:none;position:absolute;inset:0}.race-top{top:calc(77px + env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:20px;right:20px}.position-box{background:var(--cream);color:var(--ink);border:2px solid var(--ink);padding:8px 12px 7px;transform:rotate(-3deg);box-shadow:3px 4px #0005}.position-box strong{letter-spacing:-1px;font-family:Impact,Arial Black,sans-serif;font-size:41px;font-weight:900;line-height:1;display:block}.position-box strong span{letter-spacing:0;color:#62684e;margin-left:3px;font:900 12px Arial,sans-serif}.position-box small{letter-spacing:1.5px;margin-top:4px;font-size:6px;font-weight:900;display:block}.race-info{text-align:right}.lap-pill{background:var(--ink);color:var(--cream);letter-spacing:1px;border:1px solid #ece6cf55;padding:9px 10px;font-size:7px;transform:rotate(2deg);box-shadow:3px 3px #0004}.lap-pill b{letter-spacing:.5px;color:var(--acid);margin-left:7px;font-size:10px}.race-timer{font-variant-numeric:tabular-nums;color:var(--cream);text-shadow:0 2px 3px #000,1px 0 #000;margin:8px 3px;font-size:13px;font-weight:900}.controls{bottom:calc(30px + env(safe-area-inset-bottom));height:180px;position:absolute;left:17px;right:20px}.steering{touch-action:none;pointer-events:auto;background:#1517134d;border:2px solid #ece6cfb3;border-radius:50%;width:126px;height:126px;position:absolute;bottom:0;right:0;box-shadow:inset 0 0 0 9px #15171333,0 4px 14px #0003}.stick-knob{background:var(--cream);width:54px;height:54px;color:var(--ink);transform:translateX(var(--stick-x,0px));border-radius:50%;place-items:center;font-size:25px;font-weight:900;display:grid;position:absolute;top:34px;left:34px;box-shadow:0 4px #0007}.steering.pressed .stick-knob{background:var(--acid)}.steer-arrows{color:#ece6cfc9;justify-content:space-between;font-size:29px;font-weight:300;display:flex;position:absolute;top:39px;left:10px;right:10px}.control-label{text-align:center;letter-spacing:2px;color:var(--cream);text-shadow:0 1px 4px #000;font-size:7px;font-weight:900;position:absolute;bottom:-18px;left:0;right:0}.left-controls{width:156px;height:174px;position:absolute;bottom:0;left:0}.pedal-row{align-items:flex-end;gap:7px;display:flex;position:absolute;bottom:0;left:0}.throttle-button,.brake-button{border:2px solid var(--cream);touch-action:none;flex-direction:column;justify-content:center;align-items:center;height:81px;display:flex;transform:rotate(-3deg);box-shadow:3px 4px #0005}.throttle-button{width:82px;color:var(--ink);background:#d9ed3ccf}.brake-button{width:56px;height:63px;color:var(--cream);background:#151713c9}.throttle-button b{font-size:33px;line-height:1}.brake-button b{font-size:21px;line-height:1}.throttle-button span,.brake-button span{letter-spacing:1px;margin-top:6px;font-size:9px;font-weight:900}.throttle-button.pressed,.brake-button.pressed{background:var(--orange);transform:translateY(3px)rotate(-3deg)}.action-row{align-items:center;gap:10px;display:flex;position:absolute;top:0;left:1px}.drift-button{width:56px;height:57px;color:var(--cream);touch-action:none;background:#151713bd;border:2px solid #ece6cfbf;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotate(3deg);box-shadow:3px 3px #0005}.drift-button b{font-size:22px;line-height:1.1}.drift-button span{letter-spacing:1px;margin-top:4px;font-size:7px;font-weight:900}.drift-button.pressed{background:var(--orange);color:var(--ink);transform:translateY(2px)}.item-button{border:2px solid var(--cream);width:73px;height:72px;color:var(--cream);background:#151713db;transform:rotate(-3deg);box-shadow:3px 4px #0005}.item-button>span{font-family:Arial,sans-serif;font-size:28px;line-height:1.1;display:block}.item-button>small{letter-spacing:.4px;margin-top:5px;font-size:6px;font-weight:900;display:block}.item-button.loaded{background:var(--orange);color:var(--ink);animation:2s infinite item-glow}.item-button:active{transform:rotate(-3deg)translateY(3px)}@keyframes item-glow{50%{box-shadow:3px 4px #0005,0 0 18px #ff783650}}.respawn-button{color:var(--cream);background:#151713b8;border:1px solid #ece6cf85;border-radius:50%;width:33px;height:33px;font-size:25px;line-height:1;position:absolute;bottom:148px;right:8px}.tutorial{bottom:calc(246px + env(safe-area-inset-bottom));text-align:center;background:var(--ink);color:var(--cream);border:1px solid var(--acid);max-width:360px;margin:auto;padding:12px;position:absolute;left:20px;right:20px;box-shadow:3px 4px #0004}.tutorial b{color:var(--acid);font-size:12px;font-weight:900;display:block}.tutorial span{margin-top:5px;font-size:10px;line-height:1.6;display:block}.countdown{text-align:center;color:var(--acid);text-shadow:5px 7px 0 var(--ink),-2px -2px 0 var(--ink);z-index:25;pointer-events:none;font-family:Impact,Arial Black,sans-serif;font-size:140px;font-weight:900;line-height:1;position:absolute;top:32%;left:0;right:0;transform:rotate(-6deg)}.race-message{text-align:center;color:var(--cream);text-shadow:3px 5px 0 var(--ink);position:absolute;top:30%;left:0;right:0}.race-message b{letter-spacing:1px;font-family:Impact,Arial Black,sans-serif;font-size:65px;display:block;transform:rotate(-5deg)}.race-message span{background:var(--ink);text-shadow:none;margin-top:13px;padding:8px 14px;font-size:12px;font-weight:900;display:inline-block}.waiting{bottom:calc(40px + env(safe-area-inset-bottom));background:var(--ink);border:1px solid var(--acid);text-align:center;padding:22px;position:absolute;left:24px;right:24px}.waiting>b{color:var(--acid);margin:10px 0;font-family:Impact,Arial Black,sans-serif;font-size:24px;display:block}.waiting>span:last-child{font-size:11px}.spectating .controls,.spectating .race-top{display:none}.results-screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:4px solid var(--acid);touch-action:pan-y;pointer-events:auto;background:#191d16f5;flex-direction:column;max-width:480px;margin:0 auto;padding:25px 22px;display:flex;position:absolute;inset:78px 16px 20px;overflow-y:auto;box-shadow:7px 9px #0005}.results-screen h2{letter-spacing:.3px;text-align:center;color:var(--acid);margin:13px 0;font-family:Impact,Arial Black,sans-serif;font-size:40px;line-height:1.1;transform:rotate(-3deg)}.results-subtitle{text-align:center;color:#acb29b;margin:0;font-size:11px}.results-list{margin:24px 0}.result-row{border-bottom:1px solid #ece6cf22;align-items:center;gap:10px;padding:12px 0;display:flex}.result-row.you{border-left:3px solid var(--acid);background:#d9ed3c20;margin:0 -8px;padding:12px 8px}.result-position{color:#8a9478;width:24px;font-family:Impact,Arial Black,sans-serif;font-size:23px}.result-row>img{object-fit:cover;filter:saturate(.75);border:1px solid #ece6cf44;width:44px;height:44px}.result-row>div{flex:1;min-width:0}.result-row b{font-size:14px;display:block}.result-row em{letter-spacing:1px;color:var(--acid);margin-left:5px;font-size:7px;font-style:normal}.result-row small{color:#9da78c;margin-top:5px;font-size:8px;display:block}.result-row>strong{font-variant-numeric:tabular-nums;font-size:12px}.results-screen>.primary{flex-shrink:0;margin-top:auto;font-size:19px}.toast{left:25px;right:25px;top:calc(182px + env(safe-area-inset-top));color:var(--cream);text-align:center;z-index:40;background:#151713ed;border:1px solid #ece6cf66;max-width:350px;margin:auto;padding:11px;font-size:10px;font-weight:800;position:absolute;box-shadow:3px 4px #0003}.connection-overlay{top:calc(68px + env(safe-area-inset-top));border:1px solid var(--orange);z-index:45;pointer-events:auto;background:#151713f5;align-items:center;gap:9px;max-width:450px;margin:auto;padding:12px;font-size:10px;display:flex;position:absolute;left:16px;right:16px}.connection-overlay button{color:var(--cream);background:0 0;flex-shrink:0;margin-left:auto;font-size:9px;text-decoration:underline}.fatal{background:var(--ink);text-align:center;pointer-events:auto;z-index:100;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.fatal svg{width:55px;height:55px;color:var(--acid)}.fatal h2{color:var(--acid);font-family:Impact,Arial Black,sans-serif;font-size:35px}.fatal p{max-width:350px;line-height:1.7}.fatal button{background:var(--acid);color:var(--ink);padding:14px 25px;font-weight:900}.debug{z-index:60;color:#b2eecc;pointer-events:none;background:#001e19d9;padding:7px;font-size:9px;position:absolute;top:190px;left:8px}.test-driver{background:var(--cream);color:var(--ink);border:1px solid var(--ink);z-index:65;padding:7px;font-size:8px;position:absolute;top:295px;left:8px}.track-modal{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#090d07ba;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.track-dialog{background:var(--cream);width:min(100%,430px);color:var(--ink);border-top:5px solid var(--orange);padding:29px 20px 23px;position:relative;box-shadow:7px 9px #0006}.track-dialog h2{letter-spacing:.3px;text-align:center;margin:14px 0 10px;font-family:Impact,Arial Black,sans-serif;font-size:37px;line-height:.95;transform:rotate(-3deg)}.track-dialog>p{text-align:center;color:#657056;margin:0 0 20px;font-size:10px;line-height:1.5}.close-tracks{color:var(--ink);background:0 0;font-size:27px;position:absolute;top:7px;right:12px}.track-dialog>.small-note{color:#657056}.track-dialog .primary{font-size:20px}.track-dialog .eyebrow{font-size:8px}@media (min-width:650px){.topbar{padding:25px 32px}.monogram{font-size:24px}.monogram>svg{width:31px;height:33px}.submark{font-size:8px}.start-screen{background:linear-gradient(90deg,#10170af2,#10170ac2 72%,#10170a00);max-width:560px;padding:120px 48px 32px}.hero-copy{text-align:left}.hero-copy .eyebrow{justify-content:flex-start}.hero-copy h1{margin:23px 0 17px;font-size:91px}.hero-copy p{font-size:13px}.hero-sticker{font-size:16px}.start-bottom{margin:0}.lobby-screen{justify-content:flex-start;max-width:460px;padding-top:78px}.lobby-heading{padding:12px 28px 16px}.lobby-heading h2{font-size:48px}.selection-sheet{flex:1;padding:20px 25px 24px}.character-card{flex-basis:112px;height:132px}.track-card{flex-basis:300px;height:147px}.lobby-actions .primary{font-size:23px}.race-top{top:95px;left:35px;right:35px}.controls{bottom:39px;left:35px;right:35px}.steering{width:144px;height:144px}.stick-knob{top:43px;left:43px}.steer-arrows{top:48px}.left-controls{width:178px;height:183px}.throttle-button{width:91px;height:88px}.brake-button{width:62px;height:68px}.action-row{gap:12px}.drift-button{width:62px;height:62px}.item-button{width:79px;height:77px}.respawn-button{bottom:162px}.results-screen{padding:30px;inset:85px 0 30px}.tutorial{left:calc(50% - 180px);right:auto}.vehicle-card{min-height:61px}}@media (max-width:370px){.topbar{padding-left:18px;padding-right:18px}.start-screen{padding-left:20px;padding-right:20px}.selection-sheet{padding-left:17px;padding-right:17px}.lobby-actions{grid-template-columns:96px minmax(0,1fr)}.lobby-actions .primary{font-size:19px}.left-controls{width:150px}.controls{left:15px;right:16px}.steering{width:119px;height:119px}.stick-knob{top:31px;left:31px}.steer-arrows{top:35px}.throttle-button{width:76px}.brake-button{width:53px}.action-row{gap:7px}}@media (max-height:740px) and (max-width:649px){.start-screen{padding-top:85px;padding-bottom:17px}.hero-copy h1{margin-top:13px;margin-bottom:11px;font-size:55px}.hero-copy p{margin:11px 0}.hero-sticker{font-size:12px}.lobby-board{margin-bottom:10px;padding:9px 0 10px}.lobby-board b{font-size:25px}.primary{padding:13px 16px;font-size:20px}.edition-stamp{margin-top:12px;padding-top:10px}.connection-line{margin-top:10px}.lobby-screen{padding-top:70px}.lobby-heading{padding:5px 20px 10px}.lobby-heading h2{margin-top:6px;font-size:33px}.preview-tag{font-size:9px}.selection-sheet{padding-top:15px}.character-card{flex-basis:96px;height:106px}.character-title{font-size:17px}.track-card{height:116px}.vehicle-heading,.track-heading{margin-top:10px}.vehicle-card{min-height:51px;padding-top:6px}.vehicle-card>span{font-size:20px}.ability-description{margin:9px 0;font-size:8px}.lobby-people{margin-bottom:9px}.lobby-actions .primary{padding:11px}.small-note{margin-top:10px}.sheet-title{margin-bottom:7px}.results-list{margin:15px 0}.result-row,.result-row.you{padding-top:9px;padding-bottom:9px}}@media (min-width:650px) and (max-height:650px){.start-screen{max-width:480px;padding-top:83px;padding-bottom:20px}.hero-copy h1{margin:14px 0 12px;font-size:64px}.hero-sticker{padding:5px 8px;font-size:13px}.hero-copy p{margin:12px 0;font-size:11px}.lobby-board{margin-bottom:11px;padding:8px 0 10px}.lobby-board b{font-size:25px}.edition-stamp{margin-top:12px;padding-top:9px}.primary{padding-top:12px;padding-bottom:12px}.small-note,.connection-line{margin-top:10px}.lobby-screen{max-width:430px;padding-top:73px}.lobby-heading{padding:7px 25px 10px}.lobby-heading h2{margin-top:5px;font-size:33px}.selection-sheet{padding-top:15px;padding-bottom:17px}.character-card{flex-basis:99px;height:110px}.track-card{height:120px}.vehicle-heading,.track-heading{margin-top:10px}.ability-description{margin:9px 0}.results-screen{padding:20px 25px}.results-list{margin:15px 0}.result-row,.result-row.you{padding-top:8px;padding-bottom:8px}.results-screen h2{font-size:32px}}.selection-sheet{flex-direction:column;display:flex;overflow:hidden}.selection-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#64704b #191d16;min-height:0;padding-bottom:6px;overflow-y:auto}.lobby-footer{background:#191d16;border-top:1px solid #ece6cf26;flex-shrink:0;padding-top:11px}#selected-track{color:var(--acid);letter-spacing:0;margin-left:6px;font-size:9px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.left-controls{width:82px;height:168px}.action-row{flex-direction:column-reverse;align-items:center;gap:14px;top:auto;bottom:0;left:0}.drift-button{width:68px;height:68px}.item-button{width:77px;height:76px}.respawn-button{width:38px;height:38px;bottom:9px;left:98px;right:auto}.vehicles{gap:10px;padding:3px 2px 9px;display:flex}.vehicle-card{scroll-snap-align:start;isolation:isolate;height:141px;min-height:0;color:var(--cream);text-align:left;background:#30362a;border:2px solid #ece6cf20;flex:0 0 260px;padding:0;display:block;position:relative;overflow:hidden}.vehicle-card img{object-fit:cover;filter:saturate(.8);pointer-events:none;width:100%;height:100%;display:block}.vehicle-card:after{content:"";z-index:1;background:linear-gradient(#0000,#0e110be8);position:absolute;inset:25% 0 0}.vehicle-card .vehicle-copy{z-index:2;font-size:inherit;line-height:1.15;display:block;position:absolute;bottom:11px;left:12px;right:10px}.vehicle-copy small{letter-spacing:1.3px;color:var(--acid);font-size:6px;font-weight:900;display:block}.vehicle-card .vehicle-copy b{text-transform:uppercase;letter-spacing:.4px;margin:5px 0 0;font-family:Impact,Arial Black,sans-serif;font-size:24px;font-weight:900;line-height:1.05;display:block}.vehicle-check{z-index:2;background:var(--acid);width:23px;height:23px;color:var(--ink);justify-content:center;align-items:center;font-style:normal;font-weight:900;display:none;position:absolute;top:8px;right:8px}.vehicle-card.selected{border-color:var(--acid);color:var(--cream);background:#30362a}.vehicle-card.selected .vehicle-check{display:flex}.vehicle-card.selected img{filter:saturate()}.vehicle-stats{background:#252b20;border:1px solid #ece6cf2b;margin:7px 2px 5px;padding:10px 10px 8px}.vehicle-stats-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.vehicle-stats-heading b{font-size:10px;line-height:1.3}.vehicle-stats-heading>span{letter-spacing:1px;color:#99a087;font-size:6px;font-weight:900}.vehicle-stats dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:11px 0 0;display:grid}.vehicle-stats dl>div{min-width:0}.vehicle-stats dt{letter-spacing:.6px;color:#acb49c;font-size:6px;font-weight:900}.vehicle-stats dd{letter-spacing:.3px;margin:5px 0 7px;font-family:Impact,Arial Black,sans-serif;font-size:23px}.vehicle-stats dd small{letter-spacing:0;color:#9fa98f;margin-left:3px;font:800 6px Arial,sans-serif}.vehicle-stats i{background:#11170d;height:3px;display:block;position:relative}.vehicle-stats i:after{content:"";width:var(--stat);background:var(--acid);position:absolute;inset:0 auto 0 0}.vehicle-stats p{color:#8e9b7d;margin:10px 0 0;font-size:7px;line-height:1.5}.loading-intro{z-index:90;pointer-events:auto;background:radial-gradient(at 50% 42%,#54230f 0%,#1c1b10 36%,#0b0e09 75%);place-items:center;padding:28px;transition:opacity .4s,visibility .4s;display:grid;position:absolute;inset:0;overflow:hidden}.loading-intro:before,.loading-intro:after{content:"";opacity:.7;background:repeating-linear-gradient(120deg,#e0ef3d 0 25px,#151713 26px 45px);height:18px;position:absolute;left:-12%;right:-12%;transform:rotate(-7deg)}.loading-intro:before{top:7%}.loading-intro:after{bottom:7%;transform:rotate(7deg)}.intro-content{text-align:center;z-index:2;width:min(100%,660px);animation:.6s cubic-bezier(.16,1,.3,1) both intro-in;position:relative}.intro-kicker{letter-spacing:2px;color:#b8bea1;margin-bottom:33px;font-size:8px;font-weight:900}.intro-logo{letter-spacing:-1px;filter:drop-shadow(0 15px 30px #ed641619);width:100%;margin:0 auto 22px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(72px,15vw,150px);font-weight:950;line-height:1;transform:rotate(-5deg)}.intro-logo:has(.fire-canvas)>.flame-word{color:#0000;text-shadow:none}.intro-tagline{letter-spacing:1.4px;color:var(--ink);background:var(--acid);margin:0 0 38px;padding:6px 12px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(13px,2vw,20px);display:inline-block;transform:rotate(-2deg);box-shadow:4px 5px #0005}.intro-progress-line{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:min(100%,420px);margin:auto;display:flex}.intro-progress-line>span{letter-spacing:1px;color:#c8ceb6;font-size:8px;font-weight:900}.intro-progress-line b{text-align:right;min-width:45px;color:var(--acid);font-family:Impact,Arial Black,sans-serif;font-size:26px;font-weight:900}.intro-progress{background:#0a0d08;border:1px solid #d9ed3c70;width:min(100%,420px);height:10px;margin:9px auto 0;padding:2px;box-shadow:3px 4px #0004}.intro-progress>span{background:repeating-linear-gradient(120deg,var(--acid) 0 13px,#a9bd29 14px 17px);height:100%;transform:scaleX(var(--progress,0));transform-origin:0;transition:transform .2s;display:block}.intro-stamp{color:#5f6b50;letter-spacing:1.6px;margin-top:21px;font-size:6px;font-weight:900}.intro-stamp span{color:#ac532c;margin:0 9px}.intro-sparks{opacity:.28;background-image:radial-gradient(#ff9b3a 0 1px,#0000 2px),radial-gradient(#ffd983 0 1px,#0000 2px);background-position:12px 25px,80px 108px;background-size:145px 171px,213px 193px;animation:5s linear infinite intro-embers;position:absolute;inset:-20%}.intro-finished{opacity:0;visibility:hidden;pointer-events:none}@keyframes intro-in{0%{opacity:0;transform:scale(.84)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes intro-embers{to{transform:translateY(-80px)}}@media (min-width:650px){.vehicle-card{flex-basis:300px;height:151px}}@media (max-height:740px) and (max-width:649px){.vehicle-card{flex-basis:240px;height:122px}.vehicle-stats{padding-top:8px;padding-bottom:7px}.vehicle-stats dl{margin-top:8px}.intro-kicker{margin-bottom:26px}.intro-logo{font-size:72px}.intro-tagline{margin-bottom:24px}.intro-stamp{margin-top:17px}}@media (min-width:650px) and (max-height:650px){.vehicle-card{height:125px}.intro-logo{font-size:100px}.intro-kicker{margin-bottom:20px}.intro-tagline{margin-bottom:23px}.intro-stamp{margin-top:16px}}@media (max-height:500px){.intro-logo{max-width:320px;font-size:67px}.intro-kicker{margin-bottom:17px;font-size:7px}.intro-tagline{margin-bottom:15px;font-size:12px}.intro-progress-line b{font-size:22px}.intro-stamp{margin-top:12px}}@media (prefers-reduced-motion:reduce){.intro-content,.intro-sparks{animation:none}.loading-intro,.intro-progress>span{transition:none}}.topbar{justify-content:flex-end}@media (max-width:649px) and (orientation:portrait){.lobby-screen{justify-content:flex-end;padding-top:0}.lobby-heading{left:0;top:calc(68px + env(safe-area-inset-top));z-index:1;width:46%;padding:8px 18px 10px;position:absolute}.lobby-heading h2{margin:6px 0 4px;font-size:clamp(30px,9vw,38px)}.lobby-heading .eyebrow{letter-spacing:.7px;flex-wrap:wrap;gap:3px 5px;font-size:7px;line-height:1.5}.preview-tag{letter-spacing:.4px;font-size:9px;line-height:1.5}.selection-sheet{height:62dvh;max-height:62dvh;padding:10px 16px calc(12px + env(safe-area-inset-bottom));flex:0 0 62dvh}.selection-scroll{padding-bottom:5px}.sheet-title{min-height:44px;margin-bottom:4px}.sheet-title>b{letter-spacing:.7px;font-size:9px}.slider-arrows{gap:4px}.slider-arrows button{background:#30362a80;width:44px;height:44px;font-size:20px}.card-slider{gap:8px;padding-bottom:7px}.character-card{flex-basis:88px;height:96px}.character-title{font-size:16px;bottom:6px;left:6px}.character-number{padding:2px;font-size:7px;top:4px;left:4px}.character-status{top:4px;right:4px}.vehicle-heading,.track-heading{margin-top:5px}.vehicle-card,.track-card{flex-basis:232px;height:112px;min-height:0}.vehicle-card .vehicle-copy{bottom:8px;left:10px}.vehicle-card .vehicle-copy b{margin-top:4px;font-size:21px}.track-copy{bottom:8px;left:10px}.track-copy b{margin:3px 0;font-size:25px}.vehicle-stats{margin:5px 2px 3px;padding:8px}.vehicle-stats dl{margin-top:8px}.vehicle-stats dd{margin:4px 0 6px;font-size:21px}.vehicle-stats p{margin-top:7px}.ability-description{margin:8px 0;font-size:8px}.lobby-people{margin-bottom:7px}.lobby-footer{padding-top:8px}.lobby-actions{grid-template-columns:104px minmax(0,1fr)}.lobby-actions .primary,.ready-button{min-height:48px}.lobby-actions .primary{padding:10px 12px;font-size:20px}.lobby-footer .small-note{margin-top:8px;font-size:8px}body[data-screen=lobby] .icon-button{width:44px;height:44px}}.help-button{font-size:18px;font-weight:900}body[data-screen=race] .help-button{display:none}.race-guidance{top:calc(162px + env(safe-area-inset-top));width:-moz-fit-content;width:fit-content;max-width:200px;color:var(--cream);text-align:center;background:#151713db;border:1px solid #ece6cf40;padding:7px 10px;font-size:9px;font-weight:900;line-height:1.4;position:absolute;right:20px;transform:rotate(-2deg)}.race-guidance[data-kind=hit]{color:#151713;background:#ff7836}.race-guidance[data-kind=boost],.race-guidance[data-kind=air]{background:var(--acid);color:var(--ink);border-color:var(--ink)}.race-guidance[data-kind=charged]{color:#162934;background:#8edfff;border-color:#162934}.race-guidance[data-kind=charged-two]{color:#422b12;background:#ffb650;border-color:#422b12}.race-screen.spectating .race-guidance{display:none}.drift-charge{width:150px;height:6px;left:calc(50% - 75px);bottom:calc(235px + env(safe-area-inset-bottom));opacity:0;background:#151713a8;border:1px solid #ece6cf66;position:absolute}.drift-charge.charging{opacity:1}.drift-charge span{width:var(--charge,0%);background:#8edfff;height:100%;display:block;box-shadow:0 0 10px #69d9ff55}.drift-charge.level-two span{background:#ffb650;box-shadow:0 0 10px #ffad4855}.drift-charge small{text-align:center;letter-spacing:.7px;color:var(--cream);text-shadow:0 1px 3px #151713,0 0 4px #151713;font-size:8px;font-weight:900;position:absolute;top:12px;left:-20px;right:-20px}.drift-charge:after{content:"";background:#ece6cfc9;width:2px;position:absolute;top:0;bottom:0;left:44.8%}.item-button:disabled{opacity:.52;filter:saturate(.55);box-shadow:none}.item-button.loaded:not(:disabled){outline:2px solid var(--acid);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.position-stack{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.position-box{align-items:center;gap:9px;display:flex}.position-copy{min-width:44px}.racer-portrait{object-fit:cover;background:#30362a;border:1px solid #15171366;flex-shrink:0;width:40px;height:48px;display:block}.pitcoin-readout{min-height:30px;color:var(--cream);background:#151713df;border:1px solid #d5b95099;align-items:center;gap:6px;padding:4px 7px;display:flex;transform:rotate(-2deg);box-shadow:2px 3px #0004}.pitcoin-icon{color:#fff2ad;background:#b07918;border:2px solid #f4d357;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;font-family:Impact,Arial Black,sans-serif;font-size:12px;line-height:1;display:grid}.pitcoin-readout b{font-variant-numeric:tabular-nums;min-width:12px;font-family:Impact,Arial Black,sans-serif;font-size:18px;font-weight:900}.pitcoin-readout small{letter-spacing:.6px;color:#d5c78d;font-size:6px;font-weight:900}.pitcoin-readout.boosting{border-color:var(--acid);background:#3c4118}.pitcoin-readout.boosting .pitcoin-icon{background:var(--acid);color:var(--ink);border-color:#fff1a1}.item-button{width:88px;height:92px;padding:4px;position:relative;overflow:hidden}.item-button .item-art-frame{background:#252b20;border:1px solid #ece6cf45;place-items:center;width:100%;height:58px;display:grid;overflow:hidden}.item-art-frame>img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.item-art-frame>#item-icon{font-size:29px;line-height:1}.item-button>small{letter-spacing:.25px;white-space:normal;margin-top:6px;font-size:7px;line-height:1.2}.item-button.rolling:disabled{opacity:1;filter:none;border-color:var(--acid);background:#21291a;box-shadow:3px 4px #0005}.item-button.rolling .item-art-frame{border-color:var(--acid)}.item-button.rolling img{filter:saturate(1.15)}.item-button>.item-roll-progress{background:#10150a;height:3px;display:none;position:absolute;bottom:2px;left:3px;right:3px}.item-roll-progress:after{content:"";width:calc(var(--item-roll,0) * 100%);background:var(--acid);height:100%;display:block}.item-button.rolling .item-roll-progress{display:block}@media (prefers-reduced-motion:reduce){.item-button.rolling img{filter:none}}.help-dialog{touch-action:pan-y;overscroll-behavior:contain;max-height:calc(100dvh - 40px);padding-top:27px;overflow:auto}.help-dialog>.small-note{margin:14px 0 0}.help-steps{counter-reset:tips;gap:16px;margin:0 0 21px;padding:0;list-style:none;display:grid}.help-steps li{counter-increment:tips;padding-left:34px;position:relative}.help-steps li:before{content:counter(tips);background:var(--ink);width:23px;height:25px;color:var(--acid);place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:0;left:0;transform:rotate(-4deg)}.help-steps b{margin-bottom:5px;font-size:12px;display:block}.help-steps span{color:#576247;font-size:10px;line-height:1.6;display:block}@media (min-width:650px){.race-guidance{min-width:100px;max-width:260px;top:135px;left:calc(50% - 130px);right:auto}.drift-charge{bottom:238px}}@media (max-height:500px){.topbar{padding-top:12px}.race-top{top:65px}.race-guidance{top:75px}.controls{height:150px;bottom:25px}.left-controls{transform-origin:0 100%;transform:scale(.85)}.steering{width:110px;height:110px}.stick-knob{top:26px;left:26px}.steer-arrows{top:30px}.respawn-button{bottom:130px}.drift-charge{bottom:185px}.tutorial{bottom:205px}}
