@font-face{font-family:"Jersey 10";src:url(/game/fonts/Jersey10-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Barlow SC;src:url(/game/fonts/BarlowSemiCondensed-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Barlow SC;src:url(/game/fonts/BarlowSemiCondensed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}:root{--tarmac: #262b36;--tarmac-lit: #343a47;--road: #565b66;--kerb: #e34d38;--chalk: #ebebe6;--gold: #fac938;--grass: #4c8a3f;--p1: #e34d38;--p2: #458ce0;--muted: #a9aeb8;--display: "Jersey 10", "Arial Narrow", sans-serif;--px: 11.2px;--text: "Barlow SC", "Arial Narrow", sans-serif;--gutter: clamp(16px, 5vw, 72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--tarmac);color:var(--chalk);font:500 1.125rem/1.5 var(--text);-webkit-font-smoothing:antialiased}img,canvas{image-rendering:pixelated}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:var(--gold);color:var(--tarmac);padding:8px 12px}h1{margin:0;line-height:0}h2{font:400 calc(var(--px) * 6)/.95 var(--display);margin:0 0 .35em;text-wrap:balance;-webkit-font-smoothing:none}h3{font:400 calc(var(--px) * 3)/1 var(--display);margin:0 0 .25em;-webkit-font-smoothing:none}p{margin:0 0 1em;max-width:62ch}.hero{padding:clamp(20px,3vw,40px) var(--gutter) clamp(28px,3vw,48px);max-width:1480px;margin:0 auto}.masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 40px;margin-bottom:clamp(16px,2.4vw,28px)}#logo{height:auto;display:block;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.pitch{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}.tagline{font:600 clamp(1.1rem,1.8vw,1.5rem)/1.25 var(--text);margin:0;max-width:34ch;text-wrap:balance}.actions{display:flex;flex-wrap:wrap;gap:.6em 1.2em;align-items:center;justify-content:flex-end}.soon{color:var(--muted);font-size:1rem}.button{display:inline-block;font:400 calc(var(--px) * 2.5)/1 var(--display);-webkit-font-smoothing:none;color:var(--tarmac);background:var(--gold);padding:.3em .8em .35em;text-decoration:none;box-shadow:inset 0 -4px #0003,4px 4px #0000004d}.button:hover{background:#ffd95a}.button:active{transform:translate(2px,2px);box-shadow:inset 0 -4px #0003}.board{margin:0 auto;max-width:max(560px,calc((100svh - 340px) * 16 / 9))}.board-face{position:relative;background:#15181e;padding:clamp(6px,1vw,12px);border:3px solid #0d0f13;box-shadow:0 0 0 4px #3b4150,10px 12px #00000059}.board video{display:block;width:100%;aspect-ratio:16 / 9;background:#000;image-rendering:pixelated}.legs{display:flex;justify-content:space-around;padding:0 24%}.legs i{width:14px;height:40px;background:#3b4150;box-shadow:inset -4px 0 #0000004d}.sound{position:absolute;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);font:400 calc(var(--px) * 2)/1 var(--display);-webkit-font-smoothing:none;color:var(--chalk);background:#15181ed9;border:3px solid var(--chalk);padding:.25em .6em .3em;cursor:pointer}.sound:hover{background:var(--chalk);color:var(--tarmac)}.sound[aria-pressed=true]{display:none}.play{position:absolute;inset:0;display:grid;place-items:center;background:transparent;border:0;cursor:pointer}.play span{width:120px;height:120px;background:var(--gold);clip-path:polygon(30% 20%,30% 80%,78% 50%);filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}.play[hidden]{display:none}main{padding:0 var(--gutter)}section{max-width:1240px;margin:0 auto;padding:clamp(56px,9vw,112px) 0}section+section{border-top:2px dashed rgba(235,235,230,.14)}.copy p{color:#cfd2d8}.pit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(24px,4vw,56px);margin-top:1.5em}.garage{display:flex;flex-direction:column;align-items:flex-start;gap:16px}#carview{width:256px;height:256px;background:var(--road);background-image:repeating-linear-gradient(0deg,transparent 0 44px,rgba(235,235,230,.5) 44px 52px,transparent 52px 96px);background-size:100% 96px;background-position:50% 0;background-repeat:repeat-y;background-clip:content-box;border:6px solid var(--chalk);border-image:repeating-linear-gradient(45deg,var(--kerb) 0 8px,var(--chalk) 8px 16px) 6}.chassis{display:flex;flex-wrap:wrap;gap:6px}.chassis button{font:600 1rem var(--text);color:var(--chalk);background:var(--tarmac-lit);border:0;padding:.45em .9em;cursor:pointer;border-bottom:3px solid transparent}.chassis button[aria-checked=true]{border-bottom-color:var(--gold);color:#fff;background:#424959}.chassis-line{color:var(--muted);min-height:3em;margin:0;max-width:34ch}.paints{display:grid;grid-template-columns:repeat(10,28px);gap:6px}.paints button{width:28px;height:28px;background:var(--chip);border:0;cursor:pointer;box-shadow:inset 0 -5px #00000040}.paints button[aria-checked=true]{outline:3px solid var(--chalk);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.grid button{padding:0;border:0;background:#1d2129;cursor:pointer;aspect-ratio:1;position:relative}.grid img{width:100%;height:100%;display:block}.grid button[aria-checked=true]{outline:3px solid var(--gold);outline-offset:-3px}.grid button:hover img{filter:brightness(1.15)}.driver-card{display:flex;gap:18px;align-items:center;margin-top:18px;min-height:128px}#driver-face{width:128px;height:128px;background:#1d2129;flex:none}.driver-card p{margin:0;color:#cfd2d8}.route{list-style:none;padding:0;margin:2em 0 1.5em;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:none;position:relative}.route:before{content:"";position:absolute;left:10%;right:10%;top:13px;height:4px;background:repeating-linear-gradient(90deg,var(--chalk) 0 12px,transparent 12px 22px);opacity:.4}.route li{position:relative;padding:40px 10px 0;text-align:center}.route li:before{content:"";position:absolute;top:4px;left:50%;width:22px;height:22px;transform:translate(-50%);background:var(--tarmac-lit);border:3px solid var(--chalk)}.route li:last-child:before{background:conic-gradient(var(--chalk) 25%,#15181e 0 50%,var(--chalk) 0 75%,#15181e 0);background-size:8px 8px;width:28px;height:28px;top:1px}.route strong{display:block;font:400 calc(var(--px) * 3)/1 var(--display);-webkit-font-smoothing:none}.route span{color:var(--muted);font-size:1rem;display:block;max-width:22ch;margin:.3em auto 0}.locker{color:#cfd2d8}.viewer{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,2.4fr);gap:clamp(16px,3vw,40px);margin-top:1.5em}.tabs{display:flex;flex-direction:column;gap:4px}.tabs button{display:flex;justify-content:space-between;align-items:baseline;gap:1em;background:transparent;color:var(--chalk);border:0;border-left:4px solid transparent;padding:.6em .8em;cursor:pointer;text-align:left;font:600 1.1rem var(--text)}.tabs button:hover{background:#ebebe60f}.tabs button[aria-selected=true]{border-left-color:var(--gold);background:var(--tarmac-lit)}.w-level{color:var(--muted);font-weight:500;font-size:.9rem}.view img{width:100%;height:auto;display:block;background:#1d2129;aspect-ratio:16 / 9}.view-copy{display:flex;gap:2em;justify-content:space-between;margin-top:1em;flex-wrap:wrap}.view-copy p{margin:0;flex:1 1 30ch}.view-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;flex:1 1 26ch}.view-copy li{background:var(--tarmac-lit);padding:.2em .65em;font-size:.95rem}.modes dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 40px;margin:1.4em 0 0}.modes dt{font:400 calc(var(--px) * 3)/1 var(--display);-webkit-font-smoothing:none;color:var(--gold);margin-bottom:.2em}.modes dd{margin:0;color:#cfd2d8}footer{text-align:center;padding:72px var(--gutter) 56px;background:#1d2129}.foot-logo{width:402px;max-width:80vw;height:auto;display:block;margin:0 auto 1.2em}footer p{margin:0 auto 1.4em}footer .small{color:var(--muted);font-size:.95rem;margin-top:2.2em}:root{--night: #1b1035;--night-2: #2a1a55;--bubblegum: #e8467f;--sea: #1693a1;--neon: #241a4a;--ink: #15112a;--world: #4f9a3a}body{background:var(--night)}main{padding:0}section{max-width:none;margin:0;padding-inline:max(var(--gutter),calc((100% - 1240px)/2))}section+section{border-top:0}section,.hero{scroll-margin-top:64px}h2{color:#fff;text-shadow:4px 4px 0 var(--ink)}h3{text-shadow:3px 3px 0 var(--ink)}.copy p,.locker,.driver-card p,.modes dd,.view-copy p{color:#ffffffe6}.button{box-shadow:inset 0 -4px #0003,5px 5px 0 var(--ink)}.menu{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:10px max(var(--gutter),calc((100% - 1400px)/2));background:#15112aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:4px solid transparent;border-image:repeating-linear-gradient(90deg,#e34d38 0 16px,#ebebe6 16px 32px) 4}.menu-logo img{display:block;width:201px;height:auto}.menu-logo{transition:opacity .3s,transform .3s}.menu:not(.past) .menu-logo{opacity:0;transform:translateY(-8px);pointer-events:none}.menu-links{display:flex;align-items:center;gap:6px;list-style:none;margin:0 0 0 auto;padding:0}.menu-links a:not(.button){display:block;padding:.15em .55em .25em;font:400 calc(var(--px) * 2)/1 var(--display);-webkit-font-smoothing:none;color:#fff;text-decoration:none}.menu-links a:not(.button):hover{color:var(--gold)}.menu-links a.on:not(.button){background:var(--gold);color:var(--ink)}.menu-links a.on:not(.button):hover{background:#fff;color:var(--ink)}.menu-cta{margin-left:10px}.button.small{font-size:calc(var(--px) * 2);padding:.2em .6em .3em;box-shadow:inset 0 -3px #0003,3px 3px #000}.menu-toggle{display:none}.hero{max-width:none;position:relative;isolation:isolate;overflow:hidden;padding-inline:max(var(--gutter),calc((100% - 1400px)/2));display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.75fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:calc(100svh - 70px);padding-block:clamp(32px,4vw,56px) clamp(24px,3vw,40px)}.hero .masthead{flex-direction:column;align-items:flex-start;justify-content:center;margin:0;gap:22px}.hero .pitch{align-items:flex-start;text-align:left;gap:18px}.hero .actions{justify-content:flex-start}.hero .tagline{font-size:clamp(1.25rem,2vw,1.75rem);max-width:22ch}.hero .board{width:100%;max-width:calc((100svh - 230px) * 16 / 9 + 48px);margin:0;justify-self:end}.hero:before{content:"";position:absolute;inset:-40% -10% 0;z-index:-2;background:repeating-conic-gradient(from 0deg at 50% 62%,var(--night-2) 0deg 7.5deg,var(--night) 7.5deg 15deg)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px)}.tagline{color:#fff;text-shadow:3px 3px 0 var(--ink)}.soon{color:#ff9ccb}.board-face{box-shadow:0 0 0 4px var(--ink),10px 12px #00000073}.board-face:before{content:"";position:absolute;inset:-22px;z-index:-1;background:#c9356f;border:4px solid var(--ink);box-shadow:10px 12px #0006}.board-face:after{content:"";position:absolute;inset:-16px;pointer-events:none;--b1: #ffe066;--b2: #ff5fa2;background:radial-gradient(circle at 6px 6px,var(--b1) 3px,transparent 4px) 0 0 / 24px 24px,radial-gradient(circle at 6px 6px,var(--b2) 3px,transparent 4px) 12px 0 / 24px 24px;-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:12px;animation:chase .5s steps(1) infinite;filter:drop-shadow(0 0 4px rgba(255,224,102,.7))}@keyframes chase{50%{--b1: #ff5fa2;--b2: #ffe066}}@property --b1{syntax: "<color>"; inherits: false; initial-value: #ffe066;}@property --b2{syntax: "<color>"; inherits: false; initial-value: #ff5fa2;}.board-face{position:relative;isolation:isolate}.legs{padding:22px 26% 0}.legs i{background:var(--ink);height:34px}.lane{position:relative;height:116px;overflow:hidden;background:repeating-linear-gradient(90deg,#ebebe6 0 28px,transparent 28px 56px) 0 50% / 100% 4px no-repeat,#4b4f5c;border-block:6px solid transparent;border-image:repeating-linear-gradient(90deg,#e34d38 0 16px,#ebebe6 16px 32px) 6}.lane-car{position:absolute;left:0;will-change:transform}.pitlane{background:var(--bubblegum)}.chassis button{background:var(--ink)}.chassis button[aria-checked=true]{background:#fff;color:var(--ink);border-bottom-color:var(--gold)}.chassis-line{color:#ffffffd9}#carview{box-shadow:6px 6px 0 var(--ink)}.grid button{background:var(--ink);box-shadow:3px 3px #15112a80}.grid button[aria-checked=true]{outline-color:#fff;outline-width:4px}.grid button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}#driver-face{background:var(--ink);box-shadow:6px 6px #15112a80}.paints button{box-shadow:inset 0 -5px #00000040,3px 3px 0 var(--ink)}.paints button[aria-checked=true]{outline-color:#fff}.cup{background:var(--sea)}.route:before{opacity:.7}.route li:before{background:#fff;border-color:var(--ink);box-shadow:inset 0 -8px #e34d38,3px 3px 0 var(--ink)}.route li:last-child:before{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.route strong{color:#fff;text-shadow:3px 3px 0 var(--ink)}.route span{color:#ffffffd9}.worlds{background:var(--world);transition:background-color .45s steps(4)}.tabs button{color:#fff}.tabs button:hover{background:#15112a40}.tabs button[aria-selected=true]{background:var(--ink);border-left-color:var(--gold)}.w-level{color:#ffffffbf}.view img{box-shadow:0 0 0 4px var(--ink),10px 10px #15112a73}.view-copy li{background:var(--ink);color:#fff}.modes{background:var(--neon);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:16px 16px}@media(min-width:1100px){.modes dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}}.modes dl>div{border-left:6px solid var(--c, var(--gold));padding:4px 0 4px 16px}.modes dt{color:var(--c, var(--gold));text-shadow:3px 3px 0 #000}footer{background:var(--gold);color:var(--ink);position:relative}footer:before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:conic-gradient(var(--ink) 25%,#fff 0 50%,var(--ink) 0 75%,#fff 0) 0 0 / 24px 24px}footer{padding-top:96px}footer p{color:var(--ink);font-weight:600}footer .small{color:#15112abf}footer .button{background:var(--ink);color:var(--gold);box-shadow:5px 5px #15112a59}.foot-logo{filter:drop-shadow(5px 5px 0 rgba(21,17,42,.35))}@media(prefers-reduced-motion:reduce){.board-face:after{animation:none}.worlds{transition:none}}@media(max-width:760px){:root{--px: 7.467px}.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero .board{max-width:none;justify-self:stretch}.masthead{flex-direction:column;align-items:flex-start}.pitch{align-items:flex-start;text-align:left}.actions{justify-content:flex-start}.pit,.viewer{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.route{grid-template-columns:minmax(0,1fr);gap:18px}.route:before{inset:10px auto 10px 13px;width:4px;height:auto;background:repeating-linear-gradient(180deg,var(--chalk) 0 12px,transparent 12px 22px)}.route li{text-align:left;padding:0 0 0 44px}.route li:before{left:15px;top:2px}.route span{margin-left:0}.tabs{flex-direction:row;overflow-x:auto}.tabs button{border-left:0;border-bottom:4px solid transparent;flex:none}.tabs button[aria-selected=true]{border-bottom-color:var(--gold)}.paints{grid-template-columns:repeat(5,36px)}.paints button{width:36px;height:36px}.legs{display:none}h3{text-shadow:2px 2px 0 var(--ink)}h2{text-shadow:3px 3px 0 var(--ink)}.menu{gap:12px;flex-wrap:wrap}.menu-logo img{width:134px}.menu-toggle{display:block;margin-left:auto;font:400 calc(var(--px) * 2.5)/1 var(--display);-webkit-font-smoothing:none;color:var(--ink);background:var(--gold);border:0;padding:.15em .6em .25em;box-shadow:3px 3px #000}.menu-links{display:none;width:100%;flex-direction:column;align-items:stretch;margin:0;padding:8px 0 4px}.menu.open .menu-links{display:flex}.menu-links a:not(.button){font-size:calc(var(--px) * 3);padding:.2em .3em}.menu-cta{margin:8px 0 0}.board-face:before{inset:-12px}.board-face:after{inset:-10px;padding:8px}}footer .small+.small{margin-top:.4em}footer .small a{color:var(--ink);text-underline-offset:3px}footer .small a:hover{text-decoration-thickness:2px}
