:root{--s:1;--font-l:29.2px;--font-m:19.4px;--font-s:13.9px;--bar-bg:#06070bdb;--bar-fg:#e8e6df;--bar-dim:#8d909a;--bar-line:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;color:var(--bar-fg);background:#04050a;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}#stage{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none}.chrome-bar{z-index:10;align-items:center;gap:calc(8px * var(--s));padding:0 calc(8px * var(--s));box-sizing:border-box;background:var(--bar-bg);font-size:var(--font-m);transition:opacity .35s;display:flex;position:absolute}#transport{border-top:1px solid var(--bar-line);padding-bottom:env(safe-area-inset-bottom)}#switch-race{margin-top:env(safe-area-inset-top);margin-left:env(safe-area-inset-left)}#app[data-chrome-visible="0"] .chrome-bar,#app[data-chrome-hidden="1"] .chrome-bar{opacity:0;pointer-events:none}.spacer{flex:1}button,select{font:inherit;color:var(--bar-fg);border-radius:calc(2px * var(--s));cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000}button:focus-visible,select:focus-visible{outline:1px solid #ffd678}.btn{height:calc(52px * var(--s));min-width:calc(50px * var(--s));padding:0 calc(10px * var(--s));font-size:calc(32px * var(--s));white-space:nowrap;line-height:1}.btn:hover{background:#ffffff12}.btn.toggle{font-size:var(--font-m);color:var(--bar-dim);border-color:var(--bar-line)}.btn.toggle.active{color:#05060a;background:#e8e6df}.btn.play{min-width:calc(64px * var(--s));font-size:calc(38px * var(--s))}.group{align-items:center;gap:calc(2px * var(--s));display:flex}.segmented .mode{font-size:var(--font-m);color:var(--bar-dim);border-color:var(--bar-line)}.segmented .mode.active{color:#05060a;background:#e8e6df}select{height:calc(52px * var(--s));border-color:var(--bar-line);font-size:var(--font-m);padding:0 calc(8px * var(--s));text-overflow:ellipsis;background:#0d0f15}#follow-select{width:calc(190px * var(--s))}.px-label{pointer-events:none;align-items:center;display:inline-flex}.px-label canvas{display:block}.px-fallback{font-size:var(--font-l);letter-spacing:.06em;font-weight:700}.attr-label.px-fallback{font-size:var(--font-s)}.scrub{min-width:calc(120px * var(--s));flex:1;height:100%;position:relative}#scrub-canvas{inset:calc(6px * var(--s)) 0;width:100%;height:calc(100% - 12px * var(--s));cursor:pointer;touch-action:none;position:absolute}.scrub-tip{white-space:nowrap;border:1px solid var(--bar-line);padding:calc(5px * var(--s)) calc(10px * var(--s));font-size:var(--font-m);pointer-events:none;margin-bottom:calc(4px * var(--s));background:#06070bf2;position:absolute;bottom:100%;transform:translate(-50%)}#app[data-narrow="1"] .lap-readout{display:none}.readouts{gap:calc(18px * var(--s))}#loading{z-index:50;background:#04050a;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .card,#help .card{background:#05070d;border:1px solid #282e40;min-width:480px;padding:36px 46px}#loading .title{font-size:var(--font-l);letter-spacing:.12em;color:#ffd678;font-weight:700}#loading .sub{color:var(--bar-dim);font-size:var(--font-m);letter-spacing:.1em;margin-top:8px}#loading .progress{background:#ffffff1a;height:4px;margin-top:28px}#loading .fill{background:#ffd678;width:0;height:100%;transition:width .15s linear}#loading .phase{font-size:var(--font-m);color:var(--bar-dim);margin-top:12px}#loading.error .phase{color:#ff6060}#loading .note{font-size:var(--font-m);color:#fa5;margin-top:12px}#loading .retry-btn{color:#ffd678;cursor:pointer;font-family:inherit;font-size:var(--font-m);letter-spacing:.05em;background:#141926;border:1px solid #3c445c;border-radius:2px;margin-top:20px;padding:8px 18px}#loading .retry-btn:hover{background:#1e2538;border-color:#ffd678}#help{z-index:40;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#help[hidden]{display:none}#help .title{font-size:var(--font-l);color:#ffd678;letter-spacing:.1em;margin-bottom:16px;font-weight:700}#help table{border-collapse:collapse;font-size:var(--font-m)}#help th{text-align:left;color:#ffd678;white-space:nowrap;padding:3px 26px 3px 0;font-weight:400}#help td{padding:3px 0}#loading .version{font-size:var(--font-s);letter-spacing:.1em;color:var(--bar-dim);opacity:.7;margin-top:24px}#help .version{font-size:var(--font-s);color:var(--bar-dim);opacity:.7;margin-top:10px}#help .note,#help .recon,#help .attr,#help .fs-tip{max-width:720px;font-size:var(--font-s);color:var(--bar-dim);margin-top:16px;line-height:1.5}#debug{z-index:30;font-size:var(--font-s);color:#b8f0c0;pointer-events:none;white-space:pre;background:#000000c7;margin:0;padding:10px 12px;line-height:1.45;position:fixed;top:50%;left:8px;transform:translateY(-50%)}#debug[hidden]{display:none}.attr-label{left:calc(10px * var(--s));bottom:calc(1px * var(--s) + env(safe-area-inset-bottom,0px));display:inline-flex;position:absolute}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#scrub-canvas:focus-visible{outline:1px solid #ffd678}#app[data-chrome-hidden="1"] .chrome-bar{transition:none}#help .card{box-sizing:border-box;max-height:calc(100vh - 32px);overflow-y:auto}#audio-note{left:50%;bottom:calc(96px * var(--s,1));z-index:40;color:#e6e6df;font-size:var(--font-s);letter-spacing:.06em;text-align:center;pointer-events:none;background:#0a0a0cd9;padding:6px 12px;position:fixed;transform:translate(-50%)}#lite-note{left:50%;bottom:calc(96px * var(--s,1));z-index:41;color:#e6e6df;font-size:var(--font-m);letter-spacing:.06em;white-space:nowrap;background:#0a0a0ce6;align-items:center;gap:12px;padding:0 0 0 12px;display:flex;position:fixed;transform:translate(-50%)}#lite-note button,#help .lite-pick button{color:#ffd678;min-width:44px;min-height:44px;font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #3a4258;padding:0 14px}#help .lite-pick button[aria-pressed=true]{background:#1e2538;border-color:#ffd678}#help .lite .subtitle{color:#ffd678;letter-spacing:.1em;font-size:var(--font-m);margin-top:16px;margin-bottom:6px}#help .lite-rungs{font-size:var(--font-s);color:var(--bar-dim);margin-top:6px}#lite-note[hidden],#audio-note[hidden],#help .audio[hidden],#help .fs-tip[hidden]{display:none}#help .audio .subtitle,#help .legend .subtitle{color:#ffd678;letter-spacing:.1em;font-size:var(--font-m);margin-top:16px;margin-bottom:6px}#help .audio-labels,#help .legend ul{font-size:var(--font-s);color:var(--bar-dim);margin:0;padding-left:18px}#gate{z-index:45;color:#ffd678;font-size:var(--font-l);letter-spacing:.1em;text-align:center;background:#04050af0;justify-content:center;align-items:center;font-weight:700;display:flex;position:fixed;inset:0}#gate[hidden]{display:none}#start{width:max-content;left:0;right:0;bottom:calc(150px * var(--s,1));z-index:45;align-items:center;gap:calc(10px * var(--s,1));flex-direction:column;margin:0 auto;display:flex;position:fixed}#start[hidden]{display:none}#start[data-mode=switch]:before{content:"";z-index:-1;background:#05070db8;position:fixed;inset:0}#start-btn{padding:calc(18px * var(--s,1)) calc(96px * var(--s,1));color:#05070d;cursor:pointer;font-family:inherit;font-size:var(--font-l);letter-spacing:.2em;background:#ffd678;border:0;border-radius:2px;font-weight:700}#start-btn:hover,#start-btn:focus-visible{outline-offset:3px;background:#fff;outline:2px solid #ffd678}#start .start-note{color:var(--bar-dim);font-size:var(--font-s);letter-spacing:.1em;background:#0a0a0cd9;padding:3px 8px}#start .race-picker{left:50%;top:var(--band-top,70vh);white-space:nowrap;gap:calc(12px * var(--s,1));padding:calc(6px * var(--s,1)) calc(10px * var(--s,1));font-size:var(--font-s);letter-spacing:.1em;color:var(--bar-dim);background:#0a0a0cd9;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 24px))}#start .race-picker[hidden]{display:none}#start .race-picker select{color:#e6e6df;font-family:inherit;font-size:var(--font-m);letter-spacing:.08em;background:#0b101c;border:1px solid #282e40;border-radius:2px;margin-left:6px;padding:4px 6px}#start .race-picker select:hover,#start .race-picker select:focus-visible{border-color:#ffd678;outline:none}#switch-race{z-index:10;left:calc(var(--stage-x,0px) + 12px * var(--s));top:calc(var(--stage-y,0px) + 12px * var(--s));padding:calc(6px * var(--s)) calc(12px * var(--s));background:var(--bar-bg);border:1px solid var(--bar-line);color:var(--bar-fg);cursor:pointer;font-family:inherit;font-size:var(--font-s);letter-spacing:.1em;border-radius:2px;transition:opacity .35s;position:absolute}#switch-race:hover,#switch-race:focus-visible{color:#ffd678;border-color:#ffd678;outline:none}#switch-race[hidden]{display:none}#app[data-chrome-visible="0"] #switch-race,#app[data-chrome-hidden="1"] #switch-race{opacity:0;pointer-events:none}#sheet-touch{z-index:9;touch-action:none;position:absolute}#pip-ghost{z-index:11;box-sizing:border-box;pointer-events:none;background:#ffd6781f;border:2px solid #ffd678;position:absolute}#pip-ghost[hidden],#sheet-touch[hidden],#transport-menu[hidden],#app:not([data-portrait="1"]) .portrait-only,#app:not([data-portrait="1"]) #transport-menu{display:none}#app[data-portrait="1"] #transport{gap:calc(4px * var(--s));padding:0 calc(4px * var(--s));background:0 0;border-top:0}#app[data-portrait="1"] #transport>.group,#app[data-portrait="1"] #btn-reset-view,#app[data-portrait="1"] #transport .attr-label{display:none}#app[data-portrait="1"] #transport .btn{height:max(44px, calc(44px * var(--s)));min-width:max(44px, calc(44px * var(--s)));padding:0 calc(6px * var(--s));touch-action:manipulation}#app[data-portrait="1"] #transport .btn.rate,#app[data-portrait="1"] #transport-menu .btn{font-size:var(--font-m)}#app[data-portrait="1"] .scrub{min-width:0}#app[data-portrait="1"] #transport-menu:not([hidden]){right:calc(4px * var(--s));grid-template-columns:repeat(2, minmax(max(88px, calc(88px * var(--s))), auto));gap:calc(4px * var(--s));padding:calc(6px * var(--s));border:1px solid var(--bar-line);background:#06070bf5;display:grid;position:absolute;bottom:100%}#app[data-portrait="1"][data-sheet=full] #transport-menu:not([hidden]){top:100%;bottom:auto}#app[data-portrait="1"] #transport-menu select{width:100%;height:max(44px, calc(44px * var(--s)));grid-column:1/-1}#app[data-portrait="1"] #transport-menu .btn{border-color:var(--bar-line)}#app[data-portrait="1"] #transport-menu .btn.active{color:#05060a;background:#e8e6df}#app[data-portrait="1"] #switch-race{left:var(--stage-x,0px);top:var(--stage-y,0px);width:calc(72px * var(--s));height:calc(30px * var(--s));color:#ffd678;font-size:var(--font-m);letter-spacing:0;text-align:center;border-color:#ffd678;margin:0;padding:0;font-weight:700}#app[data-portrait="1"] #switch-race .label{display:none}#app[data-portrait="1"] #switch-race:before{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:599px){#loading .card,#help .card{box-sizing:border-box;width:calc(100vw - 32px);min-width:0;max-width:480px;padding:24px 20px}#help th{white-space:normal;padding-right:12px}#help .note,#help .recon,#help .attr{max-width:none}#start .race-picker{white-space:normal;flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px)}}