:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#app{color:#e6edf3;background:#0d1117;width:100%;height:100%;margin:0;overflow:hidden}#viewport{position:absolute;top:0;bottom:0;left:0;right:0}#viewport canvas{display:block}#hud{pointer-events:none;background:#0d1117c7;border:1px solid #30363d;border-radius:8px;min-width:190px;padding:10px 14px;font-size:13px;line-height:1.5;position:absolute;top:12px;left:12px}#hud .row{justify-content:space-between;gap:18px;display:flex}#hud .label{color:#8b949e}#hud .value{color:#e6edf3;font-variant-numeric:tabular-nums}#hud .state{letter-spacing:.04em;margin-top:6px;font-weight:700}.state.prestart,.state.countdown{color:#d29922}.state.racing{color:#3fb950}.state.finished{color:#58a6ff}.state.dsq,.state.collision{color:#f85149}#controls{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}#controls input,#controls button{color:#e6edf3;background:#0d1117d9;border:1px solid #30363d;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:12px}#controls button{cursor:pointer}#controls button:hover{border-color:#58a6ff}#conn{font-size:12px}.conn-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.conn-open .conn-dot{background:#3fb950}.conn-connecting .conn-dot{background:#d29922}.conn-closed .conn-dot{background:#f85149}