html,body{background:#dce8f3;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}.window-buttons{gap:8px;display:flex;position:absolute;top:12px;right:12px}.hud-button{pointer-events:auto;color:#fff;cursor:pointer;background:#142030b8;border:0;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none}.hud-button:hover,.hud-button:focus-visible{background:#142030e6}.hud-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.fps{color:#142030bf;font:12px/1 ui-monospace,Consolas,monospace;position:absolute;bottom:6px;left:8px}.controls-hint{color:#142030bf;text-align:right;font-size:12px;position:absolute;bottom:6px;right:10px}.focus-hint{color:#fff;background:#142030b8;border-radius:8px;padding:10px 18px;font-size:18px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-hint[hidden]{display:none}.fatal{color:#142030;text-align:center;place-items:center;padding:24px;font-size:18px;display:grid;position:absolute;inset:0}.fade{opacity:0;background:#0e1824;position:absolute;inset:0}.crash-hint{color:#fff;background:#142030b8;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;position:absolute;top:18%;left:50%;transform:translate(-50%)}.crash-hint[hidden]{display:none}.toast{color:#fff;white-space:nowrap;background:#142030b8;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;position:absolute;top:12%;left:50%;transform:translate(-50%)}.toast[hidden],.finish-panel[hidden],.finish-detail[hidden],.race-hud[hidden],.hold-top[hidden]{display:none}.finish-panel{background:#142030c7;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px 24px 20px;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}.finish-title{color:#fff;font-size:30px;font-weight:800}.finish-button{background:#2f7de1;padding:12px 22px;font-size:18px}.finish-button:hover,.finish-button:focus-visible{background:#4a90ea}.finish-button kbd{vertical-align:2px;border:1px solid #ffffff80;border-radius:4px;margin-left:8px;padding:1px 6px;font:12px/1.4 ui-monospace,Consolas,monospace}.hold-top{color:#fff;text-align:center;background:#142030b8;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hold-track{background:#ffffff40;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.hold-fill{transform-origin:0;background:#fff;height:100%;transform:scaleX(0)}.finish-detail{color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.race-hud{color:#fff;text-align:center;background:#142030b8;border-radius:8px;padding:6px 16px 8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.race-time{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.race-missed{opacity:.85;font-size:13px;font-weight:600}.menu{z-index:5;pointer-events:auto;background:#0e18249e;padding:58px 16px 16px;display:flex;position:absolute;inset:0;overflow-y:auto}.menu[hidden]{display:none}.window-buttons{z-index:6}.menu-open .focus-hint,.menu-open .controls-hint,.menu-open .window-buttons>:nth-child(-n+2),.menu-open .lil-gui.autoPlace{display:none}.menu-panel{box-sizing:border-box;color:#fff;background:#142030e6;border-radius:14px;width:min(1120px,100%);margin:auto;padding:20px 22px 16px;box-shadow:0 18px 48px #00000059}.menu-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.menu-kicker{color:#8fc0f4;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.menu-title{margin:2px 0 0;font-size:28px;font-weight:800;line-height:1.1}.menu-back[hidden]{display:none}.hud-button kbd,.menu-back kbd{vertical-align:1px;border:1px solid #ffffff80;border-radius:4px;margin-left:8px;padding:1px 6px;font:12px/1.4 ui-monospace,Consolas,monospace}.map-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.map-card{color:#fff;text-align:left;cursor:pointer;background:#24384f;border:2px solid #0000;border-radius:10px;flex-direction:column;padding:0;font-family:inherit;display:flex;position:relative;overflow:hidden}.map-card:hover{background:#2d4561}.map-card:focus-visible,.map-card:focus{border-color:#fff;outline:none}.map-card[aria-disabled=true]{cursor:default}.map-card[aria-disabled=true] .map-art,.map-card[aria-disabled=true] .map-text{opacity:.45}.map-art{aspect-ratio:16/9;display:block}.map-art svg{width:100%;height:100%;display:block}.map-text{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.map-name{font-size:18px;font-weight:800}.map-blurb{color:#ffffffc7;font-size:13px;line-height:1.35}.map-badge{background:#0e1824c7;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:8px;right:8px}.map-badge:empty{display:none}.map-card.is-current .map-badge{background:#2f7de1}.map-card.is-loading .map-badge:after{content:"Loading…"}.map-card.is-loading .map-badge{background:#2f7de1;display:block}.menu-foot{color:#ffffffb3;text-align:center;margin-top:14px;font-size:13px}.trail-map-panel{width:auto;max-width:100%}.trail-map-canvas{max-width:min(100%, calc((100vh - 215px) * var(--map-aspect,1)));background:#dce8f3;border-radius:8px;width:100%;height:auto;margin:0 auto;display:block}.trail-map-legend{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.trail-map-legend i{vertical-align:-1px;border-radius:2px;width:12px;height:12px;margin-right:6px;display:inline-block}.trail-map-legend .tm-you{background:#e53935;border:2px solid #fff;border-radius:50%}.trail-map-legend .tm-flag{clip-path:polygon(0 0,100% 35%,0 70%);background:#ff7a1a}.trail-map-legend .tm-finish{vertical-align:2px;background:repeating-linear-gradient(90deg,#1b2430 0 4px,#fff 4px 8px);height:6px}.trail-map-legend .tm-steep{background:#c4d6f0}.trail-map-legend .tm-jump{clip-path:polygon(0 100%,50% 0,100% 100%);background:#1b2430;border-radius:0}.trail-map-legend .tm-rail{vertical-align:3px;background:#7a4f2c;height:4px}.trail-map-legend .tm-lift{vertical-align:4px;background:#1b2430;height:2px;box-shadow:-4px 0 0 1px #c8331f}.trail-map-legend .tm-rock{background:#8a8f96}.trail-map-legend .tm-trees{background:#f4f8fc radial-gradient(circle,#22523a 0 2px,#0000 2.5px) 0 0/6px 6px}