*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0c1410;height:100%;overflow:hidden}body{color:#eef3ee;font-family:Segoe UI,system-ui,sans-serif}#app canvas{display:block}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e0a99;border:1px solid #ffffff24;border-radius:12px;padding:12px 18px;position:absolute}.panel.speed{align-items:baseline;gap:8px;display:flex;bottom:22px;right:22px}.panel.speed span{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:52px;font-weight:700}.panel.speed small{opacity:.65;font-size:14px}.panel.speed em{letter-spacing:1.5px;text-transform:uppercase;opacity:.55;margin-left:8px;font-size:11px;font-style:normal}.panel.lap{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;display:flex;top:22px;left:22px}.panel.lap div:first-child b{font-size:30px}.panel.lap div:first-child small{opacity:.6;margin-left:4px;font-size:14px}#laptime{font-size:22px;font-weight:600}.panel.lap .best{opacity:.7;letter-spacing:.5px;font-size:12px}#minimap{border:2px solid #fff3;border-radius:50%;width:172px;height:172px;position:absolute;top:22px;right:22px}#centermsg{letter-spacing:4px;text-shadow:0 4px 24px #0009;opacity:0;white-space:pre-line;text-align:center;font-size:58px;font-weight:800;line-height:1.25;transition:opacity .25s,transform .25s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.9)}#centermsg.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#hint{opacity:.5;letter-spacing:.4px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#stats{opacity:.55;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;bottom:22px;left:22px}#touchui{z-index:8;pointer-events:none;grid-template-columns:1fr 1fr;height:30vh;display:none;position:fixed;inset:auto 0 0}.tcol{pointer-events:none;align-items:flex-end;gap:14px;padding:0 18px 18px;display:flex}.tcol.right{justify-content:flex-end}.pad{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a120c80;border:1px solid #ffffff40;border-radius:26px;width:84px;height:84px;font-size:30px}.pad.big{width:100px;height:100px}.pad.small{width:64px;height:64px;font-size:22px}.pad.on{background:#ff5b358c}#loading{z-index:20;background:radial-gradient(at 50% 30%,#16281c,#0a100c 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#title{letter-spacing:10px;font-size:46px;font-weight:800}#subtitle{letter-spacing:3px;opacity:.5;text-transform:uppercase;font-size:13px}#status{opacity:.75;margin-top:10px;font-size:15px}#status.error{color:#ff7a5c;opacity:1}