@import"../../_vendor/fonts.googleapis.com/css2-87446b45.css";:root{color-scheme:dark;font-family:Space Mono,monospace;color:#f4efe1;background:#16201e;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#16201e}body{position:relative}canvas{position:fixed;inset:0;display:block;width:100%;height:100%}#game-ui{position:fixed;inset:0;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.topbar{position:absolute;top:28px;left:34px;right:34px;display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(244,239,225,.65);background:#16201e85;color:#f6bd4e;font:800 15px Barlow Condensed,sans-serif;letter-spacing:.08em;transform:skew(-8deg)}.eyebrow,.label,.checkpoint-row,.controls-hint,.renderer-status,.boost-label,.speed-unit{margin:0;color:#f4efe1a8;font-size:9px;font-weight:700;letter-spacing:.16em}.eyebrow{margin-bottom:1px;color:#f6bd4e;font-size:8px}h1{margin:0;font:800 32px/.9 Barlow Condensed,sans-serif;letter-spacing:.035em;transform:skew(-7deg)}h1 span{color:#f6bd4e}.renderer-status{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(244,239,225,.16);background:#16201e5e;font-size:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#8ed36e;box-shadow:0 0 12px #8ed36ee6}.panel{border:1px solid rgba(244,239,225,.16);background:linear-gradient(120deg,#141d1bba,#141d1b57);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 42px #0000001f}.race-card{position:absolute;top:95px;left:34px;width:min(440px,calc(100vw - 68px));padding:17px 18px 13px}.race-row{display:grid;grid-template-columns:.7fr 1.5fr .75fr;align-items:end}.label{margin-bottom:4px;font-size:8px}.value{margin:0;color:#f4efe1;font:700 28px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.time-value{font-size:22px}.muted{color:#f4efe16b;font-size:15px}.race-time-block{text-align:center}.position-block{text-align:right}.progress-track,.boost-track{position:relative;overflow:hidden;width:100%;height:4px;margin-top:15px;background:#f4efe126}.progress-fill,.boost-fill{width:0%;height:100%;background:#f6bd4e;box-shadow:0 0 14px #f6bd4ecc;transition:width .12s linear}.checkpoint-row{display:flex;justify-content:space-between;margin-top:8px;color:#f4efe16b;font-size:7px}.checkpoint-row span:nth-child(2){color:#d8d0bd}.telemetry{position:absolute;right:34px;bottom:85px;width:188px;padding:14px 16px 15px}.speed-readout{display:flex;align-items:baseline;gap:8px;color:#f6bd4e;font:800 54px/.85 Barlow Condensed,sans-serif;letter-spacing:.02em;text-shadow:0 4px 18px rgba(246,189,78,.23)}.speed-unit{color:#f4efe194;font-size:8px}.boost-wrap{margin-top:16px}.boost-label{display:flex;justify-content:space-between;font-size:8px}.boost-label span:last-child{color:#f6bd4e}.boost-track{height:3px;margin-top:7px}.boost-fill{background:#d88353;box-shadow:0 0 12px #d88353bf}.controls-hint{position:absolute;bottom:30px;left:34px;display:flex;align-items:center;gap:6px;font-size:8px}.controls-hint span{margin:0 9px 0 1px;color:#f4efe17a}kbd{display:inline-grid;place-items:center;min-width:22px;height:21px;padding:0 5px;border:1px solid rgba(244,239,225,.35);background:#16201e94;color:#f4efe1;font:700 9px Space Mono,monospace}.start-prompt,.finish-prompt{position:absolute;top:51%;left:50%;display:flex;align-items:center;gap:15px;color:#f6bd4e;font:700 13px Space Mono,monospace;letter-spacing:.12em;transform:translate(-50%,-50%);text-shadow:0 2px 22px rgba(0,0,0,.55)}.prompt-line{display:block;width:45px;height:1px;background:#f6bd4ebf}.finish-prompt{flex-direction:column;gap:8px;padding:20px 26px;border:1px solid rgba(246,189,78,.5);background:#141d1bbd;font-size:17px}.finish-prompt span{color:#f4efe1ad;font-size:9px;letter-spacing:.09em}.error-panel{position:fixed;z-index:4;inset:50% auto auto 50%;width:min(520px,calc(100vw - 40px));padding:24px;border:1px solid #e8896a;background:#191917f2;color:#f4efe1;font:13px/1.6 Space Mono,monospace;transform:translate(-50%,-50%)}.hidden{display:none}@media(max-width:700px){.topbar{top:18px;left:18px;right:18px}h1{font-size:26px}.race-card{top:78px;left:18px;width:calc(100vw - 36px)}.telemetry{right:18px;bottom:73px;width:150px}.speed-readout{font-size:43px}.controls-hint{right:18px;bottom:20px;left:18px;justify-content:center;gap:4px;font-size:7px}.controls-hint span{margin-right:3px}.start-prompt{width:90vw;justify-content:center;font-size:10px;text-align:center}}
