@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-latin-800-normal-s1sAMnoV.woff2)format("woff2"),url(/assets/barlow-latin-800-normal-BdVooDN4.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-latin-900-normal-JU8sfp_B.woff2)format("woff2"),url(/assets/barlow-latin-900-normal-JOplfvoA.woff)format("woff")}@font-face{font-family:Barlow;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-italic-B8gcIuZB.woff2)format("woff2"),url(/assets/barlow-latin-700-italic-CoA48WsG.woff)format("woff")}@font-face{font-family:Barlow;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-latin-800-italic-e1LvFkNx.woff2)format("woff2"),url(/assets/barlow-latin-800-italic-B5C_lf2H.woff)format("woff")}@font-face{font-family:Barlow;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/barlow-latin-900-italic-DUZKuE6m.woff2)format("woff2"),url(/assets/barlow-latin-900-italic-DxbKGwGQ.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-fsTFPL3E.woff)format("woff")}:root{--page:#0b0f0d;--screen:#121715;--card:#1e2522;--card-edge:#070908;--text:#f2f5f3;--soft:#b6c2bb;--muted:#95a39b;--green:#17a75a;--green-edge:#0e7a40;--link:#7be39b;--red:#e23b33;--red-edge:#a8231d;--go:#4be38b;--go-edge:#0e7a40;--hero-glass:#0709086b;--hero-mint:#7be39b;--mine:#153b26;--mine-text:var(--link);--me-card:#2a3330;--me-card-edge:#0b0f0d;--ink:#1b1f24;--flame:#ff8a3d;--flame-spark:#ffe5a1;--flame-text:var(--flame);--road:#2a2e34;--road-alt:#33383f;--turf:#17a75a;--turf-stripe:#149b52;--race-card:#1e2522;--race-text:#f2f5f3;--race-muted:#95a39b;--race-edge:#070908;--sector-best:#dba4ff;--sector-slower:#f5df64;--glass:#1e2522eb;--overlay:#121715c7;--overlay-card:#1e2522e6;--avatar-ring:#2e3833;--backdrop:#0009;--gold-flat:#f2b200;--silver-flat:#aeb7c0;--bronze-flat:#c47a3a;--diamond-flat:#5ac8fa;--gold-edge:#8a6200;--medal-bronze:linear-gradient(145deg, #e8a86b, #c47a3a 55%, #7e4518);--medal-silver:linear-gradient(145deg, #f4f7fa, #aeb7c0 55%, #6f7a86);--medal-gold:linear-gradient(145deg, #ffe27a, #f2b200 55%, #a86f00);--medal-diamond:conic-gradient(from 200deg at 50% 38%, #d9f4ff, #5ac8fa 18%, #1e8fd8 32%, #a8e6ff 50%, #4fb8ee 64%, #1a78be 80%, #d9f4ff);--danger:#e23b33;--danger-edge:#a8231d;--accent:var(--green);--line:var(--card-edge);--row-line:var(--card-edge);--divider:var(--card-edge);--tab-on:var(--card);--bronze:var(--bronze-flat);--google-bg:#131314;--google-line:#8e918f;--google-text:#e3e3e3;color:var(--text);background:var(--page);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Barlow,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--page:#e9f1eb;--screen:#f4f9f5;--card:#fff;--card-edge:#d5ded8;--text:#1b1f24;--soft:#4a5560;--muted:#596470;--link:#0e7a40;--mine:#e8f6ee;--flame-text:#b84a12;--me-card:#1b1f24;--me-card-edge:#000;--glass:#ffffffeb;--overlay:#f4f9f5d1;--overlay-card:#ffffffe6;--avatar-ring:#e6ece8;--backdrop:#1b1f2459;--google-bg:#fff;--google-line:#747775;--google-text:#1f1f1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--page:#e9f1eb;--screen:#f4f9f5;--card:#fff;--card-edge:#d5ded8;--text:#1b1f24;--soft:#4a5560;--muted:#596470;--link:#0e7a40;--mine:#e8f6ee;--flame-text:#b84a12;--me-card:#1b1f24;--me-card-edge:#000;--glass:#ffffffeb;--overlay:#f4f9f5d1;--overlay-card:#ffffffe6;--avatar-ring:#e6ece8;--backdrop:#1b1f2459;--google-bg:#fff;--google-line:#747775;--google-text:#1f1f1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pill{background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.pill.mine{background:var(--mine);color:var(--mine-text)}.pill.dim{color:#fff;background:#0000002e}.pill.ink{background:var(--ink);color:#fff}.pill.glass{background:var(--glass);color:var(--text)}.pill.raised{box-shadow:0 3px 0 var(--card-edge)}.pill svg.lucide{width:16px;height:16px}.medal-badge{--size:22px;--medal-art:url(/assets/bronze-C7OniG-N.svg);--medal-glint-delay:0s;width:var(--size);height:var(--size);vertical-align:middle;background:var(--medal-art) center / contain no-repeat;filter:drop-shadow(0 calc(var(--size) * .04) calc(var(--size) * .045) #00000052);flex-shrink:0;place-items:center;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:inline-grid;position:relative}.medal-badge:before,.medal-badge:after{content:"";pointer-events:none;position:absolute}.medal-badge:before{-webkit-mask:var(--medal-art) center / contain no-repeat;mask:var(--medal-art) center / contain no-repeat;animation:medal-sheen 8s ease-in-out var(--medal-glint-delay) infinite;background:linear-gradient(115deg,#0000 38%,#ffffff14 43%,#ffffffa6 48%,#ffffff14 53%,#0000 58%) 100% 0/300% 100%;inset:0}.medal-badge:after{clip-path:polygon(50% 0,60% 39%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 39%);opacity:0;width:18%;height:18%;animation:medal-glint 8s ease-in-out var(--medal-glint-delay) infinite;background:#fff;top:13%;left:21%;transform:scale(.45)rotate(-15deg)}.medal-badge.silver{--medal-art:url(/assets/silver-JW_jxoxo.svg);--medal-glint-delay:.35s}.medal-badge.gold{--medal-art:url(/assets/gold-C2L74Q37.svg);--medal-glint-delay:.7s}.medal-badge.diamond{--medal-art:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='body'%20x1='32'%20y1='13'%20x2='96'%20y2='115'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23e5fbff'/%3e%3cstop%20offset='.35'%20stop-color='%2377d8f6'/%3e%3cstop%20offset='.65'%20stop-color='%23367cca'/%3e%3cstop%20offset='1'%20stop-color='%23123a76'/%3e%3c/linearGradient%3e%3clinearGradient%20id='table'%20x1='39'%20y1='21'%20x2='84'%20y2='70'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23f2ffff'/%3e%3cstop%20offset='.38'%20stop-color='%23b5efff'/%3e%3cstop%20offset='.43'%20stop-color='%23edfaff'/%3e%3cstop%20offset='1'%20stop-color='%2371bde9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='left'%20x1='20'%20y1='43'%20x2='63'%20y2='111'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23c8f6ff'/%3e%3cstop%20offset='.5'%20stop-color='%237ad7f2'/%3e%3cstop%20offset='1'%20stop-color='%232563a4'/%3e%3c/linearGradient%3e%3clinearGradient%20id='right'%20x1='103'%20y1='41'%20x2='64'%20y2='117'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234799db'/%3e%3cstop%20offset='.45'%20stop-color='%232866a8'/%3e%3cstop%20offset='1'%20stop-color='%23a5eaff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='fire'%20x1='33'%20y1='48'%20x2='79'%20y2='93'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffffff'/%3e%3cstop%20offset='.4'%20stop-color='%23bcefff'/%3e%3cstop%20offset='.75'%20stop-color='%2388a5ef'/%3e%3cstop%20offset='1'%20stop-color='%23d0f6ff'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M64%205%20119%2043V51L64%20123%209%2051V43Z'%20fill='%23173f70'/%3e%3cpath%20d='M64%205%20119%2043%2064%20117%209%2043Z'%20fill='url(%23body)'%20stroke='%2393d9f8'%20stroke-width='.8'%20stroke-linejoin='round'/%3e%3cpath%20d='M64%205%2037%2039%209%2043Z'%20fill='%23e1faff'/%3e%3cpath%20d='M64%205%2091%2039%20119%2043Z'%20fill='%2382c9ed'/%3e%3cpath%20d='M64%205%2037%2039%2064%2024%2091%2039Z'%20fill='%23f5ffff'/%3e%3cpath%20d='M9%2043%2037%2039%2064%20117Z'%20fill='url(%23left)'/%3e%3cpath%20d='M119%2043%2091%2039%2064%20117Z'%20fill='url(%23right)'/%3e%3cpath%20d='M37%2039%2064%2024%2091%2039%2084%2061%2044%2061Z'%20fill='url(%23table)'/%3e%3cpath%20d='M44%2061%2084%2061%2064%20117Z'%20fill='url(%23fire)'/%3e%3cpath%20d='M9%2043%2044%2061%2037%2039Z'%20fill='%23fcffff'%20fill-opacity='.9'/%3e%3cpath%20d='M119%2043%2084%2061%2091%2039Z'%20fill='%23caedff'/%3e%3cpath%20d='M9%2043%2064%20117%2031%2073Z'%20fill='%233e8dc8'%20fill-opacity='.65'/%3e%3cpath%20d='M119%2043%2064%20117%2097%2072Z'%20fill='%23153b83'%20fill-opacity='.7'/%3e%3cpath%20d='M44%2061%2064%20117%2053%2077Z'%20fill='%23f5ffff'%20fill-opacity='.7'/%3e%3cpath%20d='M84%2061%2064%20117%2075%2077Z'%20fill='%23579ee2'%20fill-opacity='.6'/%3e%3cpath%20d='M64%205%2037%2039%2044%2061%2064%20117M64%205%2091%2039%2084%2061%2064%20117M9%2043%2037%2039%2064%2024%2091%2039%20119%2043M9%2043%2044%2061H84L119%2043'%20stroke='%23efffff'%20stroke-opacity='.6'%20stroke-width='.7'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2042%2064%206%2091%2025'%20stroke='%23ffffff'%20stroke-opacity='.95'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M64%20117V123L119%2051V43Z'%20fill='%234389c9'%20fill-opacity='.7'/%3e%3cpath%20d='M64%20117%20119%2043'%20stroke='%23c4f3ff'%20stroke-width='1'/%3e%3c/svg%3e");--medal-glint-delay:1.05s}.medal-badge.diamond:after{top:22%;left:70%}.medal-badge.none{border:1px solid var(--muted);background:var(--avatar-ring);opacity:.45;filter:none;border-radius:50%}.medal-badge.dim{opacity:.38;filter:grayscale()}.medal-badge.none:before,.medal-badge.none:after,.medal-badge.dim:before,.medal-badge.dim:after{content:none;animation:none}@media (hover:hover) and (pointer:fine){.medal-badge:not(.none,.dim):hover{transform:perspective(320px)rotateY(-12deg)rotate(-5deg)translateY(-2px)}}@keyframes medal-sheen{0%,8%{opacity:0;background-position:100% 0}10%{opacity:.8}25%{opacity:0;background-position:0 0}to{opacity:0;background-position:0 0}}@keyframes medal-glint{0%,11%,26%,to{opacity:0;transform:scale(.45)rotate(-15deg)}17%{opacity:.95;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.medal-badge,.medal-badge:before,.medal-badge:after{transition:none;animation:none}.medal-badge:not(.none,.dim):hover{transform:none}.medal-badge:before,.medal-badge:after{content:none}}h1,h2,h3,p,ol,dl{margin:0}a{color:var(--link);text-decoration:none}:focus-visible{outline:3px solid var(--link);outline-offset:3px}[hidden]{display:none!important}small{font-size:12px}strong{font-weight:800}.muted{color:var(--muted)}.accent{color:var(--link)}.num{font-variant-numeric:tabular-nums}button,input{font:inherit;color:inherit}button,:where(a.card,a.push-button,a.circuit-race,a.back-button){cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:background .18s,color .18s,transform .1s,box-shadow .1s,opacity .18s}button:disabled{opacity:.45;cursor:default}.card{--edge:var(--card-edge);background:var(--card);box-shadow:0 3px 0 var(--edge);border-radius:18px}.card.lg{box-shadow:0 4px 0 var(--edge);border-radius:20px}button.card,a.card{text-align:left;width:100%;color:inherit}button.card:hover,a.card:hover{background:color-mix(in srgb, var(--card) 94%, var(--text))}button.card:active,a.card:active{box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.push-button{--edge:var(--card-edge);background:var(--card);width:100%;min-height:64px;color:var(--text);box-shadow:0 7px 0 var(--edge);letter-spacing:.04em;text-transform:uppercase;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:18px 20px;font-size:24px;font-style:italic;font-weight:900;line-height:1;display:flex}.push-button.red{--edge:var(--red-edge);background:var(--red);color:#fff}.push-button.green{--edge:var(--green-edge);background:var(--green);color:#fff}.push-button.go{--edge:var(--go-edge);background:var(--go);color:var(--ink)}.push-button.go svg.lucide{fill:currentColor}.push-button.danger{--edge:var(--danger-edge);background:var(--danger);color:#fff}.push-button.plain{min-height:52px;box-shadow:0 5px 0 var(--edge);letter-spacing:0;text-transform:none;border-radius:18px;padding:14px 20px;font-size:16px;font-style:normal;font-weight:800}.push-button.ink{--edge:#000;background:var(--ink);color:#fff}.push-button.sm{width:auto;min-height:40px;box-shadow:0 4px 0 var(--edge);border-radius:14px;padding:0 16px;font-size:14px}.push-button:hover{filter:brightness(1.05)}.push-button:active{box-shadow:0 2px 0 var(--edge);transform:translateY(5px)}.push-button svg.lucide{width:22px;height:22px}.square-button{--edge:var(--card-edge);background:var(--card);width:40px;height:40px;color:var(--text);box-shadow:0 3px 0 var(--edge);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.square-button:hover{background:color-mix(in srgb, var(--card) 94%, var(--text))}.square-button:active{box-shadow:0 1px 0 var(--edge);transform:translateY(2px)}.square-button svg.lucide{stroke-width:2.4px;width:22px;height:22px}.link-button,.text-button{color:var(--link);font-size:14px;font-weight:800}.link-button:hover,.text-button:hover{text-underline-offset:3px;text-decoration:underline}.link-button.muted{color:var(--muted);font-size:13px;font-weight:600}.text-button.danger{color:var(--danger)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.section-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.section-row h2{font-size:24px;font-style:italic;font-weight:900;line-height:1}.section-row>span{color:var(--muted);font-size:13px;font-weight:600}.section-note{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.brand{align-items:center;gap:8px;min-width:0;display:flex}.wordmark{letter-spacing:-.5px;color:var(--text);align-items:center;font-size:30px;font-style:italic;font-weight:900;line-height:1;display:flex}.wordmark span{color:var(--red)}.wordmark-bahrain span{color:#ce1126}.wordmark-bahrain .wordmark-l{color:#fff}.wordmark-singapore .wordmark-ending{color:#0000;filter:drop-shadow(0 1px 0 var(--ink));background:linear-gradient(#ef3340 52%,#fff 52%);-webkit-background-clip:text;background-clip:text}.wordmark-singapore .wordmark-l{color:inherit}.logo{border-radius:12px;flex-shrink:0;width:44px;height:44px;margin-right:10px}.beta-badge{background:var(--mine);color:var(--mine-text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}@media (width<=439px){.beta-badge{display:none}}@media (width<=359px){.wordmark{font-size:24px}.logo{width:36px;height:36px;margin-right:8px}}.hero{isolation:isolate;background:radial-gradient(120% 90% at 50% 45%, transparent 50%, #07090852), repeating-linear-gradient(66deg, var(--turf) 0 34px, var(--turf-stripe) 34px 68px);color:#fff;box-shadow:0 8px 0 var(--green-edge), 0 18px 30px #17a75a47;border-radius:28px;flex-direction:column;gap:8px;padding:22px 22px 24px;display:flex;position:relative;overflow:hidden}.hero>*{z-index:1;position:relative}.hero>.hero-map{z-index:0}.hero-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero .eyebrow{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hero .pill{flex:none}.hero .hero-title{letter-spacing:-.5px;overflow-wrap:anywhere;text-shadow:0 2px 6px #07090873;margin-top:8px;font-size:40px;font-style:italic;font-weight:900;line-height:1}.hero-map{height:220px}.hero-map .track-svg{width:100%;height:100%;display:block}.eyebrow.ink-pill{background:var(--ink);color:#fff;letter-spacing:.1em;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.hero .push-button.go{width:100%;min-height:60px;margin-top:14px}@media (width>=900px){.hero .hero-title{font-size:44px}}@media (width<=439px){.hero-date{display:none}}@media (width<=359px){.hero .pill svg.lucide{display:none}}.home-board{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.home-board-row{text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:6px;display:flex}button.home-board-row:hover{background:var(--mine)}.home-board-row .rank-badge{border-radius:11px;min-width:34px;height:34px;font-size:15px}.home-board-row .row-name{font-size:15px}.home-board-row .row-time{font-size:18px}.row-time{font-size:20px;font-style:italic;font-weight:900;line-height:1}.rank-badge{background:var(--ink);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;min-width:40px;height:40px;font-size:18px;font-style:italic;font-weight:900;line-height:1;display:grid}.rank-badge.r1{background:var(--gold-flat)}.rank-badge.r2{background:var(--silver-flat)}.rank-badge.r3{background:var(--bronze-flat)}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:800;line-height:1.2;overflow:hidden}.name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-name:has(>.row-tag){align-items:baseline;display:flex}.row-tag{color:var(--muted);flex:none;margin-left:2px;font-size:13px;font-weight:600}.track-svg.mini{background:repeating-linear-gradient(66deg, var(--turf) 0 8px, var(--turf-stripe) 8px 16px);width:72px;height:50px;box-shadow:0 3px 0 var(--race-edge);border-radius:12px;flex-shrink:0;padding:6px}.circuit-list{padding:6px}.circuit-row{align-items:center;gap:4px;display:flex}.circuit-row+.circuit-row{border-top:2px solid var(--card-edge)}.circuit-race{text-align:left;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.circuit-race:hover{background:var(--mine)}.circuit-text{gap:2px;min-width:0;display:grid}.circuit-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}ol.circuit-list{list-style:none}a.circuit-race{color:inherit}.medal-dots{flex:none;gap:3px;display:inline-flex}.medal-dot{--dot:var(--muted);width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--dot);border-radius:50%}.medal-dot.bronze{--dot:var(--bronze-flat)}.medal-dot.silver{--dot:var(--silver-flat)}.medal-dot.gold{--dot:var(--gold-flat)}.medal-dot.diamond{--dot:var(--diamond-flat)}.medal-dot.earned{background:var(--dot)}@media (width>=900px){.circuit-list{grid-template-columns:1fr 1fr;display:grid}.circuit-row+.circuit-row{border-top:0}}.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:center;column-gap:8px;font-size:13px;font-weight:500;display:flex}.footer-links a{padding:8px 2px;font-weight:700}.target-strip{background:var(--race-card);box-shadow:0 4px 0 var(--race-edge);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;list-style:none;display:grid}.target-strip:empty{display:none}.target-strip li{min-width:0;color:var(--race-text);border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 5px;padding:5px 7px;transition:opacity .3s;display:grid}.target-strip .medal-badge{--size:14px}.target-strip .target-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.target-strip strong{grid-column:1/-1;font-size:15px;font-style:italic;font-weight:900;line-height:1}.target-strip li.next{color:var(--ink);background:#fff}.target-strip li.missed{opacity:.4}.target-strip li.missed strong{text-decoration:line-through}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}input,textarea,select,[contenteditable=""],[contenteditable=""] *,[contenteditable=true],[contenteditable=true] *,[contenteditable=plaintext-only],[contenteditable=plaintext-only] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,a{-webkit-user-drag:none}body{background:var(--screen);overscroll-behavior:none;min-width:320px;margin:0}#game:focus-visible{outline:none}svg.lucide{flex-shrink:0;width:20px;height:20px}kbd{min-width:24px;height:24px;color:var(--soft);background:var(--card);box-shadow:0 2px 0 var(--card-edge);border-radius:7px;place-items:center;padding:0 6px;font:700 11px Barlow,sans-serif;display:inline-grid}.checker{border:2px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%, #fff 0 50%) 0 0 / 14px 14px;border-radius:7px;height:14px}.road-panel{background:repeating-linear-gradient(66deg, var(--turf) 0 14px, var(--turf-stripe) 14px 28px);box-shadow:0 4px 0 var(--race-edge);border-radius:14px;display:block;position:relative;overflow:hidden}.road-panel .track-svg{width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.avatar{--hue:var(--card);border:3px solid var(--card);background:var(--hue);color:#fff;width:36px;height:36px;box-shadow:0 0 0 2px var(--avatar-ring);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;line-height:1;display:grid}.avatar.hue-0{--hue:var(--red)}.avatar.hue-1{--hue:var(--diamond-flat)}.avatar.hue-2{--hue:var(--gold-flat)}.avatar.hue-3{--hue:#7be39b}.avatar.hue-4{--hue:#a86be2}.avatar.hue-5{--hue:var(--flame)}.avatar.hue-6{--hue:var(--green)}.avatar.hue-7{--hue:var(--ink)}.avatar.me{width:40px;height:40px;color:var(--green);box-shadow:0 2px 0 var(--card-edge);border:0}.avatar.big{width:64px;height:64px;font-size:24px}.segmented{background:var(--card);box-shadow:0 3px 0 var(--card-edge);border-radius:16px;padding:4px;display:flex}.segmented button{min-width:0;color:var(--soft);white-space:nowrap;border-radius:12px;flex:1;padding:10px 6px;font-size:15px;font-weight:700}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--green);color:#fff;font-weight:800}.switch{background:var(--card-edge);border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .18s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:4px}.switch.on{background:var(--green)}.switch.on:after{transform:translate(18px)}.shell{background:var(--screen);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.screen{min-height:0;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 40px);scrollbar-width:none;flex-direction:column;flex:1;gap:22px;display:flex;position:relative;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.pager-track::-webkit-scrollbar{display:none}.screen>section,.stack{flex-direction:column;gap:8px;display:flex}.screen-top{align-items:center;gap:12px;display:flex}.screen-top>div{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.screen-top h1{font-size:30px;font-style:italic;font-weight:900;line-height:1}.screen-top small{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.list-hint{color:var(--muted);text-align:center;font-size:14px;font-weight:600}.empty{text-align:center;padding:24px 18px}.empty strong{font-size:16px}.empty p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.fine-print{color:var(--muted);text-align:center;font-size:12px}.home-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-top nav{align-items:center;gap:8px;display:flex}.home-top-end{align-items:center;gap:10px;display:flex}.brand-link{color:var(--soft);border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:8px 14px;font-size:14px;font-weight:800;display:none}.brand-link:hover{background:var(--card);color:var(--text)}.brand-link svg.lucide{width:18px;height:18px}.streak-chip{background:var(--card);height:40px;box-shadow:0 2px 0 var(--card-edge);color:var(--flame-text);border-radius:999px;align-items:center;gap:4px;padding:0 14px 0 10px;font-size:20px;font-style:italic;font-weight:900;display:flex}.streak-chip:hover{background:color-mix(in srgb, var(--card) 94%, var(--text))}.streak-chip.unlit{color:var(--muted)}.streak-chip .flame{--flame-size:26px}#screen-garage>.push-button{z-index:2;margin-top:auto;position:sticky;bottom:0}.garage-main,.garage-side{flex-direction:column;gap:22px;display:flex}.flame{--flame-size:30px;isolation:isolate;width:calc(var(--flame-size) * .8);height:var(--flame-size);flex:none;font-style:normal;display:inline-block;position:relative}.flame:before{content:"";filter:drop-shadow(0 1px 1px #7e270e40) drop-shadow(0 0 calc(var(--flame-size) * .14) color-mix(in srgb, var(--flame) 32%, transparent));transform-origin:50% 90%;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='112'%20viewBox='0%200%2096%20112'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='edge'%20x1='22'%20y1='27'%20x2='71'%20y2='110'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ff9c39'/%3e%3cstop%20offset='.5'%20stop-color='%23ed4b1d'/%3e%3cstop%20offset='1'%20stop-color='%23922417'/%3e%3c/linearGradient%3e%3clinearGradient%20id='body'%20x1='31'%20y1='13'%20x2='64'%20y2='104'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffe185'/%3e%3cstop%20offset='.26'%20stop-color='%23ffae3d'/%3e%3cstop%20offset='.55'%20stop-color='%23ff7024'/%3e%3cstop%20offset='.8'%20stop-color='%23f34c1b'/%3e%3cstop%20offset='1'%20stop-color='%23ce3019'/%3e%3c/linearGradient%3e%3clinearGradient%20id='gold'%20x1='40'%20y1='42'%20x2='55'%20y2='102'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff3b0'/%3e%3cstop%20offset='.36'%20stop-color='%23ffdb5c'/%3e%3cstop%20offset='.7'%20stop-color='%23ffb62d'/%3e%3cstop%20offset='1'%20stop-color='%23ff8420'/%3e%3c/linearGradient%3e%3clinearGradient%20id='core'%20x1='44'%20y1='70'%20x2='54'%20y2='102'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fffef0'/%3e%3cstop%20offset='.52'%20stop-color='%23fff0b0'/%3e%3cstop%20offset='1'%20stop-color='%23ffd353'/%3e%3c/linearGradient%3e%3clinearGradient%20id='rim'%20x1='29'%20y1='26'%20x2='22'%20y2='96'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff4bb'%20stop-opacity='.95'/%3e%3cstop%20offset='.52'%20stop-color='%23ffd36d'%20stop-opacity='.65'/%3e%3cstop%20offset='1'%20stop-color='%23ffbc53'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cradialGradient%20id='heat'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='translate(47%2085)%20rotate(90)%20scale(28%2033)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23ffed9d'%20stop-opacity='.55'/%3e%3cstop%20offset='1'%20stop-color='%23ffae35'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cpath%20id='flame'%20d='M54%205C61%2027%2047%2036%2049%2047C58%2045%2065%2037%2067%2026C87%2043%2093%2057%2089%2076C85%2095%2068%20107%2049%20107C24%20107%208%2091%209%2070C10%2055%2018%2047%2025%2037C23%2051%2027%2058%2033%2061C29%2037%2048%2027%2054%205Z'/%3e%3c/defs%3e%3cuse%20href='%23flame'%20transform='translate(0%202)'%20fill='url(%23edge)'/%3e%3cuse%20href='%23flame'%20fill='url(%23body)'/%3e%3cpath%20d='M67%2026C87%2043%2093%2057%2089%2076C85%2095%2068%20107%2049%20107C73%2097%2084%2081%2080%2062C78%2048%2071%2039%2067%2026Z'%20fill='%23bf301c'%20fill-opacity='.24'/%3e%3cpath%20d='M50%2041C57%2056%2044%2060%2049%2069C58%2068%2065%2061%2067%2052C78%2065%2078%2078%2072%2087C66%2098%2057%20101%2047%20101C33%20100%2023%2090%2023%2077C22%2067%2028%2061%2031%2057C29%2068%2032%2075%2038%2078C35%2062%2047%2056%2050%2041Z'%20fill='url(%23gold)'/%3e%3cpath%20d='M50%2041C53%2053%2043%2063%2046%2072C37%2066%2044%2053%2050%2041Z'%20fill='%23fff9ce'%20fill-opacity='.55'/%3e%3cpath%20d='M51%2069C55%2081%2065%2083%2062%2092C60%2099%2054%20103%2048%20103C40%20103%2034%2098%2034%2091C34%2081%2045%2078%2051%2069Z'%20fill='url(%23core)'/%3e%3cpath%20d='M52%2015C49%2033%2031%2041%2034%2059M22%2046C12%2063%2011%2078%2020%2090'%20stroke='url(%23rim)'%20stroke-width='2.5'%20stroke-linecap='round'/%3e%3cpath%20d='M71%2037C78%2046%2083%2054%2084%2063'%20stroke='%23ffdc82'%20stroke-opacity='.45'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cellipse%20cx='47'%20cy='85'%20rx='33'%20ry='23'%20fill='url(%23heat)'/%3e%3cpath%20d='M26%2094C31%20101%2039%20105%2048%20105'%20stroke='%23ff9e44'%20stroke-opacity='.65'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c/svg%3e") 50%/contain no-repeat;animation:3.6s ease-in-out infinite flame-flicker;position:absolute;inset:0}.flame:after{content:"";background:var(--flame-spark);width:7%;height:10%;box-shadow:0 0 calc(var(--flame-size) * .12) var(--flame);opacity:0;border-radius:50%;animation:4.8s ease-out 1.2s infinite flame-ember;position:absolute;top:22%;left:61%}.flame.unlit:before{filter:grayscale();opacity:.38;animation:none}.flame.unlit:after{content:none;animation:none}@keyframes flame-flicker{0%,to{transform:rotate(-2deg)scale(1)}28%{transform:rotate(1deg)scale(.97,1.035)}52%{transform:rotate(-1deg)scale(1.025,.98)}76%{transform:rotate(2deg)scale(.985,1.02)}}@keyframes flame-ember{0%,48%,to{opacity:0}8%{opacity:.8}0%{transform:translate(0)scale(.8)}48%,to{transform:translate(calc(var(--flame-size) * .12), calc(var(--flame-size) * -.38)) scale(.25)}}@media (prefers-reduced-motion:reduce){.flame:before,.flame:after{animation:none}.flame:after{content:none}}#screen-home>*{flex-shrink:0}.hero-medals{background:color-mix(in srgb, var(--ink) 84%, transparent);border-radius:18px;align-items:center;gap:12px;margin-top:8px;padding:8px 14px 8px 10px;display:flex}.hero-medals .medal-row{flex:none;grid-template-columns:repeat(4,28px);margin-top:0}.hero-medals .medal-badge.dim{opacity:.55}.hero-medals-text{min-width:0;line-height:1.25;display:grid}.hero-medals-text strong{font-size:15px;font-weight:800}.hero-medals-text .num{white-space:nowrap}.hero-medals-text small{color:#ffffffc7;font-size:13px;font-weight:600}.friend-times{gap:6px;padding:0;list-style:none;display:grid}.friend-times li{min-width:0}.friend-time{background:var(--mine);text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;min-width:0;padding:6px 10px 6px 6px;font-size:14px;font-weight:700;display:flex}.friend-time:hover{background:var(--card-edge)}.friend-time .avatar{width:34px;height:34px;box-shadow:none;border:0;font-size:14px}.friend-time-name{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.friend-time-name>*{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend-time-name small{color:var(--soft);margin-top:2px;font-size:12px;font-weight:700}.friend-time-name small.behind{color:var(--green)}.friend-time strong{font-size:17px;font-style:italic;font-weight:900;line-height:1}.friend-times li.you .friend-time{background:var(--green);color:#fff}.friend-times li.you .friend-time:hover{background:var(--green-edge)}.friend-times li.you small{color:#ffffffd9}.home-side{flex-direction:column;gap:22px;display:flex}.today-card{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.today-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.today-head h2{margin:0;font-size:16px}.segmented.sm button{padding:8px 6px;font-size:14px}#home-tab-panel{margin-top:12px}.tab-note{color:var(--soft);font-size:14px;font-weight:600;line-height:1.4}.tab-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ghost-label{background:var(--mine);width:34px;height:34px;color:var(--mine-text);border-radius:11px;flex:none;place-items:center;display:grid}.ghost-label svg.lucide{width:18px;height:18px}.you-row{background:var(--mine);border-radius:14px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.you-row .avatar{width:34px;height:34px;box-shadow:none;border:0}.you-row strong{font-size:15px;display:block}.you-row small{color:var(--soft);font-size:13px;font-weight:600;line-height:1.3}.circuits .section-row{flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.circuit-carousel{padding:6px 6px 12px;container-type:inline-size}.circuit-tiles{--per-page:1.6;--gap:10px}@container (width>=300px){.circuit-tiles{--per-page:2.3}}@container (width>=440px){.circuit-tiles{--per-page:3.3}}.circuit-tile{display:flex;position:relative}.circuit-tile-race{text-align:left;border-radius:16px;flex-direction:column;gap:10px;width:100%;min-width:0;padding:6px 6px 8px;display:flex}.circuit-tile-race:hover{background:var(--mine)}.track-svg.tile{aspect-ratio:3/2;background:repeating-linear-gradient(66deg, var(--turf) 0 12px, var(--turf-stripe) 12px 24px);width:100%;height:auto;box-shadow:0 3px 0 var(--race-edge);border-radius:14px;padding:10px;transition:transform .1s,box-shadow .1s}.circuit-tile-race:active .track-svg.tile{box-shadow:0 1px 0 var(--race-edge);transform:translateY(2px)}.circuit-tile-text{gap:2px;min-width:0;padding:0 4px;display:grid}.circuit-tile-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.circuit-board{border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:4px;right:2px}.circuit-board:hover{background:var(--mine);text-decoration:none}.circuit-medals{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px;padding-right:34px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.circuit-foot{align-items:center;gap:6px;padding:2px 6px 0 12px;display:flex}.circuit-foot .pager-bar{margin-right:8px}.medal-row{grid-template-columns:repeat(4,minmax(0,28px));gap:6px;margin-top:10px;display:grid}.medal-row .medal-badge{--size:28px;aspect-ratio:1;width:100%;height:auto}.medal-skeleton{opacity:.18;background:currentColor;border-radius:4px;transition:none;animation:none;display:inline-block}.medal-skeleton-badge{aspect-ratio:1;border-radius:50%;width:100%}.medal-skeleton-line{width:8em;max-width:100%;height:.7em}.medal-skeleton-line.short{width:5.5em}.medal-tip-button{border-radius:50%;display:grid;position:relative}.medal-tip,.medal-tip-button:after{z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,translate .14s,visibility .14s;position:absolute}.medal-tip{background:var(--me-card);color:#fff;text-align:center;white-space:nowrap;border-radius:12px;min-width:96px;padding:7px 12px 8px;font-size:12px;font-weight:600;line-height:1.25;display:grid;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 22px #00000059}.medal-tip-button:first-child .medal-tip{left:0;transform:none}.medal-tip-button:last-child .medal-tip{left:auto;right:0;transform:none}.medal-tip-button:after{content:"";background:var(--me-card);clip-path:polygon(0 0,100% 0,50% 100%);width:14px;height:7px;bottom:calc(100% + 2px);left:calc(50% - 7px);translate:0 4px}.medal-tip small{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.medal-tip .bronze{color:var(--bronze-flat)}.medal-tip .silver{color:var(--silver-flat)}.medal-tip .gold{color:var(--gold-flat)}.medal-tip .diamond{color:var(--diamond-flat)}.medal-tip strong{font-size:20px;font-style:italic;font-weight:900;line-height:1.1}.medal-tip span{color:#ffffffb8}.medal-tip .earned{color:var(--hero-mint)}.medal-tip-button.open .medal-tip,.medal-tip-button.open:after,.medal-tip-button:focus-visible .medal-tip,.medal-tip-button:focus-visible:after{opacity:1;visibility:visible;translate:none}@media (hover:hover){.medal-tip-button:hover .medal-tip,.medal-tip-button:hover:after{opacity:1;visibility:visible;translate:none}}.friend-row,.board-row{align-items:center;gap:12px;padding:12px 14px;display:flex}.row-text{flex:1;min-width:0}.board-row .rank-badge{border-radius:11px;min-width:34px;height:34px;font-size:16px}.row-detail{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-top:2px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.row-detail .medal-badge{--size:13px}.row-detail .streak-mark{margin-left:0;font-size:12px}.row-detail .streak-mark .flame{--flame-size:13px}.friend-row .avatar{width:38px;height:38px;box-shadow:none;border:0}.friend-row .avatar.me{box-shadow:0 0 0 2px var(--avatar-ring)}.friend-text{flex:1;min-width:0}.friend-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.friend-row small{color:var(--muted);font-size:13px;font-weight:500}.friend-row small.ahead{color:var(--red)}.friend-row small.behind{color:var(--green)}.home-about{text-align:center;flex-direction:column;gap:8px;width:100%;max-width:60ch;margin-inline:auto;padding-top:8px;display:flex}body>.home-about{margin-block:24px;padding-inline:20px;animation:1.5s await-app}@keyframes await-app{0%,to{visibility:hidden}}.home-about h1{color:var(--text);font-size:16px;font-style:normal;font-weight:700;line-height:1.4}.home-about p{color:var(--soft);font-size:14px;line-height:1.5}.board-hint{color:var(--muted);align-items:center;gap:6px;padding-inline:14px;font-size:13px;font-weight:600;display:flex}.board-hint svg.lucide{flex-shrink:0;width:16px;height:16px}.me-card{background:var(--me-card);color:#fff;box-shadow:0 6px 0 var(--me-card-edge);border-radius:22px;align-items:center;gap:14px;padding:16px 18px;display:flex}.me-card>div{flex:1;min-width:0}.me-card.goal .avatar{width:38px;height:38px;box-shadow:none;border:0}.me-card.goal small{opacity:.85;line-height:1.3;display:block}.me-card .push-button{flex:none}.me-card strong{font-size:17px;display:block}.me-card small{opacity:.7;font-size:13px;font-weight:500}.me-rank{color:#7be39b;min-width:64px;font-size:28px;font-style:italic;font-weight:900;line-height:1}.me-time{font-size:24px;font-style:italic;font-weight:900;line-height:1}.board-row.mine .row-name{color:var(--link)}.board-row.friend{background:var(--mine)}.board-row .row-name,.friend-row .friend-name{align-items:center;display:flex}.board-row .row-name{flex:none;max-width:100%}.streak-mark{color:var(--flame-text);flex:none;align-items:center;gap:2px;margin-left:6px;font-size:13px;font-style:italic;font-weight:900;display:inline-flex}.streak-mark.unlit{color:var(--muted)}.streak-mark .flame{--flame-size:15px}.streak-mark .flame:before{animation:none}.streak-mark .flame:after{content:none}.section-links{gap:14px;display:flex}.stage{--stage-title:60px;--stage-road:160px;height:250px;padding-top:var(--stage-title);background:var(--green);box-shadow:0 8px 0 var(--green-edge);border-radius:28px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage:before,.stage:after{content:"";left:0;right:0;top:calc(50% + (var(--stage-title) - var(--stage-road)) / 2);position:absolute}.stage:before{height:var(--stage-road);background:repeating-linear-gradient(135deg, var(--road) 0 10px, var(--road-alt) 10px 20px);border-top:6px solid #fff;border-bottom:6px solid #fff}.stage:after{background:repeating-linear-gradient(90deg, var(--red) 0 18px, #fff 18px 36px);height:8px;translate:0 -100%}.stage .car-svg{z-index:1;filter:drop-shadow(0 10px 14px #0000004d);width:auto;height:150px;position:relative;transform:rotate(90deg)scale(1.45)}.stage-trail{width:100%;height:calc(100% + var(--stage-title));z-index:1;pointer-events:none;position:absolute;top:0;left:0}.stage-name,.stage-detail{z-index:1;color:#fff;position:absolute;left:18px}.stage-name{font-size:22px;font-style:italic;font-weight:900;line-height:1;top:14px}.stage-detail{opacity:.85;font-size:13px;font-weight:600;top:40px}.car-picker{--per-page:2;grid-template-rows:repeat(2,1fr)}@container (width>=328px){.car-picker{--per-page:3}}@container (width>=480px){.car-picker{--per-page:4}}.card.car-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:112px;padding:6px 4px;display:flex}.car-card .car-svg{width:48px;height:66px;transform:rotate(90deg)}.car-card small{color:var(--soft);font-size:13px;font-weight:700}.card.car-card.locked,.trail-choice.locked{filter:grayscale()}.card.car-card.locked{background:var(--card)}.trail-choice.previewing{outline:3px dashed var(--muted);outline-offset:2px}.car-card.chosen,.swatch.chosen{outline:3px solid var(--green);outline-offset:2px}.pager{align-items:center;gap:6px;margin:0 -14px;display:flex;container-type:inline-size}.page-arrow{width:32px;height:44px;color:var(--soft);border-radius:12px}.page-arrow[aria-disabled=true]{background:var(--card);box-shadow:0 3px 0 var(--edge);opacity:.45;cursor:default;transform:none}.pager-track{--gap:12px;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per-page) - 1) * var(--gap)) / var(--per-page));gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-width:0;padding:8px 6px;scroll-padding-inline:6px;display:grid;position:relative;overflow-x:auto}.pager-track>*{scroll-snap-align:start}.pager-bar{background:var(--card-edge);border-radius:3px;flex:1;height:6px;overflow:hidden}.pager-bar span{width:calc(var(--pager-seen,1) * 100%);border-radius:inherit;background:var(--green);height:100%;transform:translateX(calc(var(--pager-at,0) * (1 / var(--pager-seen,1) - 1) * 100%));display:block}.swatches{--per-page:3;--gap:calc((100% - var(--per-page) * 52px) / (var(--per-page) - 1));grid-auto-columns:52px}@container (width>=332px){.swatches{--per-page:4}}@container (width>=396px){.swatches{--per-page:5}}@container (width>=460px){.swatches{--per-page:6}}.swatch{background:var(--card);width:52px;height:52px;box-shadow:0 4px 0 var(--card-edge);border-radius:50%;place-items:center;display:grid}.swatch:active{box-shadow:0 2px 0 var(--card-edge);transform:translateY(2px)}.swatch i{background:var(--swatch);border-radius:50%;width:28px;height:28px}.trail-detail{min-height:2.5em;color:var(--soft);margin:0 0 8px;font-size:13px;line-height:1.25}.trail-picker{--per-page:2;grid-template-rows:repeat(3,auto)}@container (width>=328px){.trail-picker{--per-page:3}}@container (width>=412px){.trail-picker{--per-page:4}}@container (width>=496px){.trail-picker{--per-page:5}}.trail-choice{background:var(--card);min-height:74px;box-shadow:0 3px 0 var(--card-edge);color:var(--soft);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-size:13px;font-weight:700;transition:background .12s,transform .12s;display:flex}.trail-choice canvas{aspect-ratio:76/40;background:var(--road);border-radius:8px;width:min(76px,100%)}.trail-choice:hover{color:var(--text);transform:translateY(-2px)}.trail-choice.chosen{outline:3px solid var(--green);outline-offset:2px;color:var(--text)}.trail-lock,.car-card .car-lock,.trail-available{min-height:14px;color:var(--muted);align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.trail-lock svg.lucide,.car-lock svg.lucide{flex:none;width:11px;height:11px}.card-progress{background:var(--card-edge);appearance:none;border:0;border-radius:2px;width:64px;height:4px;margin-top:4px;overflow:hidden}.card-progress::-webkit-progress-bar{background:var(--card-edge)}.card-progress::-webkit-progress-value{background:var(--green)}.card-progress::-moz-progress-bar{background:var(--green)}.trail-available{color:var(--link)}.trail-choice:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.trail-choice{transition:none}}.card.profile-card{flex-direction:column;gap:16px;padding:16px;display:flex}.profile-head{align-items:center;gap:14px;display:flex}.profile-head .avatar.me{--hue:var(--mine);color:var(--mine-text);box-shadow:none}.profile-head>div{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.profile-name{align-items:center;gap:6px;max-width:100%;display:flex}.profile-name:disabled{opacity:1}.profile-name:disabled svg.lucide{display:none}.profile-name svg.lucide{width:16px;height:16px;color:var(--muted);flex-shrink:0}.profile-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:18px;overflow:hidden}.profile-head small{color:var(--muted);font-size:13px;font-weight:600}.stat-trio{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-trio>div{background:var(--screen);text-align:left;border-radius:14px;min-width:0;padding:12px}.stat-trio .eyebrow{font-size:10px}.stat-trio strong{white-space:nowrap;margin-top:6px;font-size:24px;font-style:italic;font-weight:900;line-height:1;display:block}.results-trio strong{text-overflow:ellipsis;font-size:18px;overflow:hidden}.results-trio>div{padding:12px 10px}.results-trio small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:600;display:block;overflow:hidden}.results-of{color:var(--muted);font-size:12px}.card.results-summary{padding:16px}.card.results-card{padding:4px 16px}.results-card>.list-hint{padding:16px 0}ol.results-rows,.results-rows>li{margin:0;padding:0;list-style:none}.results-rows>li+li{border-top:2px solid var(--card-edge)}.results-row{width:calc(100% + 20px);color:inherit;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 -10px;padding:12px 10px;text-decoration:none;display:flex}button.results-row:hover,a.results-row:hover{background:var(--mine)}.results-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.results-lap .medal-badge{margin-right:.25em}.results-lap{white-space:nowrap;flex-shrink:0}.results-name{flex-direction:column;gap:2px;min-width:0;font-weight:700;display:flex}.results-name small{color:var(--muted);align-items:center;gap:.25em;font-size:13px;font-weight:500;display:flex}.results-name .medal-badge{--size:12px}.results-rank{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.results-rank strong{font-size:16px;font-style:italic;font-weight:900;line-height:1}.results-rank small{color:var(--muted)}.results-live{color:var(--mine-text);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.results-month{border-top:2px solid var(--card-edge);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;padding:16px 0 4px;font-size:12px;font-weight:800}.results-month:focus-visible{outline-offset:2px}.results-more{text-align:left;width:100%;padding:14px 0;display:block}.results-rows+.results-more,.results-more+.results-more{border-top:2px solid var(--card-edge)}.yesterday-line{margin-top:8px;font-weight:700;display:block}.result-sheet{text-align:center}.result-sheet-rank{margin-top:12px;font-size:56px;font-style:italic;font-weight:900;line-height:1;display:block}.result-sheet.top .result-sheet-rank{color:var(--green)}.result-sheet-of{color:var(--muted);margin-top:8px;display:block}.result-sheet-share{margin-top:10px}.result-sheet-lap{justify-content:center;align-items:center;gap:6px;margin-top:16px;font-weight:700;display:flex}.result-sheet-medal{align-items:center;gap:6px;display:inline-flex}.result-sheet-actions{gap:8px;margin-top:20px;display:flex}.result-sheet-actions .push-button{flex:1}@media (width<=380px){.results-trio strong{font-size:16px}}.account-row{background:var(--card);box-shadow:0 3px 0 var(--card-edge);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.account-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.account-row strong{font-size:15px}.account-row small{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.account-row>.push-button{flex:none}.account-actions{flex:none;gap:14px;display:flex}.garage-row{text-align:left;align-items:center;gap:14px;width:100%;padding:12px 16px 12px 12px;display:flex}.garage-row:active{box-shadow:0 2px 0 var(--edge);transform:translateY(2px)}.garage-row-car{background:var(--screen);width:76px;height:56px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--soft) 14%, transparent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.garage-row-car .car-svg{filter:drop-shadow(2px 0 2px #00000040);flex:none;width:auto;height:64px;transform:rotate(90deg)}.garage-row-name{flex:1;min-width:0}.garage-row-name strong{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:20px;font-style:italic;font-weight:900;line-height:1.1;display:block;overflow:hidden}.garage-row-end{color:var(--muted);flex:none;align-items:center;gap:8px;display:flex}.setting{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}button.setting:active,a.setting:active{transform:translateY(2px)}.setting>span{min-width:0}.setting strong{font-size:16px;font-weight:700;display:block}.setting small{color:var(--muted);font-size:13px}.setting svg.lucide{color:var(--muted)}.setting .segmented{background:var(--screen);box-shadow:none;flex-shrink:0;padding:3px}.setting .segmented button{flex:none;padding:6px 10px;font-size:13px}.race{--race-width:min(100vw, 56.25dvh);z-index:5;background:var(--page);visibility:hidden;touch-action:none;position:fixed;inset:0;overflow:hidden}body[data-view=race] .race{visibility:visible}body[data-view=race] .shell{visibility:hidden}.game-viewport{width:var(--race-width);background:var(--turf);position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 80px #00000080}#game{position:absolute;inset:0}#game canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.race-top,#race-sectors,.race-foot,.keyboard-help{z-index:3;width:calc(var(--race-width) - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.race button{pointer-events:auto;touch-action:none}.race-top{top:calc(env(safe-area-inset-top) + 12px);justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.lap-card{background:linear-gradient(135deg, color-mix(in srgb, var(--race-card) 70%, transparent), color-mix(in srgb, var(--race-card) 40%, transparent));color:var(--race-text);min-width:0;text-shadow:0 1px 3px var(--race-edge);border-radius:20px;padding:10px 14px}.lap-card .eyebrow{color:var(--race-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;display:block;overflow:hidden}#lap-time{letter-spacing:-1px;font-size:36px;font-style:italic;font-weight:900;line-height:1;display:block}#lap-time small{font-size:24px}.race-top-actions{gap:6px;display:flex}.race-top-actions .square-button{--edge:var(--race-edge);background:var(--race-card);color:var(--race-text);width:48px;height:48px;box-shadow:none;border-radius:12px}.result-chip{padding:8px 14px;font-size:15px;font-weight:800}.race-best{color:var(--race-muted);margin-top:5px;font-size:12px;display:block}.race-best span+span{color:var(--race-text);margin-left:4px}.sector-strip{color:var(--race-text);background:var(--race-card);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 12px;list-style:none;display:grid}#race-sectors{top:calc(env(safe-area-inset-top) + 112px);left:calc((100% - var(--race-width)) / 2 + 16px + env(safe-area-inset-left));width:min(240px, calc(var(--race-width) - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));filter:drop-shadow(0 2px 3px var(--race-edge));background:0 0;border-radius:0;gap:8px;padding:0;transform:none}#race-sectors li{border-top:0;padding-top:0;display:block}#race-sectors li:before{content:"";background:currentColor;border-radius:2px;height:4px;margin-bottom:6px;display:block}#race-sectors .sector-name,#race-sectors .sector-delta,#race-sectors .sector-pending strong,#race-sectors .sector-active strong{display:none}#race-sectors strong{letter-spacing:-.5px;text-align:center;font-size:18px;font-style:italic;font-weight:900;line-height:1;display:block}#race-sectors .sector-pending{opacity:.35}#race-sectors .sector-flight{z-index:1;position:absolute}#race-sectors .sector-landing{visibility:hidden}.sector-strip li{border-top:3px solid var(--race-muted);grid-template-columns:auto 1fr;align-items:baseline;gap:4px;min-width:0;padding-top:6px;transition:border-color .18s,color .18s;display:grid}.sector-name{font-size:10px;font-weight:700}.sector-strip strong{text-align:right;font-size:17px}.sector-delta{text-align:right;grid-column:1/-1;font-size:11px}.sector-strip .sector-pending{opacity:.45}.sector-strip .sector-active{border-color:var(--race-text)}.sector-strip .sector-best{border-color:var(--sector-best);color:var(--sector-best)}.sector-strip .sector-slower{border-color:var(--sector-slower);color:var(--sector-slower)}.sector-legend{color:var(--soft);flex-direction:column;gap:5px;margin-top:16px;font-size:12px;display:flex}.sector-legend span:before,.sector-note:is(.sector-best,.sector-slower):before{content:"";border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.sector-legend .sector-best:before,.sector-note.sector-best:before{background:var(--sector-best)}.sector-legend .sector-slower:before,.sector-note.sector-slower:before{background:var(--sector-slower)}.pause-timing>.eyebrow{margin:12px 0;display:block}.result-sectors{text-align:left;flex:none}.result-sectors li{padding-top:3px;display:block}.result-sectors button{text-align:left;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 6px;width:calc(100% + 8px);margin:0 -4px;padding:3px 4px;display:flex}.result-sectors button[aria-expanded=true]{background:color-mix(in srgb, currentColor 16%, transparent)}.sector-note{color:var(--soft);text-align:center;font-size:12px;line-height:1.4}.result-sectors .sector-name{display:none}.result-sectors strong{font-size:16px}.race[data-state=racing] .keyboard-help{opacity:0}.keyboard-help{transition:opacity .18s}@media (prefers-reduced-motion:reduce){.sector-strip li,.keyboard-help{transition:none}}.screen-steering{z-index:1;display:flex;position:absolute;inset:0}.steering-zone{color:#fff;border-radius:0;width:50%;height:100%;position:relative}.steering-zone:before{content:"";top:0;right:calc(var(--race-width) * -.15);width:calc(var(--race-width) * .65);background:radial-gradient(ellipse 75% 42% at 25% 100%, color-mix(in srgb, var(--race-edge) 42%, transparent), color-mix(in srgb, var(--race-edge) 22%, transparent) 35%, color-mix(in srgb, var(--race-edge) 8%, transparent) 62%, transparent 85%);opacity:0;pointer-events:none;transition:opacity .18s ease-out;position:absolute;bottom:0}.steering-zone:last-child:before{left:calc(var(--race-width) * -.15);right:auto;transform:scaleX(-1)}.steer-shadows .steering-zone.pressed:before{opacity:1;transition-duration:90ms}@media (prefers-reduced-motion:reduce){.steering-zone:before{transition:none}}.steering-zone:focus-visible{outline-offset:-4px}.steering-zone span{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 204px);background:var(--hero-glass);letter-spacing:.13em;text-transform:uppercase;opacity:.85;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-size:14px;font-weight:900;transition:opacity .2s;display:flex;position:absolute}.steering-zone span svg.lucide{stroke-width:3px;width:22px;height:22px}.race[data-state=racing] .steering-zone span{opacity:0}.race[data-state=paused] .screen-steering,.race[data-state=finished] .screen-steering{visibility:hidden}.race-foot{bottom:calc(env(safe-area-inset-bottom) + 44px);flex-direction:column;align-items:center;gap:8px;display:flex}.race-gauge{text-align:center;width:108px;height:100px;color:var(--race-text);filter:drop-shadow(0 2px 3px var(--race-edge));position:relative}.race-gauge svg{width:100%;height:100%;display:block;overflow:visible}.gauge-track,.gauge-fill{fill:none;stroke-width:7px;stroke-linecap:round}.gauge-track{stroke:var(--hero-glass)}.gauge-fill{stroke:url(#speed-colors);stroke-dasharray:0 100;opacity:0}.race-gauge strong{width:100%;font-size:32px;font-style:italic;font-weight:900;line-height:1;position:absolute;top:37px;left:0}.race-gauge small{letter-spacing:.08em;text-transform:uppercase;width:100%;font-size:11px;font-weight:700;position:absolute;top:72px;left:0}.race[data-state=paused] .race-foot,.race[data-state=finished] .race-foot{visibility:hidden}#start-note{background:var(--hero-glass);color:#fff;text-align:center;border-radius:999px;width:max-content;max-width:100%;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}#start-note:empty{display:none}.keyboard-help{bottom:calc(env(safe-area-inset-bottom) + 14px);background:var(--hero-glass);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:3px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.keyboard-help kbd{min-width:18px;height:20px;padding:0 3px;font-size:11px}[data-input=touch] .keyboard-help,[data-input=touch] .keyboard-only,[data-input=keyboard] .steering-zone span,.rotate-hint{display:none}.race-overlay{z-index:5;background:var(--overlay);-webkit-backdrop-filter:blur(14px);touch-action:pan-y;justify-content:center;display:flex;position:absolute;inset:0;overflow:auto}.overlay-stack{width:min(420px, var(--race-width));min-height:100%;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 28px);text-align:center;flex-direction:column;gap:14px;display:flex}.overlay-stack h3{font-size:32px;font-style:italic;font-weight:900;line-height:1}.overlay-stack>div>.eyebrow{display:block}.result-time{letter-spacing:-2px;margin-top:6px;font-size:68px;font-style:italic;font-weight:900;line-height:1;display:block}.result-time small{font-size:48px}.result-stack{height:100%;min-height:0;padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 16px);gap:12px;overflow:hidden}.result-stack>*{flex-shrink:0}.result-content{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--divider) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.result-content>*{flex-shrink:0}.result-overview{border-bottom:1px solid var(--divider);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.result-summary{flex-direction:column;align-items:center;gap:6px;display:flex}.result-summary .result-time{margin:0;font-size:54px}.result-summary .result-time small{font-size:38px}.result-summary .result-chip{padding:5px 10px;font-size:13px}.result-stack .result-primary{margin-top:0}.result-stack .result-medal-inline{max-width:100%;box-shadow:none;text-align:center;background:0 0;border-radius:0;flex-direction:column;gap:6px;margin-bottom:6px;padding:0}.result-stack .result-medal-inline .medal-badge{--size:80px}.result-stack .result-medal-inline strong{margin-top:0;font-size:22px;line-height:1.15}.result-medal-inline .eyebrow,.result-medal-inline .medal-bar,.result-medal-inline strong+small:not(:last-child){display:none}.result-stack .result-medal-inline small{margin-top:4px;font-size:13px}.result-stack .result-medal-inline .medal-next{flex-wrap:wrap;justify-content:center;gap:2px 8px}.standing-status{color:var(--green);display:inline-block}.standing{--standing-pitch:38px;text-align:left}@media (height<=720px){.standing{--standing-pitch:34px}}.standing .standing-head{justify-content:space-between;margin-bottom:8px;display:flex}.standing-window{height:calc(5 * var(--standing-pitch) - 6px);position:relative;overflow:hidden}.standing-row{top:calc(var(--slot) * var(--standing-pitch));height:calc(var(--standing-pitch) - 6px);background:var(--overlay-card);border-radius:14px;align-items:center;gap:10px;padding:0 12px 0 4px;display:flex;position:absolute;left:0;right:0}.standing-row .rank-badge{border-radius:10px;min-width:32px;height:calc(100% - 8px);font-size:15px}.standing-row .rank-badge.new{font-size:12px}.standing-row .row-name{font-size:15px}.standing-row .row-time{font-size:17px}.standing-row.mine{z-index:1;background:var(--me-card);color:#fff;box-shadow:0 4px 0 var(--me-card-edge)}.standing-row.skeleton{background:linear-gradient(90deg, var(--overlay-card) 30%, var(--card-edge) 50%, var(--overlay-card) 70%) 100% 0 / 250% 100%;animation:1.2s linear infinite standing-shimmer}@keyframes standing-shimmer{to{background-position:-150% 0}}.standing-gap{color:var(--muted);text-align:center;margin-top:8px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){.standing-row.skeleton{animation:none}}.eyebrow.sparkle{background:linear-gradient(100deg, var(--link) 40%, var(--flame) 50%, var(--link) 60%) 100% 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:.45s cubic-bezier(.3,1.6,.5,1) sparkle-pop,1.4s ease-in-out .3s 2 sparkle-sweep;display:inline-block;position:relative}.eyebrow.sparkle:before,.eyebrow.sparkle:after{content:"✦";color:var(--flame);opacity:0;animation:1.4s ease-in-out .3s 2 sparkle-twinkle;position:absolute}.eyebrow.sparkle:before{font-size:11px;top:-6px;left:-14px}.eyebrow.sparkle:after{font-size:9px;animation-delay:.9s;bottom:-4px;right:-12px}@keyframes sparkle-pop{0%{opacity:0;transform:scale(.6)}}@keyframes sparkle-sweep{to{background-position:0 0}}@keyframes sparkle-twinkle{50%{opacity:1;transform:scale(1.3)rotate(20deg)}}.result-chip{align-self:center}.streak-fire{flex:none;place-items:center;width:112px;height:112px;display:grid;position:relative}.streak-fire .flame{--flame-size:112px;animation:1.2s cubic-bezier(.16,1,.3,1) both streak-ignite}.streak-fire:before,.streak-fire:after{content:"";pointer-events:none;opacity:0;border-radius:50%;width:190px;height:190px;position:absolute}.streak-fire:before{background:radial-gradient(circle, color-mix(in srgb, var(--flame) 45%, transparent), transparent 70%);animation:1.4s ease-out .3s streak-bloom}.streak-fire:after{border:1px solid color-mix(in srgb, var(--flame-spark) 70%, transparent);animation:1s ease-out .45s streak-bloom}.streak-embers{pointer-events:none;position:absolute;inset:0;transform:scale(2.2)}.streak-embers i{--ember-x:-24px;--ember-y:-33px;background:var(--flame-spark);width:3px;height:5px;box-shadow:0 0 6px var(--flame);opacity:0;border-radius:50%;animation:1.1s ease-out .5s streak-burst;position:absolute;top:50%;left:50%}.streak-embers i:nth-child(2){--ember-x:27px;--ember-y:-29px;animation-delay:.58s}.streak-embers i:nth-child(3){--ember-x:-8px;--ember-y:-43px;animation-delay:.63s}.streak-embers i:nth-child(4){--ember-x:15px;--ember-y:-40px;animation-delay:.52s}.streak-embers i:nth-child(5){--ember-x:-30px;--ember-y:-14px;animation-delay:.68s}.streak-embers i:nth-child(6){--ember-x:32px;--ember-y:-10px;animation-delay:.6s}.streak-total{letter-spacing:-2px;white-space:nowrap;margin-top:4px;font-size:76px;font-style:italic;font-weight:900;line-height:1.1;display:block}.streak-counter{vertical-align:bottom;height:1.1em;display:inline-grid;overflow:hidden}.streak-counter>span{grid-area:1/1}.streak-before{animation:.55s cubic-bezier(.22,1,.36,1) .65s both streak-count-out}.streak-after{animation:.55s cubic-bezier(.22,1,.36,1) .65s backwards streak-count-in}.result-stack[data-stage=beat] .result-content,.result-stack[data-stage=beat] .result-flame,.result-stack[data-stage=result] .streak-beat{display:none}.result-stack[data-stage=beat] .result-row{visibility:hidden}.streak-beat~.result-content{animation:.25s ease-out result-in}.streak-beat{flex:1;min-height:0;display:flex}.streak-beat-button{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--flame) 16%, transparent), transparent 65%);color:inherit;font:inherit;cursor:pointer;border:0;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.streak-unit{color:var(--flame-text);letter-spacing:1.5px;text-transform:uppercase;font-size:15px;font-weight:800}.streak-keep{color:var(--soft);margin-top:4px;font-size:14px;font-weight:600}.streak-week{gap:12px;margin-top:18px;display:flex}.streak-week>span{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.streak-week .flame{--flame-size:22px}.streak-week .today{color:var(--flame-text)}.streak-week .today .flame{animation:.9s cubic-bezier(.16,1,.3,1) .9s both streak-ignite}.streak-skip{color:var(--muted);margin-top:22px;font-size:13px;font-weight:700}.result-flame{height:34px;margin-left:auto;padding:0 12px 0 8px;font-size:17px}.result-flame:hover{background:var(--card)}.result-flame .flame{--flame-size:22px}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}}@media (height<=760px){.result-stack,.result-content{gap:8px}.result-overview{gap:8px;padding-bottom:8px}.result-summary{gap:4px}.result-summary .result-time{font-size:46px}.result-summary .result-time small{font-size:32px}.result-stack .result-medal-inline .medal-badge{--size:60px}}@keyframes streak-ignite{0%,20%{filter:grayscale();opacity:.4;transform:scale(.7)rotate(-8deg)}48%{filter:grayscale(0)brightness(1.3);opacity:1;transform:scale(1.18)rotate(4deg)}72%{transform:scale(.96)rotate(-2deg)}to{filter:grayscale(0)brightness();opacity:1;transform:scale(1)rotate(0)}}@keyframes streak-bloom{0%{opacity:0;transform:scale(.4)}25%{opacity:.8}to{opacity:0;transform:scale(1.5)}}@keyframes streak-burst{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:1}to{opacity:0;transform:translate(var(--ember-x), var(--ember-y)) scale(.2)}}@keyframes streak-count-out{to{opacity:0;transform:translateY(-100%)}}@keyframes streak-count-in{0%{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.streak-beat .flame,.streak-beat .flame:before,.streak-beat .flame:after,.streak-beat .streak-fire:before,.streak-beat .streak-fire:after,.streak-beat .streak-embers i,.streak-week .today .flame,.streak-beat~.result-content,.streak-before,.streak-after{animation:none}.streak-before{visibility:hidden}}.medal-card{background:var(--overlay-card);box-shadow:0 6px 0 var(--card-edge);text-align:left;border-radius:26px;align-items:center;gap:18px;padding:22px;display:flex}.medal-card .medal-badge{--size:96px;filter:drop-shadow(0 8px 9px #00000047)}.medal-card .medal-badge:not(.none){animation:.7s cubic-bezier(.16,1,.3,1) backwards medal-arrive}.target-pills .medal-badge:before,.target-pills .medal-badge:after{content:none;animation:none}@keyframes medal-arrive{0%{opacity:0;transform:perspective(320px)rotateY(-35deg)rotate(-12deg)scale(.8)}to{opacity:1;transform:perspective(320px)rotateY(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.medal-card .medal-badge:not(.none){animation:none}}.medal-card>div{flex:1;min-width:0}.medal-card strong{margin-top:4px;font-size:32px;font-style:italic;font-weight:900;line-height:1;display:block}.medal-card small{color:var(--soft);margin-top:6px;font-size:14px;font-weight:600;display:block}.medal-bar{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px;display:grid}.medal-bar i{--bar:var(--card-edge);background:var(--card-edge);border-radius:3px;height:6px}.medal-bar i.bronze{--bar:var(--bronze-flat)}.medal-bar i.silver{--bar:var(--silver-flat)}.medal-bar i.gold{--bar:var(--gold-flat)}.medal-bar i.diamond{--bar:var(--diamond-flat)}.medal-bar i.earned{background:var(--bar)}.medal-card .medal-next{color:var(--text);justify-content:space-between;gap:8px;margin-top:8px;display:flex}.medal-next b{font-style:italic;font-weight:900}.medal-card .medal-badge.none+div .medal-next{color:var(--soft)}.result-head{color:var(--soft);align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.result-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-row .push-button{padding-inline:12px}.unlock-banner{top:calc(env(safe-area-inset-top) + 8px);z-index:21;width:min(420px,100% - 16px);position:fixed;left:50%;transform:translate(-50%)}.unlock-banner-card{background:linear-gradient(100deg, transparent, #ffffffa6, transparent) -70% 0 / 40% 100% no-repeat, var(--medal-gold);width:100%;color:var(--ink);box-shadow:0 5px 0 var(--gold-edge), 0 10px 24px var(--backdrop);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:12px;padding:10px 14px 14px;animation:.55s cubic-bezier(.2,1.5,.4,1) both unlock-drop,.9s ease-in-out .55s both unlock-shine;display:flex;position:relative}.unlock-banner-card.held .unlock-timer{animation-play-state:paused}.unlock-banner-card.equipped{background:var(--green);color:#fff;box-shadow:0 5px 0 var(--green-edge), 0 10px 24px var(--backdrop);animation:.35s cubic-bezier(.2,1.6,.4,1) unlock-pop}.unlock-banner-card.leaving{pointer-events:none;animation:.4s ease-in forwards unlock-tuck}.unlock-art{flex:none;justify-content:center;width:52px;display:flex}.unlock-art .car-svg{width:32px;height:44px;transform:rotate(90deg)}.unlock-trail{aspect-ratio:19/10;background:var(--road);border-radius:8px;width:52px}.unlock-text{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.unlock-eyebrow{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;display:flex}.unlock-count{opacity:.7;flex:none;font-style:normal}.unlock-text strong{font-size:20px;font-style:italic;font-weight:900;line-height:1.1}.unlock-why{opacity:.8;font-size:12px;font-weight:700}.unlock-go{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:900}.unlock-go svg.lucide{vertical-align:-3px;width:16px;height:16px}.unlock-sparks{pointer-events:none;position:absolute;top:50%;left:40px}.unlock-sparks i{background:var(--flame-spark);width:5px;height:5px;box-shadow:0 0 6px var(--gold-flat);opacity:0;border-radius:2px;animation:.9s ease-out .35s unlock-burst;position:absolute}.unlock-sparks i:nth-child(2n){animation-delay:.42s}.unlock-timer{opacity:.3;transform-origin:0;background:currentColor;border-radius:2px;height:3px;animation:6s linear forwards unlock-countdown;position:absolute;bottom:5px;left:18px;right:18px}.unlock-banner-card.equipped .unlock-timer{display:none}@keyframes unlock-drop{0%{transform:translateY(calc(-100% - 24px - env(safe-area-inset-top)))}}@keyframes unlock-tuck{to{transform:translateY(calc(-100% - 24px - env(safe-area-inset-top)))}}@keyframes unlock-shine{0%{background-position:-70% 0,0 0}to{background-position:170% 0,0 0}}@keyframes unlock-pop{40%{transform:scale(1.04)}}@keyframes unlock-burst{15%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.4)}}@keyframes unlock-countdown{to{transform:scaleX(0)}}@keyframes unlock-fade-in{0%{opacity:0}}@keyframes unlock-fade-out{to{opacity:0}}.new-count{background:var(--gold-flat);min-width:20px;height:20px;color:var(--ink);letter-spacing:0;border-radius:10px;flex:none;place-items:center;padding:0 6px;font-size:12px;font-style:normal;font-weight:800;line-height:1;animation:1.4s ease-in-out 3 new-count-pulse;display:inline-grid}.new-count[hidden]{display:none}.menu .new-count{margin-left:auto}@keyframes new-count-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--gold-flat) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.unlock-banner-card{animation:.3s ease-out both unlock-fade-in}.unlock-banner-card.equipped{animation:none}.unlock-banner-card.leaving{animation:.4s ease-in forwards unlock-fade-out}.unlock-sparks{display:none}.new-count{animation:none}}.card-new,.car-card .card-new{color:var(--link);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.overlay-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.overlay-stack p{font-size:13px;line-height:1.5}.pause-options{gap:8px;display:flex}.pause-options .push-button{flex:1;width:auto;padding:0 12px}@media (pointer:coarse){[data-action=fullscreen]{display:none!important}}.result-hint{font-size:12px}.sign-in-prompt{border:2px dashed var(--card-edge);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.sign-in-prompt>svg.lucide{width:20px;height:20px;color:var(--link);flex:none}.sign-in-prompt>span{flex:1;min-width:0}.sign-in-prompt .link-button.muted{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.sign-in-prompt .link-button.muted svg.lucide{width:16px;height:16px}@media (height<=600px){#lap-time{font-size:30px}#lap-time small{font-size:22px}.race-top-actions .square-button{width:40px;height:40px}.keyboard-help{display:none}.race-foot{bottom:calc(env(safe-area-inset-bottom) + 16px)}.steering-zone span{bottom:calc(env(safe-area-inset-bottom) + 174px);font-size:11px}}@media (pointer:coarse) and (orientation:landscape){.rotate-hint{z-index:4;width:max(80px, calc((100vw - var(--race-width)) / 2 - 32px));color:var(--muted);text-align:center;pointer-events:none;font-size:13px;display:block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}}dialog{width:min(480px,100%);max-width:100%;max-height:min(88dvh,760px);padding:24px 20px calc(env(safe-area-inset-bottom) + 24px);background:var(--screen);color:var(--text);border:0;border-radius:28px 28px 0 0;margin:auto auto 0;overflow-y:auto}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-header small{font-size:13px;font-weight:600}.modal-header h2{margin-top:4px;font-size:28px;font-style:italic;font-weight:900;line-height:1}#modal-body>.muted{font-size:14px;line-height:1.5}.note-card{background:var(--card);box-shadow:0 3px 0 var(--card-edge);border-radius:16px;margin-top:10px;padding:16px}.note-card strong{font-size:15px}.note-card p{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.field-label{color:var(--muted);font-size:13px;font-weight:600;display:block}.auth-form input,.tuning-form input,.tuning-text{background:var(--card);width:100%;height:52px;box-shadow:inset 0 0 0 2px var(--card-edge);color:var(--text);border:0;border-radius:16px;margin:8px 0 16px;padding:0 16px;font-size:16px;display:block}.tuning-form input{height:44px;margin:6px 0 14px}.tuning-text{resize:vertical;height:auto;padding:10px 14px;font-family:ui-monospace,monospace;font-size:13px}.auth-form input:focus-visible,.tuning-form input:focus-visible,.tuning-text:focus-visible{outline-offset:0}.tuning-form .push-button{margin-bottom:20px}.tuning-intro{margin-bottom:14px}.tuning-presets{flex-direction:column;gap:8px;display:flex}.tuning-preset{background:var(--card);width:100%;box-shadow:0 3px 0 var(--card-edge);text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.tuning-preset strong{font-size:16px;font-weight:700;display:block}.tuning-preset small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}.tuning-preset>svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.tuning-preset[aria-pressed=true]{outline:3px solid var(--green);outline-offset:-3px}.tuning-preset[aria-pressed=true] strong,.tuning-preset[aria-pressed=true]>svg{color:var(--link)}.tuning-current{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:13px;display:flex}.tuning-details{padding-top:8px}.tuning-details>summary{cursor:pointer;font-size:14px;font-weight:700}.tuning-details[open]>summary{margin-bottom:18px}.tuning-preset:focus-visible,.tuning-details>summary:focus-visible{outline:3px solid var(--link);outline-offset:-3px}.toast{inset:auto auto auto 50%;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:20;background:var(--ink);color:#fff;text-align:center;pointer-events:none;border:0;border-radius:999px;max-width:calc(100% - 32px);margin:0;padding:12px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 4px #000}body[data-view=race] .toast{bottom:calc(env(safe-area-inset-bottom) + 24px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.eyebrow.sparkle,.eyebrow.sparkle:before,.eyebrow.sparkle:after{animation:none}}.google-button{border:1px solid var(--google-line);background:var(--google-bg);width:100%;height:48px;color:var(--google-text);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-family:Roboto,system-ui,sans-serif;font-size:15px;font-weight:500;display:flex}.google-button:hover{background-image:linear-gradient(color-mix(in srgb, var(--google-text) 8%, transparent), color-mix(in srgb, var(--google-text) 8%, transparent))}.google-button svg{flex:none}.or-divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--card-edge);flex:1;height:2px}.auth-error{color:var(--danger);margin:-8px 0 12px;font-size:14px}.auth-hint{text-align:center;margin-top:12px;font-size:14px}.auth-links{justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;display:flex}#auth-code{letter-spacing:.3em;text-align:center;font-size:22px}#modal-body>.muted+.auth-form{margin-top:12px}@media (width>=600px){body,.shell{background:var(--page)}.screen{padding-top:calc(env(safe-area-inset-top) + 32px);padding-left:max(24px,50% - 280px);padding-right:max(24px,50% - 280px)}.pager{margin:0}.steering-zone span{bottom:calc(env(safe-area-inset-bottom) + 220px)}dialog{box-shadow:0 8px 0 var(--card-edge);border-radius:28px;margin:auto}}@media (width>=900px){#screen-home,#screen-garage{grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-auto-rows:max-content;align-content:start;gap:22px 24px;padding-left:max(32px,50% - 480px);padding-right:max(32px,50% - 480px);display:grid}#screen-garage{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}#screen-home>.home-top,#screen-home>.home-about,#screen-garage>.screen-top,#screen-garage>.push-button{grid-column:1/-1}.garage-main{grid-column:1}.garage-side{grid-column:2}#screen-home>.hero{grid-area:2/1;align-self:start}#screen-home>.circuits{grid-area:3/1;align-self:start}#screen-home>.home-side{grid-area:2/2/span 3;align-self:start}.brand-link{display:flex}.garage-main{align-self:start;position:sticky;top:0}.stage{height:300px}}@media (width<=359px){.home-top nav{gap:6px}.hero-medals{gap:8px;padding:8px 10px 8px 8px}.hero-medals .medal-row{grid-template-columns:repeat(4,22px);gap:4px}.hero-medals-text strong{font-size:13px}.hero-medals-text small{font-size:12px}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-menu{position:relative}.avatar-button{color:var(--muted);border-radius:999px;align-items:center;gap:2px;display:flex;position:relative}.avatar-button:hover{color:var(--text)}.avatar-button:hover .avatar{background:color-mix(in srgb, var(--card) 94%, var(--text))}.avatar-button svg.lucide{stroke-width:2.4px;width:18px;height:18px;transition:transform .18s}.avatar-button[aria-expanded=true] svg.lucide{transform:rotate(180deg)}.request-dot{background:var(--red);width:12px;height:12px;box-shadow:0 0 0 2px var(--page);pointer-events:none;border-radius:50%;position:absolute;top:0;left:28px}.menu{z-index:20;min-width:200px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu[hidden]{display:none}.menu button,.menu a{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.menu button:hover,.menu button:focus-visible,.menu a:focus-visible{background:var(--me-card)}.menu .pill,.screen-top .friends-add{margin-left:auto}.friends-body{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.your-tag{margin-bottom:22px}.your-tag strong{white-space:normal;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}@media (width<=359px){.your-tag .avatar{display:none}}.friend-form input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger);outline-color:var(--danger)}.friend-form+.or-divider{margin-top:26px}.invite-field{background:var(--card);box-shadow:inset 0 0 0 2px var(--card-edge);border-radius:16px;align-items:center;gap:8px;padding:6px 6px 10px 16px;display:flex}.invite-field:has(input:focus-visible){outline:3px solid var(--link)}.invite-field input{min-width:0;height:40px;color:var(--soft);text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0;font-size:15px}.invite-field input:focus-visible{outline:none}.invite-field+.push-button{margin-top:16px}.invite-note{margin-top:14px;font-size:13px;line-height:1.5}.copy-button{--edge:var(--card-edge);background:var(--screen);display:grid}.copy-button>span{grid-area:1/1;justify-content:center;align-items:center;gap:6px;display:flex}.copy-button svg.lucide{width:18px;height:18px}.copy-button>span+span,.copy-button.copied>span:first-child{visibility:hidden}.copy-button.copied>span+span{visibility:visible;color:var(--link)}.friend-item{align-items:center;gap:8px;display:flex}.friend-item .friend-row{flex:1;min-width:0}.friend-actions{flex-shrink:0;gap:6px;display:flex}:is(body[data-discord] [data-action=install],body[data-discord] [data-action=sign-in],body[data-discord] [data-action=sign-out],body[data-discord] [data-action=share-result],body[data-discord] [data-action=copy-invite-home],body[data-discord] [data-action=copy-invite],body[data-discord] .tab-actions:has(>[data-action=copy-invite-home]:only-child),body[data-discord] .sign-in-prompt,body[data-discord] .beta-badge){display:none}body[data-discord] .result-row{grid-template-columns:1fr}span.home-board-row.waiting{cursor:default}.board-row.waiting:disabled{opacity:.7}.waiting-time{color:var(--soft);font-size:13px;font-style:normal;font-weight:600}.board-row.waiting .rank-badge,.home-board-row.waiting .rank-badge{color:var(--soft);background:0 0}.here-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.post-hint{color:var(--soft);margin-top:8px;font-size:13px;font-weight:600}#race[data-tutorial=true] .lap-card{visibility:hidden}#race[data-tutorial=true] .race-top-actions [data-action=restart],#race[data-tutorial=true] .target-strip,#race[data-tutorial=true] #race-sectors,#race[data-tutorial=true] .race-side,#race[data-tutorial=true] .race-status-row,#race[data-tutorial=true] .race-foot,#race[data-tutorial=true] .keyboard-help,#race[data-tutorial=true] .steering-zone span,#race[data-tutorial=true] .rotate-hint{display:none}.steering-tutorial{z-index:4;color:var(--race-text);pointer-events:none;position:absolute;inset:0}.steering-tutorial:before{content:"";width:var(--race-width);background:linear-gradient(#07110cb8,#07110c59 29%,#0000 48% 67%,#07110c66);position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.tutorial-instruction{top:calc(env(safe-area-inset-top) + 88px);width:min(400px, calc(var(--race-width) - 40px));text-align:center;text-shadow:0 2px 12px #00000073;position:absolute;left:50%;transform:translate(-50%)}.tutorial-eyebrow{color:var(--hero-mint);letter-spacing:.12em;text-transform:uppercase;justify-content:center;gap:10px;margin-bottom:9px;font-size:11px;font-weight:800;display:flex}#tutorial-count:not(:empty):before{content:"·";opacity:.7;padding-right:10px}.tutorial-copy h2{letter-spacing:-.02em;font-size:clamp(26px,4.6dvh,36px);font-style:italic;font-weight:900;line-height:1.05}.tutorial-copy p{color:#e0eae4;max-width:290px;margin:10px auto 0;font-size:16px;font-weight:600;line-height:1.35}.tutorial-steps{justify-content:center;gap:5px;margin-top:18px;display:flex}.tutorial-steps i{background:#f2f5f347;border-radius:3px;width:19px;height:3px;transition:background .18s,width .18s}.tutorial-steps i.current{background:var(--race-text);width:29px}.tutorial-steps i.done{background:var(--go)}.tutorial-practice-progress{background:#f2f5f34d;border-radius:3px;width:120px;height:3px;margin:18px auto 0;display:none;overflow:hidden}.tutorial-practice-progress span{background:var(--go);transform-origin:0;height:100%;display:block}.steering-tutorial[data-step=practice] .tutorial-practice-progress{display:block}.tutorial-demonstration{bottom:calc(env(safe-area-inset-bottom) + 98px);left:calc(50% - var(--race-width) * .25);text-align:center;filter:drop-shadow(0 3px 5px #00000059);flex-direction:column;align-items:center;width:140px;display:flex;position:absolute;transform:translate(-50%)}.steering-tutorial[data-side=right] .tutorial-demonstration{left:calc(50% + var(--race-width) * .25)}.tutorial-gesture{width:112px;height:151px;margin-bottom:4px}.tutorial-hand{width:100%;height:100%;overflow:visible}.steering-tutorial[data-side=right] .tutorial-hand{transform:scaleX(-1)}.tutorial-finger{fill:#08120d9e;stroke:#f2f5f3e0;stroke-width:2.5px;stroke-linejoin:round;transform-origin:49px 22px;animation:2.6s ease-in-out infinite tutorial-press}.tutorial-touch-ring{stroke:var(--go);stroke-width:2px;transform-origin:49px 22px;animation:2.6s ease-in-out infinite tutorial-contact}.tutorial-touch-dot{fill:var(--go);opacity:.65}.tutorial-gesture-label{letter-spacing:.02em;font-size:14px;font-weight:800;line-height:1.2}.tutorial-hold-track{opacity:0;background:#f2f5f34d;border-radius:3px;width:64px;height:3px;margin-top:9px;overflow:hidden}.tutorial-hold-track span{background:var(--go);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.steering-tutorial[data-status=holding][data-gesture=hold] .tutorial-hold-track{opacity:1}.steering-tutorial[data-status=holding] .tutorial-finger{animation:none}.steering-tutorial[data-status=holding] .tutorial-touch-ring{stroke-width:3px;animation:none}.steering-tutorial[data-gesture=release] .tutorial-finger{animation:2s ease-in-out infinite tutorial-lift}.steering-tutorial[data-gesture=release] .tutorial-touch-ring{opacity:.3;stroke-dasharray:3 5;animation:none}.steering-tutorial[data-gesture=release] .tutorial-touch-dot{opacity:0}.tutorial-keyboard{align-items:center;gap:8px;margin-bottom:12px;display:none}.tutorial-keyboard>span{color:#d4ded7;font-size:13px;font-weight:600}.tutorial-keyboard kbd{min-width:42px;height:42px;color:var(--race-text);background:var(--race-card);box-shadow:0 4px 0 var(--race-edge);border:1px solid #f2f5f34d;font-size:22px}.steering-tutorial[data-input=keyboard] .tutorial-gesture{width:80px;height:108px}.steering-tutorial[data-input=keyboard] .tutorial-keyboard{display:flex}.steering-tutorial[data-input=keyboard][data-status=holding] .tutorial-keyboard kbd{border-color:var(--go);color:var(--go)}.steering-tutorial .tutorial-skip{bottom:calc(env(safe-area-inset-bottom) + 18px);color:#e0eae4;pointer-events:auto;background:#08120d80;border-radius:12px;min-height:44px;padding:10px 18px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.steering-tutorial .tutorial-skip:hover{background:#08120dbf}.steering-tutorial .tutorial-finish{width:min(100%,260px);min-height:58px;text-shadow:none;pointer-events:auto;margin:28px auto 0;font-size:23px}.steering-tutorial[data-step=intro] .tutorial-steps{visibility:hidden}.steering-tutorial[data-step=complete] .tutorial-instruction{top:24%}@keyframes tutorial-press{0%,to{opacity:.5;transform:translateY(7px)scale(1.06)}20%,78%{opacity:1;transform:translateY(0)scale(1)}}@keyframes tutorial-contact{0%,to{opacity:0;transform:scale(.75)}20%,78%{opacity:.95;transform:scale(1)}}@keyframes tutorial-lift{0%,15%{opacity:.9;transform:translateY(0)}55%,85%{opacity:.25;transform:translateY(-22px)scale(1.06)}to{opacity:.9;transform:translateY(0)}}@media (height<=600px){#race[data-tutorial=true]{--race-width:min(100vw, max(56.25dvh, 480px))}.tutorial-instruction{top:calc(env(safe-area-inset-top) + 66px);width:min(360px,100vw - 32px)}.tutorial-copy h2{font-size:26px}.tutorial-copy p{margin-top:7px;font-size:14px}.tutorial-eyebrow{margin-bottom:6px;font-size:10px}.tutorial-steps{margin-top:12px}.tutorial-demonstration{bottom:calc(env(safe-area-inset-bottom) + 65px)}.tutorial-gesture{width:72px;height:97px}.steering-tutorial[data-input=keyboard] .tutorial-gesture{display:none}.tutorial-keyboard kbd{min-width:36px;height:36px;font-size:18px}.tutorial-gesture-label{font-size:12px}.steering-tutorial .tutorial-skip{bottom:calc(env(safe-area-inset-bottom) + 8px)}.steering-tutorial .tutorial-finish{min-height:48px;margin-top:20px;font-size:20px}}@media (height<=420px){.tutorial-instruction{top:calc(env(safe-area-inset-top) + 20px)}}@media (prefers-reduced-motion:reduce){.tutorial-finger,.tutorial-touch-ring,.steering-tutorial[data-gesture=release] .tutorial-finger{animation:none}.tutorial-steps i{transition:none}.steering-tutorial[data-gesture=release] .tutorial-finger{opacity:.5;transform:translateY(-18px)}}
