@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#080c10;--ink:#f2f5ef;--muted:#9ca9ae;--line:#263137;--mint:#63e6d6;--lime:#ddfb75;--coral:#ff805d;--lavender:#b6bdf9;font-family:Inter,'Segoe UI',sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button[hidden],[hidden]{display:none!important}button{touch-action:manipulation}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.site-shell{width:min(1280px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;top:-70px;left:24px;background:var(--lime);color:var(--bg);z-index:20;padding:14px 20px;border-radius:6px}.skip-link:focus{top:14px}.site-header{height:100px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:34px}.brand{display:flex;align-items:center;gap:13px;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand-domain{font-weight:450;color:var(--muted)}.brand-symbol{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:3px;transform:rotate(-9deg)}.brand-symbol i{background:var(--lime);border-radius:1px}.brand-symbol i:nth-child(2){background:var(--mint);transform:translate(2px,-3px)}.header-note{color:var(--muted);font-size:12px}.site-header nav{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:12px;font-weight:500}.site-header nav a{display:flex;align-items:center;gap:9px;min-height:44px}.site-header nav a:hover{color:var(--lime)}.site-header nav .icon{width:15px;height:15px;color:var(--muted)}.nav-games span{font-size:10px;color:var(--lime);border:1px solid #ddfb7530;padding:3px 5px;border-radius:4px;font-variant-numeric:tabular-nums}.hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:30px;padding:55px 0 58px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);font-weight:550;display:flex;align-items:center;gap:9px;margin:0 0 23px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #ddfb7525}h1{font-size:clamp(54px,6.5vw,90px);line-height:.99;letter-spacing:-5.5px;font-weight:730;margin:0}.hero-word{position:relative;color:var(--lime);white-space:nowrap}.hero-word svg{position:absolute;left:0;bottom:-12px;width:100%;height:14px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;opacity:.6}.hero-side{position:relative;justify-self:end;min-width:300px;padding:0 22px 3px 0}.hero-side>p{font-size:17px;line-height:1.65;letter-spacing:-.3px;margin:0 0 19px}.browser-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.browser-note .icon{width:16px;height:16px}.play-art{position:relative;width:250px;height:90px;margin:-16px 0 18px 75px}.art-orbit{position:absolute;width:190px;height:72px;left:0;top:13px;transform:rotate(-17deg);border:1px dashed #71827a50;border-radius:50%}.art-block{position:absolute;display:block;width:44px;height:17px;border:1px solid #63e6d689;background:#63e6d612;border-radius:3px;transform:rotate(-17deg)}.art-block.b1{top:24px;left:9px}.art-block.b2{top:16px;left:59px}.art-block.b3{top:40px;left:37px;border-color:#ff805d89;background:#ff805d12}.art-ball{position:absolute;width:13px;height:13px;background:var(--lime);border-radius:50%;top:4px;left:167px;box-shadow:0 0 18px #ddfb7530}.art-paddle{position:absolute;width:5px;height:39px;background:var(--mint);border-radius:4px;left:210px;top:20px;transform:rotate(17deg)}.art-cross{position:absolute;right:-7px;top:-3px;color:#6d7c7f;font-size:17px}.section-bar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0}.section-bar h2{font-size:15px;letter-spacing:-.2px;font-weight:550;margin:0;display:flex;align-items:center;gap:12px}.section-bar h2>span{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:3px 6px;border-radius:4px;font-weight:400}.motion-toggle{display:flex;gap:7px;align-items:center;background:none;border:0;color:var(--muted);font-size:11px;min-height:36px;padding:5px 0 5px 12px}.motion-toggle:hover{color:var(--ink)}.motion-toggle .icon{width:15px;height:15px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 30px}.game-card{min-width:0;--accent:var(--lime)}.nono-card{--accent:var(--lavender)}.race-card{--accent:var(--coral)}.game-media{aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #344048;border-radius:12px;background:#0d1519}.media-link{display:block;height:100%;position:relative;overflow:hidden}.media-link:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03070b60,transparent 30%,transparent 65%,#03070bb0);pointer-events:none}.media-link video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.media-topline{position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1}.genre{color:var(--accent);font-size:9px;font-weight:650;letter-spacing:1.4px;background:#080c10c9;border:1px solid #ffffff14;border-radius:4px;padding:7px 9px;backdrop-filter:blur(8px)}.level-label{font-size:9px;letter-spacing:1.1px;color:#eef1ec;background:#080c10a8;border-radius:4px;padding:6px 8px}.media-caption{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:7px;font-size:10px;color:#d7dfdf;z-index:1}.preview-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.video-toggle{position:absolute;bottom:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;z-index:3;border:1px solid #ffffff2b;background:#080c10b8;border-radius:50%;backdrop-filter:blur(10px)}.video-toggle:hover{background:var(--ink);color:var(--bg)}.video-toggle .icon{width:17px;height:17px;stroke-width:2}.hover-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;background:#080c1044;opacity:0;transition:opacity .2s;font-size:13px;font-weight:600}.hover-play .icon{width:46px;height:46px;padding:13px;background:var(--accent);color:var(--bg);border-radius:50%}.media-link:focus-visible{outline-offset:-5px}.media-link:focus-visible .hover-play{opacity:1}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:20px}.card-heading h3{font-size:29px;letter-spacing:-1.1px;font-weight:760;margin:0;line-height:1.25}.brix-card h3 span,.race-card h3 span{color:var(--accent)}.title-dot{color:var(--accent)}.launch-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid #344047;border-radius:50%;transition:background .18s,color .18s,transform .18s}.launch-link .icon{width:19px;height:19px}.launch-link:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(-35deg)}.game-description{font-size:13px;color:var(--muted);line-height:1.75;margin:8px 38px 19px 0;max-width:450px;min-height:46px}.card-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:35px}.devices{list-style:none;display:flex;gap:17px;padding:0;margin:0}.devices li{display:flex;align-items:center;gap:6px;font-size:10px;color:#b1bdc1}.devices .icon{width:16px;height:16px;color:#8f9da3}.devices .recommended{color:#d5dcd8}.devices .recommended .icon:first-child{color:var(--coral)}.game-type{font-size:10px;color:#87969d;white-space:nowrap}.sponsor-media{aspect-ratio:16/9;position:relative;display:block;overflow:hidden;border:1px solid #49614b;border-radius:12px;background:#14251c;isolation:isolate}.sponsor-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b7dd9e08 1px,transparent 1px),linear-gradient(90deg,#b7dd9e08 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.sponsor-topline{position:absolute;left:23px;right:23px;top:22px;display:flex;align-items:center;justify-content:space-between}.sponsor-topline>.icon{color:#c7d9ad;width:18px;height:18px}.sponsor-badge{display:flex;align-items:center;gap:6px;color:#c6d5b8;font-size:9px;letter-spacing:1.3px;font-weight:550}.sponsor-badge>span{width:4px;height:4px;border-radius:50%;background:var(--lime)}.sponsor-headline{position:absolute;left:27px;top:27%;font-size:clamp(25px,3.15vw,44px);font-weight:650;line-height:1.08;letter-spacing:-1.7px;z-index:1}.sponsor-headline em{font-style:normal;color:var(--lime)}.sponsor-subline{position:absolute;left:27px;bottom:22%;font-size:10px;line-height:1.6;color:#b3c5b4;z-index:1}.sponsor-sculpture{position:absolute;right:-8%;top:-3%;width:72%;height:108%;object-fit:contain;z-index:0;transition:transform .7s}.sponsor-media-footer{position:absolute;bottom:19px;left:27px;right:23px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.4px;color:var(--lime)}.sponsor-media-footer>span{color:#9bad98;font-size:7px}.sponsor-card h3{font-size:26px;letter-spacing:-.9px}.sponsor-card h3 span{font-size:21px;font-weight:450;color:var(--muted)}.sponsor-thanks{font-size:10px;color:#b1bdc1;display:flex;align-items:center;gap:7px}.sponsor-thanks .icon{width:16px;height:16px;color:var(--lime)}.closing-note{margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;display:flex;align-items:center;gap:16px}.tiny-pixels{color:var(--lime);letter-spacing:1px;transform:rotate(-12deg);font-size:18px;white-space:nowrap}.closing-note p{font-size:13px;margin:0;color:#d3dbd8;letter-spacing:-.15px}.closing-note p span{color:var(--muted)}.back-to-games{margin-left:auto;border:1px solid var(--line);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.back-to-games:hover{color:var(--lime)}.site-footer{padding:27px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8d9a9f;font-size:10px}.footer-divider{margin:0 10px;color:#3e4a50}.site-footer>a{display:flex;align-items:center;gap:6px;min-height:32px}.site-footer strong{font-weight:550;color:#c4cecb}.site-footer .icon{width:12px;height:12px}.site-footer a:hover{color:var(--lime)}
.brand-name{font-size:22px;font-weight:750;letter-spacing:-1px}.brand-bang{color:var(--lime)}.languages{display:flex;align-items:center;gap:1px;font-size:10px;margin-left:0}.languages>span{color:#465258}.languages button{padding:0;width:34px;min-height:44px;background:none;border:0;color:var(--muted);font-size:10px;font-weight:500}.languages button[aria-pressed="true"]{color:var(--lime)}.site-header{gap:26px}.site-header nav{gap:26px}
@media(max-width:1100px){.header-note{display:none}}
@media(max-width:760px){.site-header{gap:14px}.site-header nav{gap:15px}.brand-name{font-size:19px}.languages{margin-left:auto}.site-header nav{margin-left:auto}.nav-games{display:none!important}}
@media(max-width:580px){.site-header nav{display:none}.brand-name{font-size:21px}.site-header{gap:6px}.languages button{width:32px}.hero-side{position:static}.play-art{right:0;top:65px;transform:scale(.45);transform-origin:right center}.hero{overflow:hidden}.sponsor-thanks{font-size:9px}.sponsor-card .game-type{font-size:9px}}
@media(max-width:360px){.brand-name{font-size:18px}.brand{gap:8px}.languages button{width:29px}.play-art{right:-15px;transform:scale(.35)}}
@media(hover:hover){.media-link:hover .hover-play{opacity:1}.media-link:hover video{transform:scale(1.025)}.sponsor-media:hover .sponsor-sculpture{transform:rotate(5deg) scale(1.04)}.game-card:has(a:hover) .game-media{border-color:var(--accent)}}
@media(min-width:1600px){.hero{padding-top:65px;padding-bottom:68px}.game-grid{gap:48px 36px}}
@media(max-width:1100px){.site-shell{width:calc(100% - 64px)}.hero{gap:20px}.hero-side{min-width:270px;padding-right:0}.hero-side>p{font-size:15px}.play-art{margin-left:28px}.game-grid{gap:36px 24px}.game-description{margin-right:0}.sponsor-subline{bottom:20%;font-size:9px}.sponsor-media-footer>span{display:none}.devices{gap:12px}.game-type{font-size:9px}}
@media(max-width:760px){.site-shell{width:calc(100% - 40px)}.site-header{height:79px;gap:16px}.header-note{display:none}.site-header nav{gap:21px;font-size:11px}.brand{font-size:26px}.hero{padding:39px 0 36px;grid-template-columns:1fr;gap:28px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:19px}h1{font-size:70px;letter-spacing:-4px}.hero-side{justify-self:start;min-width:0;padding:0;position:static}.hero-side>p{font-size:14px;margin-bottom:11px}.play-art{position:absolute;right:6px;top:70px;transform:scale(.65);transform-origin:100% 50%;width:250px;opacity:.7}.hero-word svg{bottom:-10px}.section-bar{padding:17px 0;gap:8px}.section-bar h2{font-size:13px;gap:8px}.motion-toggle{font-size:10px}.game-grid{gap:34px 18px}.card-heading h3{font-size:25px}.game-media,.sponsor-media{border-radius:9px}.media-topline{top:10px;left:10px;right:10px}.genre{font-size:7px;padding:6px;letter-spacing:.8px}.level-label{display:none}.media-caption{left:12px;bottom:16px;font-size:8px}.video-toggle{right:6px;bottom:5px;width:40px;height:40px}.card-heading{margin-top:13px}.game-description{font-size:12px;margin-top:6px;margin-bottom:14px;min-height:63px}.devices{gap:9px}.devices li{gap:4px;font-size:9px}.devices .icon{width:14px;height:14px}.card-bottom{flex-wrap:wrap;gap:8px}.game-type{font-size:9px}.sponsor-topline{top:14px;left:16px;right:15px}.sponsor-badge{font-size:7px;letter-spacing:.7px}.sponsor-headline{left:17px;font-size:28px;letter-spacing:-1px}.sponsor-subline{left:17px;font-size:8px;bottom:20%}.sponsor-media-footer{left:17px;bottom:12px;font-size:7px}.sponsor-card h3{font-size:23px}.sponsor-card h3 span{font-size:17px}.sponsor-thanks{font-size:9px;gap:5px}.closing-note{margin-top:37px;padding:21px 0;gap:12px}.closing-note p{font-size:12px}.closing-note p span{display:block;margin-top:5px}.site-footer{font-size:9px;gap:12px}.footer-divider{margin:0 5px}}
@media(max-width:580px){.game-grid{grid-template-columns:1fr;gap:34px}.site-shell{width:calc(100% - 36px)}.site-header nav{gap:19px}.site-header nav .nav-games span{display:none}.hero{padding-bottom:33px}h1{font-size:65px;letter-spacing:-3.7px}.hero-side{position:relative}.hero-side>p{font-size:14px}.play-art{position:absolute;top:-166px;right:-153px;transform:scale(.47);opacity:.6}.eyebrow{letter-spacing:1.4px;font-size:8px}.media-topline{left:15px;right:15px;top:14px}.genre{font-size:8px;letter-spacing:1px;padding:7px 8px}.level-label{display:inline;font-size:8px}.media-caption{font-size:9px;left:16px;bottom:18px}.video-toggle{right:9px;bottom:8px;width:44px;height:44px}.game-description{font-size:13px;min-height:0;margin:7px 25px 16px 0;line-height:1.75}.card-heading h3{font-size:28px}.card-heading{margin-top:14px}.card-bottom{flex-wrap:nowrap}.devices{gap:16px}.devices li{font-size:10px;gap:5px}.devices .icon{width:16px;height:16px}.game-type{font-size:10px}.sponsor-headline{font-size:36px;left:22px}.sponsor-topline{left:22px;top:20px;right:20px}.sponsor-badge{font-size:8px;letter-spacing:1px}.sponsor-subline{left:22px;font-size:9px;bottom:21%}.sponsor-media-footer{left:22px;bottom:17px;font-size:8px}.sponsor-media-footer>span{display:block;font-size:6px;letter-spacing:.8px}.sponsor-card h3{font-size:26px}.sponsor-thanks{font-size:10px}.site-footer{flex-direction:column;align-items:flex-start;padding:22px 0;gap:8px}.closing-note{margin-top:34px}.motion-toggle{font-size:9px;gap:4px}.section-bar h2{font-size:12px}.section-bar h2>span{display:none}.browser-note{font-size:10px}.hover-play{display:none}}
@media(max-width:360px){.site-shell{width:calc(100% - 28px)}.brand{font-size:24px;gap:10px}.site-header nav{gap:12px;font-size:10px}h1{font-size:59px}.play-art{right:-128px;transform:scale(.38)}.sponsor-headline{font-size:30px}.sponsor-subline{font-size:8px}.sponsor-media-footer>span{display:none}.devices{gap:12px}.game-type{font-size:9px}.sponsor-badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.game-media,.sponsor-media{border:1px solid CanvasText}.genre,.level-label,.media-caption,.sponsor-headline,.sponsor-subline{background:Canvas;color:CanvasText}.brand-symbol i{background:CanvasText}}
.game-description{font-size:14px;line-height:1.7}
@media(max-width:760px) and (min-width:581px){.game-description{font-size:13px}}
@media(max-width:580px){.play-art{display:none}.sponsor-headline{font-size:34px;top:26%}.sponsor-subline{bottom:19%}.game-description{font-size:14px;line-height:1.65}}
@media(max-width:360px){.sponsor-headline{font-size:29px}.sponsor-subline{font-size:8px;bottom:18%}}

/* Compact introduction keeps the game previews near the top of every screen. */
.site-header{height:64px}
.languages{margin-left:auto}
.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:24px 0 28px}
.hero-copy{min-width:0}
.eyebrow{margin:0 0 10px}
h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12;letter-spacing:-1.8px}
.hero-next{white-space:nowrap}
.hero-word svg{bottom:-7px;height:8px}
.hero-side{min-width:0;padding:0;position:static}
.hero-side>p{font-size:15px;line-height:1.4;margin:0 0 9px}
.section-bar{padding:12px 0}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:16px;padding:20px 0 24px}
  .hero-side{justify-self:start;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
  .hero-side>p{margin:0;font-size:14px}
}
@media(max-width:580px){
  .site-header{height:60px}
  .hero{padding:18px 0 20px;gap:14px}
  .eyebrow{margin-bottom:9px}
  h1{font-size:32px;letter-spacing:-1.4px}
  .hero-side{display:grid;gap:7px}
  .hero-side>p{font-size:13px}
  .section-bar{padding:10px 0}
}
@media(max-width:360px){h1{font-size:28px;letter-spacing:-1.2px}}

