body{margin:0;overflow:hidden;background-color:#87ceeb}canvas{display:block}.hud-panel{font-family:monospace;color:#fff;pointer-events:none;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#hud-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 20px;border-radius:12px;min-width:340px}.speed-bar-row{display:flex;align-items:center;gap:10px}#hud-speed{font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7);white-space:nowrap;min-width:80px;text-align:right}.bar-track{flex:1;height:10px;background:#ffffff26;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;transition:width .1s,background .3s;width:0%}.detail-row{display:flex;align-items:center;justify-content:center;gap:20px}.bar-group{display:flex;flex-direction:column;align-items:center;gap:3px}.bar-group-text{font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap}.bar-track--small{width:120px;height:6px;flex:none;background:#fff3;border-radius:3px;overflow:hidden}.bar-track--small .bar-fill{border-radius:3px;transition:width .1s}#height-bar-fill{background:#4fc3f7}#energy-bar-fill{background:#aed581}#hud-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;pointer-events:none;z-index:101}#hud-title{font-family:Georgia,serif;font-size:38px;font-weight:700;letter-spacing:2px;text-shadow:0 3px 12px rgba(0,0,0,.7),0 0 40px rgba(79,195,247,.3);margin-bottom:6px}#hud-subtitle{font-family:Georgia,serif;font-size:17px;font-weight:400;font-style:italic;letter-spacing:1.5px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);margin-bottom:18px}#race-distance-picker{display:none;justify-content:center;gap:8px;margin-bottom:14px;pointer-events:auto}.dist-btn{font-family:monospace;font-size:14px;font-weight:700;letter-spacing:1px;padding:6px 18px;border:2px solid rgba(255,255,255,.5);border-radius:6px;background:#00000059;color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease}.dist-btn:hover{background:#ffffff26;border-color:#ffffffb3;color:#fff}.dist-btn--active{background:#4fc3f759;border-color:#4fc3f7;color:#fff;box-shadow:0 0 12px #4fc3f766}#hud-controls{font-family:monospace;font-size:15px;font-weight:600;letter-spacing:.5px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);white-space:pre-line}#hud-leaderboard{margin-top:18px;font-family:monospace;text-shadow:0 2px 6px rgba(0,0,0,.7)}.hud-lb-title{font-size:11px;letter-spacing:1.5px;color:#fff;margin-bottom:6px}.hud-lb-row{font-size:14px;color:#ffffffd9;line-height:1.6}.hud-lb-rank{display:inline-block;min-width:24px;text-align:center}.hud-lb-time{color:#4fc3f7;margin-left:4px}#distance-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 24px;border-radius:10px;min-width:280px}#distance-label{font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7);letter-spacing:1px}#distance-bar-outer{width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}#distance-bar-fill{height:100%;background:linear-gradient(90deg,#42a5f5,#ab47bc);border-radius:4px;transition:width .15s;width:0%}#race-timer{font-size:15px;font-weight:700;letter-spacing:1px;color:#ffeb3b;text-shadow:0 1px 4px rgba(0,0,0,.8);align-self:center;display:none}#km-tick-row{width:100%;display:none;justify-content:space-between;padding:0 1px;margin-top:2px;font-size:10px;color:#ffffff80}#km-splits-row{width:100%;display:none;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11px;color:#ffffffd9}.km-split-badge{color:#4fc3f7;white-space:nowrap}#split-flash{position:fixed;top:28%;left:50%;transform:translate(-50%,-50%);font-family:monospace;color:#ffeb3b;font-size:30px;font-weight:700;text-shadow:0 3px 10px rgba(0,0,0,.85);text-align:center;pointer-events:none;z-index:102;opacity:0;transition:opacity .25s;white-space:pre-line}#finish-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;color:#fff;background:#000000d1;padding:32px 56px;border-radius:18px;text-align:center;pointer-events:none;z-index:200;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.18);min-width:320px;max-height:85vh;overflow-y:auto}.finish-title{font-size:30px;font-weight:700;color:#ffeb3b;margin-bottom:14px;letter-spacing:2px}.finish-total{font-size:22px;margin-bottom:18px}.finish-total-time{color:#4fc3f7}.finish-splits{border-top:1px solid rgba(255,255,255,.25);padding-top:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.finish-split-row{font-size:15px;display:flex;justify-content:space-between;gap:24px}.finish-split-label{color:#fff9}.finish-split-time{color:#4fc3f7}.finish-avg{font-size:14px;color:#fff9;margin-bottom:18px}.finish-avg-time{color:#aed581}.finish-newbest{font-size:16px;font-weight:700;color:#ffeb3b;text-shadow:0 0 12px rgba(255,235,59,.6);margin-bottom:8px;letter-spacing:3px;animation:newbest-pulse 1.2s ease-in-out 2}.finish-newbest--top3{color:#aed581;text-shadow:0 0 10px rgba(174,213,129,.5)}@keyframes newbest-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.finish-highscores{border-top:1px solid rgba(255,255,255,.18);margin-top:14px;padding-top:12px;margin-bottom:14px}.finish-highscores-title{font-size:12px;color:#ffffff73;letter-spacing:1.5px;margin-bottom:8px}.finish-hs-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:3px 8px;border-radius:6px;gap:20px}.finish-hs-row--current{background:#4fc3f71f;border:1px solid rgba(79,195,247,.3)}.finish-hs-rank{min-width:28px;text-align:center}.finish-hs-time{color:#4fc3f7;font-variant-numeric:tabular-nums}.finish-submit{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:10px}#finish-name-input{font-family:monospace;font-size:14px;padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;outline:none;width:140px}#finish-name-input::placeholder{color:#ffffff59}#finish-name-input:focus{border-color:#4fc3f7;background:#4fc3f71a}#finish-submit-btn{font-family:monospace;font-size:13px;font-weight:700;padding:6px 14px;border:none;border-radius:6px;background:#4fc3f7;color:#111;cursor:pointer;transition:background .2s,opacity .2s}#finish-submit-btn:hover:not(:disabled){background:#81d4fa}#finish-submit-btn:disabled{opacity:.5;cursor:default}#finish-submit-status{font-size:13px;min-height:20px;margin-bottom:4px}.finish-loading{font-size:12px;color:#fff6;padding:8px 0}.finish-hs-name{flex:1;text-align:left;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finish-hint{font-size:13px;color:#fff6}@media(max-width:768px),(pointer:coarse){.lil-gui{display:none!important}}