:root{--split-line:3px}*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.split-line{width:100%;height:var(--split-line);pointer-events:none;background:#1a1410;position:absolute;top:50%;left:0;transform:translateY(-50%)}.debug-overlay{color:#f4e9d8;white-space:pre;pointer-events:none;background:#14100ca8;border-radius:6px;margin:0;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;position:absolute;top:8px;left:8px}.debug-overlay[hidden]{display:none}.hud{pointer-events:none;z-index:2;font-variant-numeric:tabular-nums;position:absolute;inset:0}.hud-half{--player-color:#f4e9d8;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.hud-half--1{top:0}.hud-half--2{top:50%}.hud-corner{flex-direction:column;align-items:flex-end;gap:.4vh;display:flex;position:absolute;right:2.2vh}.hud-half--1 .hud-corner{top:1.6vh}.hud-half--2 .hud-corner{flex-direction:column-reverse;bottom:1.6vh}.hud-row{align-items:flex-end;gap:1.6vh;display:flex}.hud-block{flex-direction:column;align-items:center;line-height:1;display:flex}.hud-big{color:var(--player-color);text-shadow:0 .2vh .5vh #000000bf;font-size:clamp(20px,4.4vh,46px);font-weight:800}.hud-block--place .hud-big{font-size:clamp(24px,5.6vh,58px)}.hud-label{letter-spacing:.12em;color:#f4e9d8bf;text-shadow:0 1px 2px #000c;font-size:clamp(8px,1.3vh,13px);font-weight:700}.hud-speed{opacity:.85;align-items:baseline;gap:.5vh;display:flex}.hud-speed-value{color:#f4e9d8;text-shadow:0 1px 3px #000c;font-size:clamp(13px,2.4vh,26px);font-weight:700}.hud-banner{letter-spacing:.1em;background:var(--player-color);color:#1a1410;border-radius:.8vh;padding:.5vh 1vh;font-size:clamp(11px,1.9vh,20px);font-weight:800;box-shadow:0 .3vh .8vh #00000080}.hud-note{color:#ffe9b8;text-shadow:0 .3vh .8vh #000000bf;font-size:clamp(22px,5vh,52px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-select{border:.3vh solid var(--player-color);text-align:center;background:#14100cb8;border-radius:1.4vh;flex-direction:column;align-items:center;gap:.6vh;width:min(72vw,62vh);padding:1.6vh 2vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-select--ready{background:#1e2c18c7}.hud-select-player{letter-spacing:.16em;color:#f4e9d8b3;font-size:clamp(9px,1.4vh,14px);font-weight:700}.hud-picker{justify-content:center;align-items:center;gap:1.6vh;display:flex}.hud-arrow{color:var(--player-color);font-size:clamp(14px,2.6vh,28px)}.hud-select--ready .hud-arrow{opacity:.25}.hud-select-name{color:var(--player-color);font-size:clamp(18px,3.6vh,38px);font-weight:800;line-height:1.1}.hud-select-colorline{color:#f4e9d8cc;justify-content:center;align-items:center;gap:.6vh;font-size:clamp(9px,1.5vh,15px);display:flex}.hud-swatch{border:1px solid #0006;border-radius:50%;width:1.4vh;min-width:10px;height:1.4vh;min-height:10px}.hud-select-desc{color:#f4e9d8e6;font-size:clamp(10px,1.7vh,17px);font-style:italic;line-height:1.3}.hud-select-state{letter-spacing:.05em;color:#f4e9d8bf;font-size:clamp(9px,1.5vh,15px);font-weight:700}.hud-select--ready .hud-select-state{color:#b7e57d}.hud-centre{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-countdown{color:#ffe9b8;text-shadow:0 .6vh 1.6vh #000000b3;will-change:transform, opacity;font-size:clamp(60px,20vh,220px);font-weight:900;position:absolute}.hud-countdown--go{color:#b7e57d}.hud-winner{border:.3vh solid var(--player-color,#ffe9b8);text-align:center;--player-color:#ffe9b8;background:#14100cdb;border-radius:1.6vh;flex-direction:column;align-items:center;gap:.6vh;padding:2.4vh 4vh;display:flex}.hud-winner-eyebrow{letter-spacing:.18em;color:#f4e9d8b3;font-size:clamp(9px,1.6vh,16px);font-weight:700}.hud-winner-name{color:var(--player-color);font-size:clamp(24px,5.4vh,60px);font-weight:900;line-height:1.05}.hud-winner-time{color:#f4e9d8;font-size:clamp(18px,3.8vh,40px);font-weight:800}.hud-laplist{gap:1.2vh;margin:.4vh 0 0;padding:0;list-style:none;display:flex}.hud-laprow{color:#f4e9d8d9;background:#f4e9d81a;border-radius:.7vh;align-items:baseline;gap:.4vh;padding:.4vh .9vh;font-size:clamp(10px,1.8vh,18px);display:flex}.hud-laprow--best{color:#d8f5b0;background:#b7e57d38;font-weight:800}.hud-lapindex{opacity:.6}.hud-praise{color:#f4e9d8e6;margin-top:.6vh;font-size:clamp(10px,1.8vh,18px)}.hud-choices{gap:1.2vh;margin-top:.8vh;display:flex}.hud-choice{color:#f4e9d8cc;border:.25vh solid #f4e9d859;border-radius:.9vh;padding:.8vh 1.8vh;font-size:clamp(11px,2vh,21px);font-weight:800}.hud-choice--active{background:var(--player-color);border-color:var(--player-color);color:#1a1410}.hud-hint{color:#f4e9d899;margin-top:.6vh;font-size:clamp(9px,1.4vh,14px)}.hud[data-phase=select] .hud-corner,.hud[data-phase=finished] .hud-corner,.hud[data-phase=select] .hud-note,.hud[data-phase=finished] .hud-note,.hud:not([data-phase=select]) .hud-select,.hud:not([data-phase=finished]) .hud-winner,.hud [hidden]{display:none}