:root{--ink: #eef1f8;--muted: #99a1bb;--panel: rgba(17, 19, 26, .82);--edge: rgba(120, 132, 170, .28);--accent: #ffca3a;--danger: #ff5a5f;--toolbar-h: 30px;--tabs-h: 34px;--selector-h: 96px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:#11131a;color:var(--ink);overflow:hidden}.app{position:relative;height:100%}.stage{position:absolute;inset:0}.stage canvas{display:block}.hud{position:absolute;display:flex;gap:10px;pointer-events:none;z-index:2}.hud--top{top:16px;left:50%;transform:translate(-50%);align-items:center}.hud--right{top:16px;right:16px;flex-direction:column;align-items:stretch}.hud--bottom{bottom:16px;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;gap:8px}.hud--left{bottom:16px;left:16px;z-index:4}.pill{display:flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px}.pill__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.pill__value{font-variant-numeric:tabular-nums;font-weight:600}.pill--points{font-size:20px;padding:4px 18px}.pill--points .pill__value{font-size:20px;font-weight:700;color:var(--accent)}.pill--fps{padding:4px 10px;font-size:11px;color:var(--muted)}.pill--fps .pill__value{color:var(--ink);font-size:13px}.pill--fps[data-grade=fair] .pill__value{color:var(--accent)}.pill--fps[data-grade=poor] .pill__value{color:var(--danger)}.pill__aside{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.pill__dial{pointer-events:auto;margin-left:2px;padding:1px 6px;border:1px solid var(--edge);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-variant-numeric:tabular-nums;cursor:pointer}.pill__dial:hover,.pill__dial:focus-visible{color:var(--ink);border-color:var(--ink)}.board{min-width:190px;padding:10px 12px;border:1px solid var(--edge);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px}.board__title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:8px}.board__row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;padding:3px 0;font-variant-numeric:tabular-nums}.board__row--self{color:var(--accent);font-weight:600}.board__rank{color:var(--muted)}.board__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}.feed__row{padding:4px 10px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;animation:feed-fade linear forwards}.feed__name{color:var(--ink);font-weight:600}.feed__row--mine{border-color:var(--accent)}.feed__row--mine .feed__name{color:var(--accent)}@keyframes feed-fade{0%{opacity:1}to{opacity:0}}.hint{color:var(--muted);font-size:12px}.hint__mode{display:inline-block;margin-right:8px;padding:1px 7px;border:1px solid var(--edge);border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.hint--flash{animation:hint-flash 1.1s ease-out}.hint--flash .hint__mode{animation:hint-flash-chip 1.1s ease-out}@keyframes hint-flash{0%{color:var(--ink)}to{color:var(--muted)}}@keyframes hint-flash-chip{0%{border-color:var(--ink);transform:scale(1.12)}to{border-color:var(--edge);transform:scale(1)}}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--edge);border-bottom-width:2px;border-radius:4px;font:inherit;font-size:11px;color:var(--ink)}.wreck{position:absolute;top:88px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;width:min(300px,80vw);padding:12px 16px 10px;border:1px solid var(--edge);border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}.wreck__title{color:var(--danger);text-transform:uppercase;letter-spacing:.18em;font-size:15px;font-weight:700}.wreck__cause{margin-top:6px;color:var(--ink);font-size:13px}.wreck__killer{color:var(--danger);font-weight:700}.wreck__line{margin-top:4px;color:var(--muted);font-size:12px}.wreck__line strong{color:var(--accent);font-variant-numeric:tabular-nums}.wreck__clock{margin-top:10px;height:2px;border-radius:2px;background:var(--danger);transform-origin:left center;animation:wreck-clock linear forwards}@keyframes wreck-clock{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.wreck__clock,.feed__row{animation:none}}.toolbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;height:30px;padding:0 12px;border-bottom:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;pointer-events:none}.toolbar__user,.toolbar__wallet{pointer-events:auto;display:flex;align-items:center;gap:6px}.toolbar__user{border:0;margin:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer}.toolbar__user:hover .toolbar__who,.toolbar__user:focus-visible .toolbar__who{color:var(--accent)}.toolbar__who{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar__avatar{color:var(--muted);font-size:10px}.toolbar__who{color:var(--ink);font-weight:600}.toolbar__chain{font-size:12px;opacity:.7}.toolbar__balance{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums}.toolbar__ticker{color:var(--muted);font-size:10px;letter-spacing:.1em}.overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.overlay--workshop{display:block;pointer-events:none}.workshop__panel,.workshop__launch{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px 14px;border:1px solid var(--edge);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workshop__panel{top:calc(var(--toolbar-h) + var(--tabs-h) + var(--selector-h));bottom:62px;left:16px;width:min(360px,34vw);min-width:280px}.workshop__launch{right:16px;bottom:16px;width:min(300px,26vw);min-width:230px}.workshop__tabs{position:absolute;top:var(--toolbar-h);left:0;right:0;height:var(--tabs-h);z-index:3;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.workshop__tab{pointer-events:auto;padding:4px 14px;border:1px solid var(--edge);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.workshop__tab[data-active=true]{border-color:var(--accent);color:var(--accent)}.workshop__shelf{flex:1;min-height:0;overflow-y:auto;border:1px solid var(--edge);border-radius:10px;background:#ffffff05}.shop{margin:0;padding:4px;list-style:none;display:flex;flex-direction:column;gap:2px}.shop__row{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:7px}.shop__row[data-owned=true]{background:#ffffff09}.shop__name{flex:1;font-size:13px;letter-spacing:.04em}.shop__row[data-owned=false] .shop__name{color:var(--muted)}:root{--bronze: #c08457;--silver: #c3cad8;--gold: #ffca3a}.badge{margin-left:7px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;vertical-align:1px}.badge--bronze{color:var(--bronze)}.badge--silver{color:var(--silver)}.badge--gold{color:var(--gold)}.badge--dim{opacity:.32;font-weight:500}.badge--button{padding:0;border:0;background:none;font-family:inherit;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.badge--button:hover{color:var(--ink)}.shop__chip--locked{opacity:.62;border-style:dashed}.shop__chip--locked:hover{opacity:1}.shop__chip[data-gated=true]{border-style:dashed;opacity:.72}.shop__chip[data-gated=true]:hover{opacity:1}.shop__chip--locked.shop__chip--bronze{border-color:var(--bronze)}.shop__chip--locked.shop__chip--silver{border-color:var(--silver)}.shop__chip--locked.shop__chip--gold{border-color:var(--gold)}.toolbar__pass{pointer-events:auto;font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:700}.toolbar__until{margin-left:4px;opacity:.75;font-weight:400}.toolbar__preview{margin-left:4px;padding:0 4px;border:1px solid currentColor;border-radius:3px;font-size:9px;text-transform:uppercase;opacity:.8}.toolbar__pass--bronze{color:var(--bronze)}.toolbar__pass--silver{color:var(--silver)}.toolbar__pass--gold{color:var(--gold)}.shop__absent{min-width:116px;text-align:center;color:var(--muted);font-size:11px;font-style:italic}.workshop__bay{position:absolute;top:calc(var(--toolbar-h) + var(--tabs-h));left:0;right:0;height:var(--selector-h);display:flex;align-items:center;justify-content:center;pointer-events:none}.workshop__selector{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:8px 16px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workshop__step{width:54px;height:54px;padding:0;border:1px solid var(--edge);border-radius:999px;background:#ffffff0a;color:var(--ink);font:inherit;font-size:32px;line-height:1;cursor:pointer}.workshop__step:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.workshop__step:disabled{opacity:.3;cursor:default}.workshop__car{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:8ch;font-size:30px}.workshop__label{font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase}.workshop__car .badge{font-size:11px;letter-spacing:.12em}.receipt{padding:8px 10px;border:1px solid var(--edge);border-radius:10px;background:#ffca3a0d}.receipt__how{margin:0;text-align:center;font-size:12px;color:var(--muted)}.receipt__how strong{color:var(--accent);font-size:14px}.receipt__paid{margin:4px 0 0;display:flex;align-items:baseline;justify-content:center;gap:10px;font-size:15px;color:var(--accent)}.receipt__rank{color:var(--muted);font-size:11px}.receipt__paid--pending{color:var(--muted);font-style:italic}.receipt__unbanked{margin:2px 0 0;color:var(--danger);font-size:11px}.receipt__lines{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;color:var(--muted);font-size:11px}.receipt__lines li{display:flex;gap:4px}.receipt__lines span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}.start__name,.start__play{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--edge);font:inherit;font-size:15px}.start__name{background:#ffffff0a;color:var(--ink);text-align:center}.start__name:focus{outline:2px solid var(--accent);outline-offset:1px}.start__play{background:var(--accent);border-color:var(--accent);color:#17181f;font-weight:700;cursor:pointer}.start__play:disabled{opacity:.6;cursor:progress}.start__play[data-gated=true]{background:transparent;border-color:var(--edge);border-style:dashed;color:var(--muted);font-weight:600}.start__play[data-gated=true]:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.start__gate{margin:0;padding:7px 9px;border:1px solid var(--edge);border-radius:8px;background:#ffca3a0f;color:var(--muted);font-size:12px;text-align:center;line-height:1.45}.start__gate strong{color:var(--accent)}.start__stale{margin:0;padding:7px 9px;border:1px solid var(--danger);border-radius:8px;background:#ff5a5f12;color:var(--muted);font-size:12px;text-align:center;line-height:1.45}.start__stale strong{color:var(--danger)}.gate{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;pointer-events:auto;background:#08090db8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gate-in .14s ease-out}.gate__card{width:min(440px,100%);max-height:100%;overflow-y:auto;padding:22px 24px 20px;border:1px solid var(--edge);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.gate__tier{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.gate__tier--bronze{color:var(--bronze)}.gate__tier--silver{color:var(--silver)}.gate__tier--gold{color:var(--gold)}.gate__title{margin:0 0 10px;font-size:20px;font-weight:700;letter-spacing:.01em}.gate__lead{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.55}.gate__lead strong{color:var(--ink)}.gate__list{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:1px;text-align:left}.gate__list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:8px;background:#ffffff08;font-size:13px}.gate__fix{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.5}.gate__close{width:100%;padding:11px 14px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#17181f;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.gate__close:hover{filter:brightness(1.06)}@keyframes gate-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.gate{animation:none}}.start__note{margin:0;color:var(--muted);font-size:11px;text-align:center}.start__error{margin:0;color:var(--danger);font-size:12px;text-align:center;line-height:1.5}.start__server{margin:0;color:var(--muted);font-size:11px;text-align:center}.start__server code{color:var(--ink)}.start__arena{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--muted)}.start__arenalabel{text-transform:uppercase;letter-spacing:.08em}.start__arenapick{flex:0 1 auto;min-width:0;max-width:140px;padding:2px 4px;border:1px solid var(--edge);border-radius:3px;background:var(--panel);color:var(--ink);font:inherit;font-size:11px}.start__arenanote{font-style:italic;opacity:.8}.start__server--override strong{color:var(--accent);font-weight:600}.hud--unpaid{top:46px;left:0;right:0;display:flex;justify-content:center}.unpaid{padding:3px 10px;border:1px solid rgba(255,90,95,.45);border-radius:999px;background:#08090db8;color:var(--danger);font-size:11px}.account{display:flex;flex-direction:column;gap:8px;min-width:280px}.account form{display:flex;flex-direction:column;gap:8px}.account__title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink)}.account__field{padding:7px 9px;border:1px solid var(--edge);border-radius:4px;background:#0000004d;color:var(--ink);font:inherit;font-size:13px}.account__field:focus{outline:none;border-color:var(--accent)}.account__go{margin-top:2px;padding:8px 10px;border:0;border-radius:4px;background:var(--accent);color:#1a1206;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.account__go:disabled{opacity:.6;cursor:default}.account__link{border:0;padding:2px;background:none;color:var(--muted);font:inherit;font-size:11px;text-align:center;text-decoration:underline;cursor:pointer}.account__link:hover{color:var(--ink)}.account__note,.account__warn,.account__sent,.account__error{margin:0;font-size:11px;line-height:1.45;text-align:center}.account__note{color:var(--muted)}.account__warn{color:var(--ink);background:#ff5a5f1f;border:1px solid rgba(255,90,95,.4);border-radius:4px;padding:6px 8px}.account__sent{color:var(--accent)}.account__error{color:var(--danger)}.curtain{position:absolute;inset:0;z-index:4;background:#000;opacity:0;pointer-events:none;transition-property:opacity;transition-timing-function:ease-in-out}.curtain[data-down=true]{opacity:1}@media(prefers-reduced-motion:reduce){.curtain{transition-duration:0s!important}}.legend{display:flex;gap:4px}.legend span{width:10px;height:10px;border-radius:2px}.shop__row--axis{align-items:center}.shop__options{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.shop__row--gallery{flex-direction:column;align-items:stretch;gap:6px}.shop__row--gallery .shop__options{display:grid;gap:5px;justify-content:stretch}.shop__options--rims{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.shop__options--panels{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.shop__chip--pictured{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 2px 3px}.shop__picture{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;min-height:0}.shop__picture--wide{aspect-ratio:3 / 2}.shop__picture--paint{aspect-ratio:2 / 1}.shop__picture--waiting{border-radius:4px;background:#ffffff0a}.shop__picture--empty{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.12);border-radius:4px;color:#ffffff4d;font-size:10px;letter-spacing:.06em}.shop__picture--empty:after{content:"none"}.shop__chipname{font-size:10px;letter-spacing:.04em;line-height:1.2}.shop__chip{min-width:30px;padding:3px 7px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#ffffff0a;color:#cfd4dd;font:inherit;font-size:11px;cursor:pointer}.shop__chip:hover:not(:disabled){border-color:#ffffff59}.shop__chip[data-active=true]{border-color:#f0b429;background:#f0b42929;color:#f7d67a}.shop__chip:disabled{opacity:.4;cursor:default}.paint{display:flex;flex-direction:column;gap:10px;padding:6px}.paint__group{display:flex;flex-direction:column;gap:6px}.paint__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.paint__title{margin:0;color:#8b93a1;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.paint__chips{display:flex;flex-wrap:wrap;gap:4px}.paint__chips--patterns{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:5px}.paint__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.paint__label{color:#cfd4dd;font-size:11px}.paint__wells{display:flex;flex-wrap:wrap;gap:8px}.paint__well{display:flex;align-items:center;gap:5px;color:#8b93a1;font-size:10px}.paint__well input[type=color]{width:30px;height:22px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:none;cursor:pointer}.paint__well input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.paint__well input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.paint__dial{flex:1;max-width:190px;accent-color:#f0b429;cursor:pointer}