.DemoHint{left:calc(18px + var(--sail,0px));top:calc(18px + var(--sait,0px));z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);color:#f4f5f7e0;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;user-select:none;background:#08090cb3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;max-width:min(420px,100vw - 96px);min-height:40px;padding:4px 14px;font:600 10px/1.25 Inter,system-ui,-apple-system,sans-serif;transition:opacity .3s,transform .3s;display:inline-flex;position:fixed;box-shadow:0 12px 30px #00000047}.DemoHint:before{content:"";background:var(--demo-accent);width:6px;height:6px;box-shadow:0 0 10px var(--demo-accent);border-radius:50%;flex:none}.DemoHint.is-hidden{opacity:0;transform:translateY(-4px)}@media (width<=720px){.DemoHint{left:calc(12px + var(--sail,0px));top:calc(58px + var(--sait,0px));min-height:35px;padding:4px 11px;font-size:9px}}@media (prefers-reduced-motion:reduce){.DemoHint{transition:none}}.DemoControls{top:calc(18px + var(--sait,0px));z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);user-select:none;background:#08090cb8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:3px;max-width:calc(100vw - 24px);min-height:40px;padding:4px;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}.DemoControls hr{background:#ffffff1f;border:0;width:1px;height:16px;margin:0 2px}.DemoControls button{appearance:none;color:#f4f5f7b8;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 12px;font:650 11px/1 Inter,system-ui,-apple-system,sans-serif;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.DemoControls button:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:6px;height:6px}.DemoControls button:hover{color:#fff;background:#ffffff12}.DemoControls button:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.DemoControls button[aria-pressed=true],.DemoControls button:not([aria-pressed]){border-color:color-mix(in srgb, var(--demo-accent) 50%, transparent);background:color-mix(in srgb, var(--demo-accent) 20%, transparent);color:#fff}.DemoControls button[aria-pressed=true]:before,.DemoControls button:not([aria-pressed]):before{background:var(--demo-accent);box-shadow:0 0 8px var(--demo-accent);opacity:1}.DemoControls button[aria-pressed=false]{opacity:.72}.DemoControls__slider{font-variant-numeric:tabular-nums;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;min-height:30px;padding:0 10px;font:650 10px/1 Inter,system-ui,-apple-system,sans-serif;display:inline-flex}.DemoControls__slider label{color:#cbd5e1c7;letter-spacing:.02em;white-space:nowrap;cursor:pointer;font-size:10px;font-weight:600}.DemoControls__slider strong{text-align:right;color:#f8fafc;min-width:30px;font-size:10.5px;font-weight:700}.DemoControls__slider input[type=range]{--slider-track-size:4px;--slider-thumb-size:13px;--slider-track-radius:999px;--slider-thumb-radius:50%;--slider-track-color:#ffffff24;--slider-fill-color:var(--demo-accent);--slider-thumb-color:#f8fafc;appearance:none;touch-action:pan-x;-webkit-user-drag:none;cursor:pointer;background:0 0;border:0;border-radius:0;block-size:18px;inline-size:104px;margin:0;padding:0}.DemoControls__slider input[type=range]::-webkit-slider-runnable-track{block-size:var(--slider-track-size);border-radius:var(--slider-track-radius);background:linear-gradient(to right, var(--slider-fill-color) 0 var(--slider-progress), var(--slider-track-color) var(--slider-progress) 100%);border:0}.DemoControls__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);border:2px solid var(--slider-fill-color);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);margin-block-start:calc((var(--slider-track-size) - var(--slider-thumb-size)) / 2);transition:transform .12s;box-shadow:0 2px 6px #0006}.DemoControls__slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.DemoControls__slider input[type=range]::-moz-range-track{block-size:var(--slider-track-size);border-radius:var(--slider-track-radius);background:var(--slider-track-color);border:0}.DemoControls__slider input[type=range]::-moz-range-progress{block-size:var(--slider-track-size);border-radius:var(--slider-track-radius);background:var(--slider-fill-color)}.DemoControls__slider input[type=range]::-moz-range-thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);border:2px solid var(--slider-fill-color);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:0 2px 6px #0006}.DemoControls__slider input[type=range]:focus-visible{outline:2px solid var(--slider-fill-color);outline-offset:3px}.DemoControls kbd{color:#ffffffa8;border:1px solid #ffffff2e;border-radius:4px;padding:2px 4px;font:700 9px/1 system-ui,sans-serif}@media (width<=720px){.DemoControls{top:calc(12px + var(--sait,0px));scrollbar-width:none;max-width:calc(100vw - 116px);min-height:35px;padding:3px;overflow-x:auto}.DemoControls button{min-height:27px;padding:0 10px;font-size:10px}.DemoControls__slider{gap:6px;min-height:27px;padding:0 8px}.DemoControls__slider input[type=range]{inline-size:76px}.DemoControls kbd{display:none}}@media (prefers-reduced-motion:reduce){.DemoControls button,.DemoControls__slider input[type=range]::-webkit-slider-thumb{transition:none}}.SurfaceRoadHud[data-v-715c59c2]{left:50%;top:calc(18px + var(--sait,0px));z-index:20;color:#f4f5f7db;user-select:none;width:max-content;max-width:calc(100vw - 36px);font:500 12px/1 Inter,system-ui,-apple-system,sans-serif;position:fixed;transform:translate(-50%)}.SurfaceRoadHud__bar[data-v-715c59c2]{-webkit-backdrop-filter:blur(14px);background:#08090cb3;border:1px solid #ffffff1a;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px 6px;display:inline-flex;box-shadow:0 12px 30px #0000004d}.SurfaceRoadHud__divider[data-v-715c59c2]{background:#ffffff1f;width:1px;height:16px;margin:0 3px}.SurfaceRoadHud__btn[data-v-715c59c2]{appearance:none;color:#f4f5f7b8;min-height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;margin:0;padding:0 10px;transition:background .16s,color .16s;display:inline-flex}.SurfaceRoadHud__btn[data-v-715c59c2]:hover,.SurfaceRoadHud__btn[data-v-715c59c2]:focus-visible{color:#fff;background:#ffffff1a;outline:none}.SurfaceRoadHud__btn.is-active[data-v-715c59c2]{color:#fff;background:#ffffff29}.SurfaceRoadHud__btn[data-v-715c59c2]:disabled{opacity:.4;cursor:default}.SurfaceRoadHud__views[data-v-715c59c2]{background:#ffffff0f;border-radius:999px;gap:2px;padding:2px;display:inline-flex}.SurfaceRoadHud__views .SurfaceRoadHud__btn[data-v-715c59c2]{min-height:26px}.SurfaceRoadHud__views .SurfaceRoadHud__btn.is-active[data-v-715c59c2]{color:#0b0d11;background:#f4f5f7}.SurfaceRoadHud__issue[data-v-715c59c2]{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);color:#ffe2e5db;text-align:center;background:#2e0a10d6;border:1px solid #ff4d5e80;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 6px;max-width:430px;margin:8px auto 0;padding:8px 14px;font-size:11.5px;line-height:1.35;display:flex;box-shadow:0 12px 30px #0000004d}.SurfaceRoadHud__issue strong[data-v-715c59c2]{color:#ff8591;font-weight:600}.SurfaceRoadPoint[data-v-715c59c2],.SurfaceRoadRide[data-v-715c59c2]{left:calc(18px + var(--sail,0px));bottom:calc(18px + var(--saib,0px));z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);color:#f4f5f7db;font-variant-numeric:tabular-nums;user-select:none;background:#08090cbd;border:1px solid #ffffff1a;font:500 12px/1 Inter,system-ui,-apple-system,sans-serif;position:fixed;box-shadow:0 12px 30px #0000004d}.SurfaceRoadPoint small[data-v-715c59c2],.SurfaceRoadRide small[data-v-715c59c2]{color:#f4f5f775;font-size:inherit}.SurfaceRoadPoint[data-v-715c59c2]{--point-color:#ff9f43;border-radius:16px;width:252px;padding:10px 12px 11px}.SurfaceRoadPoint.is-corner[data-v-715c59c2]{--point-color:#53c6ff}.SurfaceRoadPoint.is-tight[data-v-715c59c2]{--point-color:#ff4d5e}.SurfaceRoadPoint__header[data-v-715c59c2]{align-items:center;gap:7px;min-height:24px;margin-bottom:8px;display:flex}.SurfaceRoadPoint__swatch[data-v-715c59c2]{background:var(--point-color);border:2px solid #fff;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 1px #12151ae6}.SurfaceRoadPoint__title[data-v-715c59c2]{color:#f4f5f7f5;font-weight:600}.SurfaceRoadPoint__status[data-v-715c59c2]{color:var(--point-color);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.SurfaceRoadPoint__delete[data-v-715c59c2]{appearance:none;color:#ffa2abe6;min-height:24px;font:inherit;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;margin:0;padding:0 9px;font-size:11px;transition:background .16s,color .16s}.SurfaceRoadPoint__delete[data-v-715c59c2]:hover,.SurfaceRoadPoint__delete[data-v-715c59c2]:focus-visible{color:#ffd4d9;background:#ff5d6c33;outline:none}.SurfaceRoadPoint__row[data-v-715c59c2]{--row-color:#62e88a;cursor:pointer;grid-template-columns:44px 1fr 46px;align-items:center;gap:8px;min-height:26px;display:grid}.SurfaceRoadPoint__row--bank[data-v-715c59c2]{--row-color:#53c6ff}.SurfaceRoadPoint__row span[data-v-715c59c2]{color:#f4f5f79e;font-size:11px}.SurfaceRoadPoint__row output[data-v-715c59c2]{color:#f4f5f7f5;text-align:right;font-size:11px;font-weight:600}.SurfaceRoadPoint__row input[data-v-715c59c2]{--slider-track-size:4px;--slider-thumb-size:13px;appearance:none;touch-action:pan-x;cursor:pointer;background:0 0;border:0;width:100%;height:18px;margin:0;padding:0}.SurfaceRoadPoint__row input[data-v-715c59c2]::-webkit-slider-runnable-track{height:var(--slider-track-size);background:linear-gradient(to right, var(--row-color) 0 var(--slider-progress), #ffffff24 var(--slider-progress) 100%);border-radius:999px}.SurfaceRoadPoint__row input[data-v-715c59c2]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);margin-top:calc((var(--slider-track-size) - var(--slider-thumb-size)) / 2);border:2px solid var(--row-color);background:#f8fafc;border-radius:50%;box-shadow:0 2px 6px #0006}.SurfaceRoadPoint__row input[data-v-715c59c2]::-moz-range-track{height:var(--slider-track-size);background:#ffffff24;border-radius:999px}.SurfaceRoadPoint__row input[data-v-715c59c2]::-moz-range-progress{height:var(--slider-track-size);background:var(--row-color);border-radius:999px}.SurfaceRoadPoint__row input[data-v-715c59c2]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border:2px solid var(--row-color);background:#f8fafc;border-radius:50%;box-shadow:0 2px 6px #0006}.SurfaceRoadPoint__row input[data-v-715c59c2]:focus-visible{outline:2px solid var(--row-color);outline-offset:3px}.SurfaceRoadPoint__hint[data-v-715c59c2]{color:#f4f5f780;border-top:1px solid #ffffff14;margin:8px 0 0;padding-top:8px;font-size:10.5px;line-height:1.4}.SurfaceRoadRide[data-v-715c59c2]{border-radius:999px;align-items:center;gap:4px;min-height:40px;padding:4px 14px 4px 5px;display:inline-flex}.SurfaceRoadRide__step[data-v-715c59c2]{appearance:none;color:#f4f5f7b8;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;margin:0;padding:0 0 2px;font:500 17px/1 Inter,system-ui,sans-serif;transition:background .16s,color .16s}.SurfaceRoadRide__step[data-v-715c59c2]:hover,.SurfaceRoadRide__step[data-v-715c59c2]:focus-visible{color:#fff;background:#ffffff1a;outline:none}.SurfaceRoadRide__car[data-v-715c59c2]{color:#f4f5f7f5;text-align:center;min-width:54px;font-weight:600}.SurfaceRoadRide__speed[data-v-715c59c2]{color:#f4f5f78f;border-left:1px solid #ffffff1f;margin-left:8px;padding-left:12px;font-size:11px}.SurfaceRoadRide__speed strong[data-v-715c59c2]{color:#f4f5f7f5;text-align:right;min-width:20px;font-size:13px;font-weight:600;display:inline-block}.SurfaceRoadSaves[data-v-715c59c2]{left:50%;top:calc(64px + var(--sait,0px));z-index:20;color:#f4f5f7db;user-select:none;font:500 12px/1 Inter,system-ui,-apple-system,sans-serif;position:fixed;transform:translate(-50%)}.SurfaceRoadSaves__badge[data-v-715c59c2]{color:#f4f5f7eb;background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;display:inline-flex}.SurfaceRoadSaves__panel[data-v-715c59c2]{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);background:#08090cc2;border:1px solid #ffffff1a;border-radius:18px;width:min(264px,100vw - 36px);padding:10px;box-shadow:0 12px 30px #0000004d}.SurfaceRoadSaves__header[data-v-715c59c2]{justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 8px;display:flex}.SurfaceRoadSaves__heading[data-v-715c59c2]{flex-direction:column;gap:3px;min-width:0;display:flex}.SurfaceRoadSaves__title[data-v-715c59c2]{color:#f4f5f7f0;font-size:12px;font-weight:600}.SurfaceRoadSaves__status[data-v-715c59c2]{color:#f4f5f78f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.SurfaceRoadSaves__close[data-v-715c59c2],.SurfaceRoadSaves__pillBtn[data-v-715c59c2],.SurfaceRoadSaves__actionBtn[data-v-715c59c2]{appearance:none;color:#f4f5f7c7;min-height:28px;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0 10px;font-size:11px;transition:background .16s,color .16s;display:inline-flex}.SurfaceRoadSaves__close[data-v-715c59c2]:hover,.SurfaceRoadSaves__pillBtn[data-v-715c59c2]:hover,.SurfaceRoadSaves__actionBtn[data-v-715c59c2]:hover,.SurfaceRoadSaves__close[data-v-715c59c2]:focus-visible,.SurfaceRoadSaves__pillBtn[data-v-715c59c2]:focus-visible,.SurfaceRoadSaves__actionBtn[data-v-715c59c2]:focus-visible{color:#fff;background:#ffffff29;outline:none}.SurfaceRoadSaves__form[data-v-715c59c2]{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;padding:3px;display:flex}.SurfaceRoadSaves__field[data-v-715c59c2]{flex:1;min-width:0}.SurfaceRoadSaves__field input[data-v-715c59c2]{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:0 0;border:0;border-radius:999px;margin:0;padding:5px 10px;font-size:12px}.SurfaceRoadSaves__field input[data-v-715c59c2]::placeholder{color:#f4f5f76b}.SurfaceRoadSaves__field input[data-v-715c59c2]:focus-visible{outline:none}.SurfaceRoadSaves__list[data-v-715c59c2]{flex-direction:column;gap:4px;max-height:148px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.SurfaceRoadSaves__list li[data-v-715c59c2]{align-items:stretch;gap:4px;display:flex}.SurfaceRoadSaves__slot[data-v-715c59c2]{appearance:none;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:10px;flex:1;margin:0;padding:7px 10px;transition:background .16s,border-color .16s}.SurfaceRoadSaves__slot[data-v-715c59c2]:hover,.SurfaceRoadSaves__slot[data-v-715c59c2]:focus-visible{background:#ffffff17;outline:none}.SurfaceRoadSaves__slot strong[data-v-715c59c2]{color:#f4f5f7eb;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.SurfaceRoadSaves__slot span[data-v-715c59c2]{color:#f4f5f785;margin-top:3px;font-size:10px;display:block}.SurfaceRoadSaves__slot.is-active[data-v-715c59c2]{background:#ffffff1c;border-color:#fff3}.SurfaceRoadSaves__delete[data-v-715c59c2]{appearance:none;color:#f4f5f78f;cursor:pointer;background:#ffffff0a;border:0;border-radius:10px;flex:0 0 28px;margin:0;padding:0;font:500 14px/1 Inter,system-ui,sans-serif;transition:background .16s,color .16s}.SurfaceRoadSaves__delete[data-v-715c59c2]:hover,.SurfaceRoadSaves__delete[data-v-715c59c2]:focus-visible{color:#ffd4d9;background:#ff5d6c2e;outline:none}.SurfaceRoadSaves__empty[data-v-715c59c2]{color:#f4f5f785;margin:8px 4px 0;font-size:11px;line-height:1.35}.SurfaceRoadSaves__actions[data-v-715c59c2]{background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:2px;margin-top:8px;padding:3px;display:flex}.SurfaceRoadSaves__actionBtn[data-v-715c59c2]{background:0 0;flex:1}.SurfaceRoadSaves__sr[data-v-715c59c2]{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.SurfaceRoadHud[data-v-715c59c2]{top:calc(12px + var(--sait,0px));max-width:calc(100vw - 112px)}.SurfaceRoadHud__bar[data-v-715c59c2]{border-radius:20px;padding:4px}.SurfaceRoadHud__divider[data-v-715c59c2]{display:none}.SurfaceRoadHud__views[data-v-715c59c2]{flex:1 0 100%}.SurfaceRoadHud__views .SurfaceRoadHud__btn[data-v-715c59c2]{flex:1}.SurfaceRoadHud__btn[data-v-715c59c2]{padding:0 8px}.SurfaceRoadSaves[data-v-715c59c2]{left:calc(12px + var(--sail,0px));bottom:calc(12px + var(--saib,0px))}.SurfaceRoadSaves__trigger[data-v-715c59c2]{min-height:38px;padding:0 12px}.SurfaceRoadPoint[data-v-715c59c2],.SurfaceRoadRide[data-v-715c59c2]{left:calc(12px + var(--sail,0px));bottom:calc(64px + var(--saib,0px))}.SurfaceRoadPoint[data-v-715c59c2]{width:min(252px,100vw - 24px)}.SurfaceRoadPoint__hint[data-v-715c59c2]{display:none}}@media (prefers-reduced-motion:reduce){.SurfaceRoadHud__btn[data-v-715c59c2],.SurfaceRoadPoint__delete[data-v-715c59c2],.SurfaceRoadRide__step[data-v-715c59c2],.SurfaceRoadSaves__close[data-v-715c59c2],.SurfaceRoadSaves__pillBtn[data-v-715c59c2],.SurfaceRoadSaves__actionBtn[data-v-715c59c2],.SurfaceRoadSaves__slot[data-v-715c59c2],.SurfaceRoadSaves__delete[data-v-715c59c2]{transition:none}}:root{--sait:env(safe-area-inset-top,0px);--saib:env(safe-area-inset-bottom,0px);--sail:env(safe-area-inset-left,0px);--sair:env(safe-area-inset-right,0px);color:#f4f5f7;-webkit-font-smoothing:antialiased;background:#b9d6e3;font-family:Inter,system-ui,-apple-system,sans-serif}html,body,#app,.TrackMaker{width:100%;height:100%;margin:0;overflow:hidden}html{touch-action:none}.three{z-index:-1;position:absolute;inset:0}.TrackMaker__loading{left:calc(18px + var(--sail));bottom:calc(18px + var(--saib));background:#08090cbd;border-radius:999px;margin:0;padding:10px 16px;font-size:13px;position:fixed}.TrackMaker__failure{box-sizing:border-box;background:#141a20;border-radius:18px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:28px;line-height:1.5;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0000004d}.TrackMaker__failure h1{margin-top:0;line-height:1.15}.TrackMaker__failure details{margin:18px 0}.TrackMaker__failure code{overflow-wrap:anywhere;margin-top:8px;display:block}.TrackMaker__failure button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 16px}@media (width<=640px){.TrackMaker .SurfaceRoadHud{max-width:calc(100vw - 24px)}.TrackMaker .SurfaceRoadPoint,.TrackMaker .SurfaceRoadRide{bottom:calc(12px + var(--saib))}}