html,body,#root{color:#f2f2f2;background:#101114;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.app{width:100%;height:100%}.loading,.error{color:#6b7a8d;place-items:center;width:100%;height:100%;font-size:15px;display:grid}.error{color:#ff8a8a}.hud,.editor-toolbar{-webkit-backdrop-filter:blur(10px);background:#080a0ec7;border:1px solid #ffffff1a;border-radius:14px;min-width:260px;max-width:340px;padding:14px 16px 12px;box-shadow:0 20px 56px #00000073,inset 0 1px #ffffff0f}.hud-stack{z-index:10;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:16px;left:16px}.hud-stack>*{pointer-events:auto}.hud-label{letter-spacing:.1em;text-transform:uppercase;color:#4b5563;margin-bottom:8px;font-size:10px;font-weight:600}.hud-speedometer{align-items:baseline;gap:7px;margin-bottom:10px;display:flex}.hud-speed-value{letter-spacing:-3px;font-variant-numeric:tabular-nums;color:#f2f2f2;font-size:54px;font-weight:700;line-height:1}.hud-speed-unit{color:#4b5563;padding-bottom:4px;font-size:15px;font-weight:500}.hud-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.hud-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.hud-surface{color:#6b7a8d;background:#ffffff12}.hud-surface-road{color:#60a5fa;background:#4da3ff2e}.hud-surface-grass{color:#4ade80;background:#4caf5033}.hud-surface-outside{color:#fb923c;background:#ff783233}.hud-cones{color:#4b5563;background:#ffffff0f}.hud-cones-hit{color:#f87171;background:#ef444433}.hud-divider{background:#ffffff12;height:1px;margin:10px 0}.hud-stats{grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:12px;display:grid}.hud-stats dt{color:#4b5563}.hud-stats dd{text-align:right;color:#9ca3af;font-variant-numeric:tabular-nums;margin:0}.hud-toggles{flex-wrap:wrap;gap:6px;display:flex}.hud-toggles button{color:#9ca3af;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .13s,color .13s,border-color .13s}.hud-toggles button:hover{color:#f2f2f2;background:#ffffff1c;border-color:#fff3}.hud-toggles button.active{color:#60a5fa;background:#4da3ff2e;border-color:#4da3ff59}.hud-toggles .edit-mode-btn{color:#6ee7b7;border-color:#34d39940}.hud-toggles .edit-mode-btn:hover{color:#a7f3d0;background:#34d3991a;border-color:#34d39966}.hud-toggles .edit-mode-btn.active{color:#6ee7b7;background:#34d39933;border-color:#34d39980}.hud-controls{color:#374151;flex-direction:column;gap:4px;margin-top:10px;font-size:11px;line-height:1.5;display:flex}kbd{color:#9ca3af;vertical-align:middle;background:#ffffff12;border:1px solid #ffffff29;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;line-height:1.6;display:inline-block}.editor-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.editor-title{letter-spacing:.1em;text-transform:uppercase;color:#6ee7b7;font-size:10px;font-weight:600}.editor-stats{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.editor-stats span{border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600}.estat-added{color:#6ee7b7;background:#34d3992e}.estat-removed{color:#f87171;background:#ef44442e}.estat-knocked{color:#fb923c;background:#fb923c2e}.estat-none{color:#374151;font-size:11px;font-weight:400}.editor-tools{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.editor-tools button{color:#9ca3af;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:500;transition:background .13s,color .13s,border-color .13s}.editor-tools button:hover{color:#f2f2f2;background:#ffffff1a}.editor-tools button.active{color:#6ee7b7;background:#34d3992e;border-color:#34d39966}.editor-legend{color:#4b5563;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.legend-boundary{color:#fb923c}.legend-direction{color:#fbbf24}.legend-down{color:#6b7a8d}.export-btn{color:#6ee7b7;cursor:pointer;background:#34d3991a;border:1px solid #34d3994d;border-radius:8px;width:100%;padding:7px 10px;font-size:12px;font-weight:600;transition:background .13s,border-color .13s}.export-btn:hover{background:#34d39933;border-color:#34d39980}.edit-mode canvas{cursor:crosshair}.edit-mode.tool-remove canvas{cursor:not-allowed}.edit-mode.tool-toggle-down canvas{cursor:pointer}