@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/barlow-regular.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/barlow-medium.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600 700;font-display:swap;src:url(../assets/fonts/barlow-semibold.ttf) format("truetype")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500 600;font-display:swap;src:url(../assets/fonts/cormorant.ttf) format("truetype")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500 600;font-display:swap;src:url(../assets/fonts/cormorant-italic.ttf) format("truetype")}:root{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;color:#f2eedf;background:#151e24;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #edca80;outline-offset:5px}#runner-canvas{display:block;width:100%;height:100%;touch-action:none}.runner-hud{position:fixed;inset:0;pointer-events:none;z-index:2}.runner-top{position:absolute;left:40px;right:40px;top:28px;display:flex;justify-content:space-between;align-items:flex-start}.wordmark{display:flex;align-items:center;gap:12px;letter-spacing:2.2px;font-weight:600;font-size:14px}.wordmark>i{font-style:normal;font-size:24px;writing-mode:vertical-rl;border-right:1px solid #ffffff45;padding-right:12px;letter-spacing:0}.wordmark small{display:block;font-size:10px;letter-spacing:2.1px;opacity:.65;margin-top:7px}.distance-stat{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.distance-stat>span,.run-score>span{font-size:10px;letter-spacing:3px;color:#e4e4d4;opacity:.7}.distance-stat strong{display:block;font-size:34px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1}.distance-stat small{font-size:16px;opacity:.55}.run-actions{display:flex;align-items:center;gap:14px}.run-actions button{pointer-events:auto;border:1px solid #f0ead526;background:#18272a35;width:35px;height:35px;border-radius:50%;font-size:16px}.run-actions button:hover{background:#eee6cc25}#run-hearts{display:flex;gap:8px;margin-right:10px;padding-top:10px}#run-hearts i{width:11px;height:11px;background:#e9d3a0;transform:rotate(45deg);border:1px solid #e5d2a8;box-shadow:0 0 12px #e8ca7755}#run-hearts i.lost{background:transparent;box-shadow:none;opacity:.25}.run-score{position:absolute;top:116px;left:42px;display:flex;flex-direction:column;gap:1px;text-shadow:0 2px 18px #10201be0}.run-score strong{font-size:31px;letter-spacing:1px;font-weight:500;font-variant-numeric:tabular-nums}.run-score small{font-size:11px;letter-spacing:2px;color:#e8d19d;margin-top:6px}.run-bottom{position:absolute;bottom:26px;left:40px;right:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}#run-guidance{font-size:11px;letter-spacing:1.7px;max-width:210px;line-height:1.6;opacity:.7}.simple-controls{display:flex;gap:8px;position:absolute;left:50%;transform:translate(-50%);bottom:0}.simple-controls button{pointer-events:auto;min-width:66px;height:55px;border:1px solid #e5e6d539;background:#19242652;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:21px;border-radius:5px;transition:background .2s,transform .15s}.simple-controls button:hover{background:#bdc9b536;transform:translateY(-2px)}.simple-controls button:active{transform:translateY(1px)}.simple-controls button small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:3px;opacity:.65}#run-action{min-width:124px;font-size:15px;letter-spacing:2px}#run-action.ready{background:#e7cc8e;color:#27312b;box-shadow:0 0 30px #edc07735;border-color:#f7deaa}.run-speed{font-size:10px;letter-spacing:2px;opacity:.7}.run-speed b{font-size:26px;font-weight:400}#run-prompt{position:absolute;top:39%;left:50%;transform:translate(-50%,12px);text-align:center;opacity:0;transition:opacity .15s,transform .15s;white-space:nowrap}#run-prompt.visible{opacity:1;transform:translate(-50%)}#prompt-kind{display:block;font-size:10px;letter-spacing:4px;margin-bottom:9px;text-shadow:0 1px 12px #172124}#prompt-text{display:block;font-weight:600;letter-spacing:2px;font-size:20px;padding:10px 22px;background:#edf0dc;color:#25362f;border:1px solid #ffffff91;box-shadow:0 7px 30px #0e1b2526}#run-prompt.strike #prompt-text{background:#f0d292;border-color:#f7e4b7}#run-notice{position:absolute;top:23%;left:50%;transform:translate(-50%,8px);text-align:center;opacity:0;transition:opacity .15s,transform .15s}#run-notice.visible{opacity:1;transform:translate(-50%)}#notice-text{font-size:28px;letter-spacing:4px;font-weight:600;white-space:nowrap;color:#ffe7b0;text-shadow:0 3px 20px #192c32}#notice-points{display:block;font-size:20px;letter-spacing:1px;margin-top:5px;color:#fff4d6}.run-vignette{position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 120px #15262950;background:linear-gradient(#14232b55,transparent 20%,transparent 75%,#14232b77);pointer-events:none}#run-flash{position:absolute;inset:0;background:#f4c7a2;opacity:0;pointer-events:none}.runner-overlay{position:fixed;inset:0;z-index:5;background:linear-gradient(90deg,#0a171dd1 0%,#10222a99 24%,#15252c25 52%,transparent 72%);display:flex;align-items:center;padding:60px}.runner-overlay[hidden]{display:none}.flight-card{max-width:590px;margin-top:10px}.chapter{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3.5px;color:#e0c997;margin-bottom:30px}.chapter:before{content:"";width:32px;height:1px;background:#d6c298}.flight-card h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(58px,6.7vw,105px);line-height:.88;letter-spacing:-2px;margin:0 0 28px;font-weight:500;text-shadow:0 3px 30px #15252e44}.flight-card h1 em{font-weight:500;color:#e8d3a6}.flight-card p{font-family:Arial,sans-serif;font-size:13px;line-height:1.9;color:#d6ded7;margin:0 0 27px;max-width:400px}.three-inputs{display:flex;gap:24px;margin:34px 0;font-size:11px;letter-spacing:1.5px;align-items:center}.three-inputs span{display:flex;align-items:center;gap:5px}.three-inputs kbd{font-family:inherit;border:1px solid #b2c0b855;padding:5px 7px;margin-right:3px;min-width:27px;text-align:center;border-radius:3px;background:#283b3e30;font-size:12px}#run-start{width:330px;max-width:100%;padding:18px 23px;background:#e9d7ad;border:1px solid #edddb9;color:#25362f;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;letter-spacing:2.4px;transition:background .2s,transform .2s}#run-start:hover{background:#f8e8c3;transform:translateY(-2px)}#run-start span{font-size:22px;font-weight:400;line-height:1}.flight-card>small{font-size:9px;letter-spacing:1.8px;display:block;opacity:.5;margin-top:16px}.scene-caption{position:absolute;bottom:40px;right:44px;text-align:right;font-size:10px;line-height:1.9;letter-spacing:3px;opacity:.7}.scene-caption b{font-weight:400;font-size:14px}.result-grid{display:flex;gap:54px;margin:30px 0}.result-grid span{display:block;font-size:10px;letter-spacing:2px;opacity:.6}.result-grid strong{font-size:36px;font-weight:500;line-height:1.4}.runner-hud[data-status=ready] .run-score,.runner-hud[data-status=ready] .run-bottom,.runner-hud[data-status=ready] .distance-stat{opacity:0}.runner-hud[data-status=ready] .wordmark{opacity:.75}.runner-boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#18262c;font-size:12px;letter-spacing:4px}.runner-boot p{letter-spacing:1px;font-size:12px;opacity:.5}@media(max-width:800px){.runner-top{left:20px;right:20px;top:20px}.wordmark{font-size:10px;letter-spacing:1px}.wordmark>i{font-size:18px}.wordmark small{font-size:8px;letter-spacing:1px}.run-actions{gap:8px}#run-hearts{gap:6px;margin-right:4px}.distance-stat{top:64px}.distance-stat strong{font-size:28px}.run-score{top:100px;left:22px}.runner-overlay{padding:26px 26px 135px;align-items:flex-end;background:linear-gradient(90deg,#0d1d25cc,#142b3266 60%,transparent)}.flight-card h1{font-size:64px}.chapter{font-size:9px;margin-bottom:22px}.flight-card p{font-size:12px}.three-inputs{gap:16px;margin:24px 0;font-size:10px}.run-bottom{left:20px;right:20px;bottom:18px}#run-guidance{position:absolute;bottom:70px;left:50%;transform:translate(-50%);max-width:none;width:270px;text-align:center;font-size:9px}.run-speed{display:none}.simple-controls button{min-width:68px;height:57px}#notice-text{font-size:21px;white-space:normal;width:280px;display:block}#run-notice{top:25%}.scene-caption{right:26px;bottom:30px;font-size:8px}.scene-caption b{font-size:10px}#prompt-text{font-size:16px}.run-actions button{width:30px;height:30px}.result-grid{gap:35px}.result-grid strong{font-size:30px}}@media(prefers-reduced-motion:reduce){button,#run-prompt,#run-notice{transition:none!important}}#run-distance-value{font-weight:inherit}#runner-canvas:focus{outline:none}html,body{overscroll-behavior:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#runner-canvas,.simple-controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.simple-controls button{touch-action:none}.simple-controls button[data-pressed]{transform:translateY(1px);border-color:#f3dfaa}@media(pointer:coarse){.simple-controls button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#192b30eb;transition:background .1s}.simple-controls button:hover{transform:none}.simple-controls button[data-pressed]{transform:translateY(1px);background:#38514c}#run-action.ready,#run-action.perfect{background:#f0d292;color:#27312b}}.fullscreen-toggle{position:fixed;z-index:7;right:140px;top:82px;display:flex;align-items:center;gap:8px;height:30px;border:1px solid #e9d7ad40;background:#17292bc7;border-radius:4px;padding:6px 10px;font-size:11px;letter-spacing:1.4px}.fullscreen-toggle svg{width:16px;height:16px;flex:none}.fullscreen-toggle:hover{background:#384e50}.fullscreen-toggle:disabled{opacity:.6;cursor:wait}.fullscreen-exit,.fullscreen-toggle[aria-pressed=true] .fullscreen-enter{display:none}.fullscreen-toggle[aria-pressed=true] .fullscreen-exit{display:block}.fullscreen-message{position:fixed;z-index:9;top:123px;right:40px;max-width:min(340px,calc(100vw - 40px));padding:12px;background:#13242bf7;border:1px solid #dac99b55;border-radius:4px;font:12px/1.5 Arial,sans-serif}.fullscreen-toggle[hidden],.fullscreen-message[hidden]{display:none}@media(max-width:800px){.fullscreen-toggle{top:66px;right:104px;width:32px;height:30px;padding:6px;justify-content:center}.fullscreen-toggle span{display:none}.fullscreen-message{top:105px;right:20px}}.music-toggle{position:fixed;z-index:7;right:40px;top:82px;border:1px solid #e9d7ad40;background:#17292bc7;border-radius:4px;padding:7px 11px;font-size:11px;letter-spacing:1.4px}.music-panel{position:fixed;z-index:8;top:123px;right:24px;width:388px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px);overflow-y:auto;padding:15px;background:#13242bf7;border:1px solid #dac99b55;box-shadow:0 12px 40px #07121b66;border-radius:8px;color:#ece8d9}.music-panel[hidden],.music-panel [hidden]{display:none!important}.music-panel header{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;font-size:13px}.music-panel header button{border:0;background:transparent;font-size:23px;padding:0 4px}.music-panel p{font:12px/1.6 Arial,sans-serif;color:#c2cbc4;margin:10px 0}.music-sources{display:grid;gap:8px}.music-panel button,.music-panel select{border:1px solid #c3c9b840;background:#26383d;color:#f3eedc;border-radius:4px;padding:9px 12px;font:12px Barlow Condensed,sans-serif;letter-spacing:.5px}.music-panel button:disabled{opacity:.35;cursor:default}.music-panel button:hover:not(:disabled){background:#384e50}.music-panel header button{font-size:20px;padding:3px 10px}.music-queue-label{display:block;font-size:9px;letter-spacing:1.6px;margin-top:13px}.music-panel select{display:block;width:100%;margin-top:6px;letter-spacing:0}.music-transport{display:flex;gap:6px;margin-top:10px}.music-transport #music-play{flex:1}.music-volume{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.5px;margin-top:14px}.music-volume input{flex:1;min-width:0;accent-color:#e8ce91}.music-links{display:flex;justify-content:space-between;gap:12px;font-size:11px}.music-links a{color:#e5cd97;text-underline-offset:3px}@media(max-width:800px){.music-toggle{top:68px;right:20px;font-size:9px;padding:6px 8px}.music-panel{top:105px;right:16px;max-height:calc(100dvh - 125px);padding:12px}.music-panel p{font-size:11px}}.model-credits{display:block;margin-top:14px;color:inherit;font-size:11px;opacity:.65;text-underline-offset:3px}.flow-track{position:relative;margin-top:14px;width:135px;height:4px;overflow:hidden;background:#ffffff28;border-radius:4px}.flow-track i{display:block;width:100%;height:100%;background:#f0d293;transform:scaleX(0);transform-origin:left;transition:transform .15s;box-shadow:0 0 12px #f0d293}.run-score #flow-label{font-size:8px;letter-spacing:1.4px;opacity:.7}.rushing .flow-track i{background:#b2f7ed;box-shadow:0 0 20px #9fffee}.rushing #flow-label{color:#b2f7ed}.rushing .run-vignette{box-shadow:inset 0 0 100px #6eccc229}#run-threat{position:absolute;top:23%;left:50%;transform:translate(-50%,8px);text-align:center;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}#run-threat.visible{opacity:1;transform:translate(-50%)}#run-threat small{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px;text-shadow:0 2px 8px #10201b}#run-threat strong{font-size:36px;font-weight:500;letter-spacing:6px;text-shadow:0 3px 20px #13242a}#strike-timing{position:relative;width:100%;height:7px;margin-top:8px;overflow:hidden;background:#11242fbb;border:1px solid #eadbb255}#timing-zone{position:absolute;height:100%;background:#efd078;box-shadow:0 0 12px #ffe6a1}#timing-cursor{position:absolute;top:-2px;width:3px;height:11px;background:#fff;box-shadow:0 0 5px #fff;transform:translate(-50%)}#timing-help{display:block;margin-top:8px;font-size:9px;letter-spacing:1.6px;text-shadow:0 1px 8px #10232b}#timing-help[hidden],#strike-timing[hidden]{display:none}#run-prompt.perfect #prompt-text{background:#fff0b2;box-shadow:0 0 35px #ffe39677}#run-action.perfect{background:#fff2b5;box-shadow:0 0 40px #ffe6a399;transform:translateY(-2px)}@media(max-width:800px){.flow-track{width:105px;margin-top:10px}.run-score #flow-label{font-size:7px;letter-spacing:.7px}#run-threat{top:25%;width:300px;white-space:normal}#run-threat strong{font-size:27px;letter-spacing:3px}#run-threat small{font-size:8px;letter-spacing:1.5px}#timing-help{font-size:8px;letter-spacing:1px}#run-prompt{max-width:92vw}#prompt-text{padding:10px 14px;letter-spacing:1px}}