:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#444444ab;--text:#f2f2f2;--muted:#b9b9b9;--accent:#8b0000;--accent-hover:#d00000;--accent-active:#00008b;--notice:#9fd3ff;font-family:Arial,Helvetica Neue,sans-serif}html,body{height:100%;color:var(--text);background:#000;margin:0;padding:0;overflow:hidden}.game-canvas{display:block;position:fixed;inset:0}.hud{pointer-events:none;font-size:13px;position:fixed;inset:0}.hud-window{pointer-events:auto;background:var(--panel);box-sizing:border-box;border-radius:10px;padding:10px;position:absolute}.hud-pilot{flex-direction:column;gap:6px;width:170px;display:flex;top:10px;left:10px}.hud-panel-actions{flex-direction:column;gap:6px;display:flex}.hud-panel-actions:empty{display:none}.hud input{font:inherit;color:#000;background:#fff;border:1px solid #222;border-radius:4px;min-width:0;padding:4px 6px}.hud-button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;height:36px}.hud-button:hover:not(:disabled){background:var(--accent-hover)}.hud-button:active:not(:disabled){background:var(--accent-active)}.hud-button:disabled{opacity:.7;cursor:progress}.hud-button:focus-visible,.hud input:focus-visible{outline:2px solid var(--notice);outline-offset:1px}.hud-debug{white-space:pre;color:var(--text);margin:4px 0 0;font:12px/1.35 ui-monospace,Consolas,monospace}.hud-chat{flex-direction:column;gap:6px;display:flex;bottom:10px;left:10px;right:10px}.hud-chat-log{overflow-wrap:anywhere;min-height:6.75em;margin:0;padding:0;line-height:1.35;list-style:none}.hud-notice{color:var(--notice)}.game-menu{box-sizing:border-box;touch-action:manipulation;background:#0000008c;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex;position:fixed;inset:0}.game-menu[hidden]{display:none}.game-menu-panel{box-sizing:border-box;background:#282828f2;border:1px solid #555;border-radius:12px;width:min(320px,100%);max-height:100%;padding:16px;overflow-y:auto}.game-menu-panel h2{margin:0 0 8px;font-size:18px}.game-menu-message{color:var(--muted);margin:0 0 12px;line-height:1.35}.game-menu-buttons{flex-direction:column;gap:8px;display:flex}.game-menu-button{font:inherit;min-height:44px;color:var(--text);cursor:pointer;background:#2b2b2b;border:1px solid #666;border-radius:10px}.game-menu-button:hover:not(:disabled){background:#3a3a3a}.game-menu-button:focus-visible{outline:2px solid var(--notice);outline-offset:1px}.game-menu-button:disabled{opacity:.7;cursor:progress}.game-menu-resume,.game-menu-reconnect{background:var(--accent);border-color:var(--accent);color:#fff}.game-menu-resume:hover:not(:disabled),.game-menu-reconnect:hover:not(:disabled){background:var(--accent-hover)}@media (height<=420px){.game-menu-panel{padding:10px 12px}.game-menu-buttons{grid-template-columns:1fr 1fr;display:grid}.game-menu-button{min-height:40px}}.menu{max-width:40rem;padding:2rem 16px}.menu a{color:#8cf}.race-modes{border:1px solid #444;margin:0 0 1rem}.race-modes label{margin:.25rem 0;display:block}.race-modes input[type=number]{width:4rem}.menu kbd{border:1px solid #666;border-radius:3px;padding:0 4px}body.watch{color:#cfe;background:#000;flex-direction:column;height:100vh;margin:0;font:14px system-ui,sans-serif;display:flex}.watch-bar{background:#0a1420;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.watch-bar a{color:#8cf;font-weight:700;text-decoration:none}.watch-bar .back-to-menu{border:1px solid #8cf;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;display:inline-flex}.watch-bar input[type=number]{width:5em}.watch-bar .watch-params{width:22em;font-family:ui-monospace,monospace}.watch-bar .watch-params.invalid{outline:2px solid #e44}.watch-viewer{flex:1;min-height:0}body.touch-controls{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}.touch-layer{touch-action:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.touch-hint{bottom:calc(24px + env(safe-area-inset-bottom));color:#ffffff59;pointer-events:none;font-size:13px;position:absolute}.touch-hint-stick{left:calc(24px + env(safe-area-inset-left))}.touch-thrust{right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));color:#ffffffb3;pointer-events:none;background:#8b000059;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:13px;font-weight:700;display:flex;position:absolute}.touch-thrust.active{color:#fff;background:#d00000bf}.touch-stick{pointer-events:none;background:#ffffff0f;border:2px solid #ffffff4d;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.touch-knob{background:#9fd3ff8c;border-radius:50%;width:44px;height:44px;position:absolute;top:32px;left:32px}body.touch-controls .hud{font-size:12px}body.touch-controls .hud-pilot{top:calc(6px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));gap:4px;width:132px;padding:6px}body.touch-controls .hud-debug{display:none}body.touch-controls .hud-button{height:32px}body.touch-controls .hud-chat{top:calc(6px + env(safe-area-inset-top));left:calc(146px + env(safe-area-inset-left));right:calc(6px + env(safe-area-inset-right));pointer-events:none;background:#4446;padding:6px;bottom:auto}body.touch-controls .hud-chat input{display:none}body.touch-controls .hud-chat-log{min-height:0;max-height:4.05em;overflow:hidden}@media (pointer:coarse),(width<=600px){.menu{padding:1rem 16px 2rem}.menu h1{font-size:1.6rem}.menu select,.menu input[type=number]{min-height:36px;font-size:16px}.menu input[type=checkbox]{vertical-align:middle;width:20px;height:20px}.race-modes label{margin:.5rem 0}.menu li{margin:.6rem 0}.menu-choice select{max-width:100%}.watch-bar{gap:6px 10px;padding:6px 8px;font-size:13px}.watch-bar select,.watch-bar input{max-width:100%;font-size:16px}.watch-bar .watch-params{width:12em}}.menu-choice{margin:0 0 1rem}.menu-choice label{display:block}.menu-note{color:var(--muted);font-size:.9em}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:block}}.menu-actions{flex-wrap:wrap;gap:10px;display:flex}.menu .menu-button{background:var(--accent);color:#fff;border-radius:10px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.menu .menu-button:hover{background:var(--accent-hover)}.menu .menu-button-alt{background:#234}.menu input[type=text]{font:inherit;max-width:100%;padding:4px 6px}body.showcase{height:100dvh}.showcase-main{flex:1;min-height:0;display:flex}.showcase-viewer{flex:1;min-width:0}.showcase-side{background:#050b12;width:min(460px,40vw);padding:8px 10px;font-size:13px;overflow:auto}.showcase-side h2{margin:14px 0 4px;font-size:14px}.showcase-about{color:#9bc;margin:0 0 8px}.showcase-scroll{overflow-x:auto}.showcase-table{border-collapse:collapse;width:100%}.showcase-table th,.showcase-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #123;padding:3px 6px}.showcase-table tr.current{background:#123}.showcase-table button{color:#8cf;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0}.showcase-table small{color:#678}.showcase-summary td,.showcase-summary th{font-size:12px}.watch-bar #race{font-weight:400}@media (width<=800px) and (orientation:portrait){.showcase-main{flex-direction:column}.showcase-viewer{flex:none;height:52dvh}.showcase-side{flex:1;width:auto;min-height:0}}@media (height<=500px) and (orientation:landscape){.showcase .watch-bar{padding:3px 8px}.showcase-side{width:42vw}}body.menu-page{overflow:auto}html:has(body.menu-page){overflow:auto}.track-picker h2{margin:1.2rem 0 .4rem;font-size:1.1rem}.track-group{border:1px solid #444;min-width:0;margin:0 0 .8rem;padding:.3rem .6rem .5rem}.track-group legend{font-weight:700}.track-group>.menu-note{margin:0 0 .3rem}.track-list{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:2px 12px;display:grid}.track-option{cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:5px 6px;display:grid}.track-option:hover{background:#1a2633}.track-option:has(input:checked){background:#233648}.track-option input{grid-row:span 2;margin:0}.track-name{font-weight:700}.track-blurb{color:var(--muted);grid-column:2;font-size:.9em}@media (pointer:coarse),(width<=600px){.track-list{grid-template-columns:1fr}.track-option{box-sizing:border-box;min-height:44px;padding:8px 6px}.track-option input{align-self:center;width:20px;height:20px}}.hud-lobby{touch-action:pan-y;flex-direction:column;gap:6px;max-width:min(320px,100% - 200px);max-height:calc(100% - 140px);display:flex;top:10px;right:10px;overflow-y:auto}.hud-lobby[hidden]{display:none}.hud-lobby-line{margin:0;line-height:1.35}.hud-lobby-line strong{color:#fff}.hud-lobby-note{color:var(--muted)}.hud-lobby-toggle{height:32px;padding:0 12px}.hud-lobby-list{flex-direction:column;gap:4px;display:flex}.hud-lobby-list[hidden]{display:none}.hud-lobby-vote{font:inherit;text-align:left;min-height:36px;color:var(--text);cursor:pointer;background:#1c2833;border:1px solid #555;border-radius:8px;padding:4px 8px}.hud-lobby-vote:hover{background:#26394b}.hud-lobby-vote.mine{border-color:var(--notice)}.hud-lobby-vote.current{color:var(--muted)}.hud-lobby-vote small{color:var(--muted);display:block}body.touch-controls .hud-lobby{top:calc(78px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right));max-width:min(260px,60vw);max-height:calc(100dvh - 210px - env(safe-area-inset-top));gap:4px;padding:6px}