/* RaceBang is a preview while the game is in development. */
.coming-soon{cursor:default}
.coming-soon:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
.coming-soon-message{display:flex;gap:14px;font-size:20px;pointer-events:none;background:#080c1080}
.coming-soon-message .icon{width:64px;height:64px;padding:8px}
.race-card:hover .coming-soon-message,.race-card:focus-within .coming-soon-message{opacity:1}
.race-card:hover .game-media,.race-card:focus-within .game-media{border-color:var(--accent)}
.soon-badge{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #ff805d55;border-radius:50%;color:var(--accent)}
.soon-badge .icon{width:32px;height:32px}
.languages{gap:6px}
.languages button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:8px}
.languages .language-flag{display:block;width:28px;height:19px;border-radius:2px;overflow:hidden;opacity:.7;transition:opacity .18s}
.languages button[aria-pressed="true"]{background:#ddfb7510;border-color:#ddfb7566}
.languages button:hover{background:#ffffff0a}
.languages button:hover .language-flag,.languages button[aria-pressed="true"] .language-flag{opacity:1}
@media(forced-colors:active){.languages button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}}
@media(hover:none),(pointer:coarse),(max-width:580px){
 .coming-soon-message{opacity:1;font-size:16px;gap:10px;background:#080c1066}
 .coming-soon-message .icon{width:50px;height:50px;padding:6px}
}

/* Development support shares the closing section's palette and icon style. */
.closing-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto}
.support-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 15px;border:1px solid #ddfb7559;border-radius:8px;background:#ddfb750a;color:var(--lime);font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.045em;transition:background .18s,border-color .18s,color .18s}
.support-link .icon{width:18px;height:18px}
.support-link .support-external{width:14px;height:14px;margin-left:3px;opacity:.7}
.support-link:hover{border-color:var(--lime);background:var(--lime);color:var(--bg)}
@media(max-width:1000px){
 .closing-note{grid-template-columns:auto minmax(0,1fr) auto;gap:18px 16px}
 .support-link{grid-column:2;grid-row:2;justify-self:start}
 .back-to-games{grid-column:3;grid-row:1}
}
@media(max-width:580px){
 .closing-note{gap:20px 12px}
 .support-link{grid-column:1 / -1;justify-self:stretch;padding:13px 12px;font-size:10px;gap:8px}
}
@media(forced-colors:active){.support-link{border-color:LinkText;color:LinkText}.support-link:hover{background:Highlight;color:HighlightText;border-color:Highlight}}