html,body,#root{height:100%;margin:0}[hidden]{display:none!important}body{background:#110e0c}:root{--bg:#110e0c;--bg2:#17130f;--panel:#1e1914;--panel2:#29221b;--line:#f6ecde1f;--ink:#f6ecde;--mute:#a8998a;--hot:#ff6a1a;--hot2:#ffb03a;--sand:#e9c48a;--ok:#5bd38a;--bad:#ff5a4f;--art-sand:#d7b888;--art-sandLight:#ead3a5;--art-sandShade:#c2a071;--art-rock:#7d7060;--art-leaf:#326f50;--art-leafLight:#579569;--art-sea:#297b87;--art-foam:#b1ddd2;--art-cream:#f6ecde;--art-red:#d94b36;--art-gold:#ffb03a;--art-teal:#3ad1c4;--art-ink:#222b30;--art-roof:#626971;--art-shadow:#18130d38;--f-d:"Saira Condensed", "Arial Narrow", Impact, sans-serif;--f-b:"Barlow", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--f-b);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}.sr{position:absolute;left:-9999px}h1,h2,h3{font-family:var(--f-d);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0}.h{letter-spacing:.14em;color:var(--mute);font-size:15px;font-weight:700}.top{top:env(safe-area-inset-top,0px);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#110e0cdb;position:sticky}.topin{align-items:center;gap:12px;padding-block:10px;display:flex}.mini-logo{font:900 22px/1 var(--f-d);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0;transform:skew(-10deg)}.mini-logo small{font:700 8px/1 var(--f-b);letter-spacing:.18em;color:var(--sand);margin-bottom:3px;display:block;transform:skew(10deg)}.mini-logo b{color:var(--hot);margin-left:4px}.sp{flex:1}.coins{font:800 18px var(--f-d);color:var(--hot2);align-items:center;gap:6px;display:inline-flex}.coins svg{width:18px;height:18px}.btn{appearance:none;background:var(--panel2);color:var(--ink);cursor:pointer;font:700 16px/1.1 var(--f-d);text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);white-space:nowrap;border:0;padding:10px 20px;transition:filter .12s,transform 80ms}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn:focus-visible,.inp:focus-visible,.paint:focus-visible{outline:2px solid var(--hot2);outline-offset:2px}.btn.pri{background:linear-gradient(100deg, var(--hot), #ff8a2a);color:#1b0c02}.btn.lg{padding:15px 30px;font-size:21px}.btn.sm{padding:7px 14px;font-size:14px}.btn.ghost{color:var(--mute);background:0 0}.inp{border:1px solid var(--line);color:var(--ink);font:600 16px var(--f-b);background:#0c0a08;border-radius:4px;min-width:0;padding:11px 12px}.inp.code{font:800 22px var(--f-d);letter-spacing:.3em;text-transform:uppercase;text-align:center;width:150px}.card{background:linear-gradient(180deg, #ffffff09, transparent 40%), var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.note{color:var(--mute);margin:0;font-size:14px}.lbl{color:var(--mute);letter-spacing:.04em;font-size:13px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:460px;display:flex;position:relative;overflow:hidden}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#110e0cf0 0%,#110e0cb8 42%,#110e0c0d 75%),linear-gradient(#0000 70%,#110e0ce6);position:absolute;inset:0}.hero-in{z-index:1;flex-direction:column;gap:18px;width:100%;padding-block:56px;display:flex;position:relative}.eyebrow{font:700 14px var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--hot2);margin:0}.logo{transform-origin:0 100%;flex-direction:column;font-size:clamp(68px,13vw,148px);font-weight:900;line-height:.82;display:flex;transform:skew(-10deg)}.logo .hot{color:var(--hot);width:max-content;position:relative}.logo .hot:after{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 .16em, transparent .16em .26em);opacity:.25;height:.09em;position:absolute;bottom:-.08em;left:4%;right:-6%}.lead{color:#d9cdbd;max-width:46ch;margin:0;font-size:18px}.cta{flex-wrap:wrap;gap:12px;display:flex}.join{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=700px){.hero:after{background:linear-gradient(#110e0c8c,#110e0cf5 70%)}.hero{min-height:0}}.home-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;padding-block:28px;display:grid}.home-grid .keys{grid-column:1/-1}@media (width<=860px){.home-grid{grid-template-columns:1fr}}.paints{flex-wrap:wrap;gap:8px;display:flex}.paint{background:var(--c);cursor:pointer;border:3px solid #0000;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 -6px #00000040}.paint.on{border-color:var(--ink)}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}@media (width<=520px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat{background:var(--bg2);border-radius:4px;flex-direction:column;gap:2px;min-width:0;padding:10px;display:flex}.stat b{font:800 24px/1 var(--f-d)}.stat span{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.save{color:var(--mute);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.save i{background:var(--ok);border-radius:50%;width:8px;height:8px;display:inline-block}.save.warn i{background:var(--hot2)}.ritem{background:var(--panel2);border-radius:4px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.ritem .code{font:900 22px var(--f-d);letter-spacing:.18em;color:var(--hot)}.ritem .meta{min-width:120px;color:var(--mute);flex:1;font-size:14px}.ritem .meta b{color:var(--ink);display:block}.empty{border:1px dashed var(--line);color:var(--mute);text-align:center;border-radius:4px;padding:18px;font-size:14px}.keygrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.key{align-items:center;gap:10px;font-size:15px;display:flex}kbd{font:700 13px var(--f-b);background:var(--bg2);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-bottom-width:3px;border-radius:4px;padding:3px 8px}.page{flex-direction:column;gap:20px;padding-block:24px 40px;display:flex}.page-h{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.page-h h1{font-size:clamp(44px,7vw,72px);line-height:.9;transform:skew(-10deg)}.garage{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;display:grid}@media (width<=860px){.garage{grid-template-columns:1fr}}.pv{aspect-ratio:16/10;background:#1a1612;border-radius:4px;width:100%;display:block}.bars{flex-direction:column;gap:9px;display:flex}.bar{grid-template-columns:96px minmax(0,1fr) 78px;align-items:center;gap:10px;font-size:14px;display:grid}.bar .tr{background:var(--bg2);border-radius:4px;height:8px;overflow:hidden}.bar .tr i{background:linear-gradient(90deg, var(--hot), var(--hot2));height:100%;display:block}.bar .v{text-align:right;color:var(--mute)}.upg{background:var(--panel2);border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:14px;display:grid}.upg h3{font-size:22px;line-height:1}.upg p{color:var(--mute);margin:0;font-size:14px}.pips{grid-column:1/-1;gap:4px;display:flex}.pips i{background:var(--bg2);flex:1;height:6px;transform:skew(-20deg)}.pips i.on{background:var(--hot)}.paddock{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=860px){.paddock{grid-template-columns:1fr}}.bigcode{font:900 64px/1 var(--f-d);letter-spacing:.2em;color:var(--hot);transform:skew(-10deg)}.drv{background:var(--panel2);border-radius:4px;align-items:center;gap:12px;min-height:50px;padding:10px 12px;display:flex}.drv.open{border:1px dashed var(--line);color:var(--mute);background:0 0}.drv .sw{flex:none;width:16px;height:30px;transform:skew(-14deg)}.drv .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.tag{font:700 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;background:var(--bg2);color:var(--mute);border-radius:3px;padding:2px 6px}.tag.rdy{color:var(--ok);background:#5bd38a26}.tag.hot{color:var(--hot2);background:#ff6a1a26}.step{align-items:center;gap:6px;display:inline-flex}.step b{text-align:center;min-width:28px;font:800 22px var(--f-d)}.seg{gap:4px;display:inline-flex}.seg .btn{padding:7px 14px}.seg .btn.on{background:var(--hot);color:#1b0c02}table.tbl{border-collapse:collapse;width:100%;font-size:15px}.tbl td,.tbl th{text-align:left;border-bottom:1px solid var(--line);padding:7px 6px}.tbl th{color:var(--mute);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.tbl td.n{text-align:right}.tbl tr.me td{color:var(--hot2);font-weight:700}.pl{font:900 20px var(--f-d)}#race{z-index:30;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0}#cv{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px));position:absolute;inset:0}.hud-tl{left:14px;top:calc(12px + env(safe-area-inset-top,0px));text-shadow:0 2px 6px #0009;flex-direction:column;gap:6px;display:flex;position:absolute}.hpos{font:900 64px/.85 var(--f-d);transform:skew(-10deg)}.hpos small{color:var(--mute);font-size:28px}.hlap{font:800 20px var(--f-d);letter-spacing:.06em}.hlap span{color:var(--hot2)}.hlist{font:700 14px var(--f-b);flex-direction:column;gap:2px;margin-top:6px;display:flex}.hlist div{background:#0a08078c;align-items:center;gap:8px;width:max-content;min-width:150px;padding:2px 8px 2px 0;display:flex}.hlist i{align-self:stretch;width:5px}.hlist b{text-align:right;width:16px;color:var(--mute)}.hlist .me{color:var(--hot2)}@media (width<=700px){.hlist{display:none}.hpos{font-size:46px}}.hud-tr{right:14px;top:calc(12px + env(safe-area-inset-top,0px));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.race-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}#mm{background:#0a08078c;border-radius:6px;width:150px;height:150px}@media (width<=700px){#mm{width:96px;height:96px}}.leave,.pause-race{pointer-events:auto;min-height:44px;color:var(--ink);font:700 14px var(--f-b);cursor:pointer;background:#0a0807db;border:1px solid #f6ecde47;border-radius:4px;padding:9px 14px}.pause-race{border-color:var(--hot2);color:#1b0c02;background:#ff6a1ae0}.leave:focus-visible,.pause-race:focus-visible,.tb:focus-visible{outline:2px solid var(--hot2);outline-offset:2px}.leave.arm{background:var(--bad);color:#fff}.hud-b{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));text-shadow:0 2px 6px #0009;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.spd{font:900 48px/.9 var(--f-d);transform:skew(-10deg)}.spd small{color:var(--mute);margin-left:4px;font-size:18px}.nbar{background:#0a080799;border:1px solid #ffffff2e;width:220px;height:10px;transform:skew(-20deg)}.nbar i{background:linear-gradient(90deg,#2fb8f0,#9be8ff);width:0;height:100%;display:block}.nlbl{font:700 11px var(--f-b);letter-spacing:.2em;color:#9be8ff}body.touch .hud-b{bottom:auto;left:auto;right:14px;top:calc(158px + env(safe-area-inset-top,0px));align-items:flex-end;transform:none}body.touch .spd{font-size:34px}body.touch .nbar{width:140px}.pop{text-align:center;font:900 34px/1 var(--f-d);text-transform:uppercase;color:var(--hot2);text-shadow:0 3px 10px #000000b3;opacity:0;transition:opacity .2s;position:absolute;top:22%;left:50%;transform:translate(-50%)skew(-10deg)}.pop.on{opacity:1}.pop small{color:var(--ink);letter-spacing:.12em;font-size:18px;display:block}.pop.lost{color:var(--bad)}.cd{font:900 min(34vw, 240px)/1 var(--f-d);color:var(--ink);text-shadow:0 8px 30px #0009;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:skew(-10deg)}.cd.go{color:var(--hot)}.banner{text-align:center;font:900 clamp(40px, 8vw, 84px)/1 var(--f-d);text-transform:uppercase;color:var(--ink);text-shadow:0 6px 24px #000000b3;pointer-events:none;position:absolute;top:38%;left:0;right:0;transform:skew(-10deg)}.banner small{color:var(--hot2);letter-spacing:.2em;font-size:.34em;display:block}.ovl{pointer-events:auto;background:#0a0807b8;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.res{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:14px;width:min(620px,100%);padding:22px;display:flex}.res h2{font-size:44px;line-height:.9;transform:skew(-10deg)}.pause-panel{text-align:center;align-items:center}.pause-status{min-height:24px;color:var(--hot2);margin:0;font-weight:700}.pause-status[data-state=durable]{color:var(--ok)}.pause-status[data-state=error]{color:var(--bad)}.earn{background:var(--bg2);border-radius:4px;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:12px 14px;display:flex}.earn b{font:900 32px var(--f-d);color:var(--hot2)}.tctl{padding:0 12px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.tg{pointer-events:auto;gap:10px;display:flex}.tb{width:76px;height:76px;color:var(--ink);font:800 15px var(--f-d);text-transform:uppercase;letter-spacing:.06em;touch-action:none;background:#14100d8c;border:2px solid #ffffff38;border-radius:50%;place-items:center;display:grid}.tb.big{width:88px;height:88px;font-size:30px}.tb.on{border-color:var(--hot);background:#ff6a1a8c}.tb.nit{border-color:#2fb8f0}.tcol{flex-direction:column;align-items:center;gap:10px;display:flex}.toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--ink);color:#1b0c02;text-align:center;border-radius:4px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.spec{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#0a0807b3;border-radius:4px;padding:8px 14px;font-size:14px;font-weight:600;position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=700px){.race-actions{flex-direction:column;align-items:stretch}.leave,.pause-race{min-width:112px}.hud-tr{gap:6px}}.touch-toggle{display:block}.circs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.circ{text-align:left;border:1px solid var(--line);background:var(--panel2);min-height:64px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.circ:disabled{cursor:not-allowed;opacity:.62}.circ.on{border-color:var(--hot2);box-shadow:inset 0 0 0 1px var(--hot2)}.circ:focus-visible{outline:2px solid var(--hot2);outline-offset:2px}.circ .co{width:48px;height:48px;color:var(--sand);background:#00000040;border-radius:8px;flex:0 0 48px;place-items:center;display:grid}.circ .co svg{width:44px;height:44px}.circ .co.rnd{font:800 26px/1 var(--f-d);color:var(--hot2)}.circ .cm{flex-direction:column;gap:3px;min-width:0;display:flex}.circ .cm b{font:700 16px/1.1 var(--f-d);letter-spacing:.02em}.circ .cd2,.circ .cr{color:var(--mute);font-size:12px}.circ .cr{color:var(--sand)}.shop{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.shop.sm{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.shop .item{text-align:left;border:1px solid var(--line);background:var(--panel2);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 10px;display:flex}.shop .item b{font:700 15px/1.1 var(--f-d)}.shop .item span{color:var(--mute);font-size:12px}.shop .item em{color:var(--hot2);align-items:center;gap:4px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.shop .item em svg{width:13px;height:13px}.shop .item.on{border-color:var(--hot2);box-shadow:inset 0 0 0 1px var(--hot2)}.shop .item.on em{color:var(--ok)}.shop .item:disabled{opacity:.55;cursor:not-allowed}.shop .item:focus-visible{outline:2px solid var(--hot2);outline-offset:2px}.combo-timer{background:var(--panel);width:104px;height:4px;margin:6px auto 0;display:block;transform:skew(10deg)}.combo-timer i{background:var(--hot2);height:100%;display:block}#pop{pointer-events:none;max-width:190px;font-size:27px}#pop small{letter-spacing:0;font-size:16px}.cup-schedule{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:20px;display:grid}.cup-leg{border-left:3px solid var(--line);min-width:0;padding-left:12px}.cup-leg.on{border-color:var(--hot)}.cup-leg h2{font-size:28px;line-height:1.05}.cup-results .cup-trophy{text-align:center;font-size:64px;line-height:1}.cup-results{max-height:calc(100dvh - 32px);overflow:auto}.cup-results .btn{flex-shrink:0;min-height:44px}@media (width<=700px){.cup-schedule{grid-template-columns:1fr;gap:12px}.cup-leg h2{font-size:24px}.cup-results{gap:10px;padding:16px}.cup-results h2{font-size:32px}.cup-results .tbl{font-size:13px}}@media (height<=450px) and (orientation:landscape){.cup-results .cup-trophy{font-size:36px}.cup-results h2{font-size:30px}}.solo-pause-layer{background:color-mix(in srgb, var(--bg) 70%, transparent);z-index:2;place-items:center;padding:16px;display:grid;position:absolute;inset:0}#ovl{z-index:3}.race-hint{border:1px solid var(--line);background:var(--panel);width:max-content;max-width:calc(100% - 28px);color:var(--ink);z-index:1;border-radius:4px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.race-hint b{color:var(--hot2)}.race-hint .leave{flex:0 0 44px;width:44px;padding:0;font-size:24px}.finger-hint{color:var(--mute);font-size:12px;display:block}@media (width<=700px){.race-actions{flex-flow:wrap;justify-content:flex-end;gap:4px;max-width:220px}.race-actions .leave,.race-actions .pause-race{min-width:44px;padding:8px;font-size:12px}.hud-tl{max-width:150px;left:10px}.hlap{font-size:16px}.hud-tr{right:10px}#mm{width:76px;height:76px}body.touch .hud-b{top:calc(184px + env(safe-area-inset-top,0px));right:10px}body.touch .nbar{width:110px}.tg{gap:6px}.tb{width:56px;height:56px}.tb.big{width:64px;height:64px}.tctl{padding-inline:10px}.tcol{gap:6px}}@media (height<=450px) and (orientation:landscape){.hud-tl{left:10px}.hpos{font-size:36px}.hlist{display:none}.hlap{font-size:16px}.race-actions{flex-direction:row;gap:4px}.race-actions .leave,.race-actions .pause-race{min-width:44px;padding:8px;font-size:12px}#mm{width:68px;height:68px}body.touch .hud-b{align-items:center;top:64px;left:50%;right:auto;transform:translate(-50%)}body.touch .spd{font-size:28px}.tb{width:52px;height:52px}.tb.big{width:62px;height:62px}.tg,.tcol{gap:6px}.race-hint{top:42%}.solo-pause-layer .res h2{font-size:36px}}