html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#0b1a26;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a16208c;border-radius:10px;padding:10px 16px;position:absolute;top:16px}.label{letter-spacing:.15em;opacity:.7;font-size:11px}#timer{left:16px}#time{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}#best{opacity:.8;font-variant-numeric:tabular-nums;font-size:13px}#next{text-align:center;min-width:180px;left:50%;transform:translate(-50%)}#next-name{font-size:20px;font-weight:700}#next-distance{opacity:.8;font-variant-numeric:tabular-nums;font-size:14px}#minimap{border-radius:10px;position:absolute;top:16px;right:16px}#speed{font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #00000080;font-size:60px;font-weight:800;position:absolute;bottom:20px;right:28px}#speed .unit{opacity:.8;margin-left:6px;font-size:18px;font-weight:600}#message{text-align:center;text-shadow:0 3px 12px #0000008c;opacity:0;width:100%;transition:opacity .25s,transform .25s;position:absolute;top:26%;transform:scale(.96)}#message.show{opacity:1;transform:scale(1)}#message-title{font-size:64px;font-weight:800}#message-text{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}#wrong-way{text-align:center;color:#ff5a4f;text-shadow:0 2px 10px #0009;width:100%;font-size:40px;font-weight:800;position:absolute;top:42%}#wrong-way[hidden],#overlay[hidden]{display:none}#overlay{cursor:pointer;background:#06101a80;place-items:center;display:grid;position:fixed;inset:0}.card{text-align:center;background:#0a1620d1;border-radius:16px;max-width:460px;padding:28px 36px;box-shadow:0 10px 40px #0006}.card h1{letter-spacing:.02em;margin:0 0 6px;font-size:44px}.card .route{opacity:.8;margin:0 0 18px}.card .keys{text-align:left;margin:0 auto 18px;padding:0;line-height:1.9;list-style:none;display:inline-block}.card .best{color:#ffd23f;font-weight:700}.card .result{font-variant-numeric:tabular-nums;margin:4px 0;font-size:56px;font-weight:800}.card .splits{border-spacing:14px 4px;font-variant-numeric:tabular-nums;margin:0 auto 16px}.card .splits td:first-child{text-align:left}.card .delta{opacity:.8}.card .start{margin-bottom:0;font-weight:600}kbd{text-align:center;background:#ffffff1a;border:1px solid #ffffff59;border-radius:5px;min-width:18px;padding:1px 6px;font-family:inherit;font-size:13px;display:inline-block}#bubbles{position:absolute;inset:0;overflow:hidden}.bubble{color:#1a1a1a;text-align:center;white-space:nowrap;transform-origin:50% 100%;opacity:0;background:#fff;border-radius:14px;padding:7px 12px 8px;transition:opacity .15s ease-out;position:absolute;top:0;left:0;box-shadow:0 3px 10px #0000004d}.bubble:after{content:"";border:9px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-9px;position:absolute;bottom:-9px;left:50%}.bubble.show{opacity:1}.bubble.show>*{animation:.25s ease-out bubble-pop}.bubble.taxi{background:#f6e7b0}.bubble.taxi:after{border-top-color:#f6e7b0}.bubble.angry .latin{color:#b3121f}.bubble .latin{font-size:17px;font-weight:800}.bubble .arabic{opacity:.8;margin-top:1px;font-size:16px;font-weight:600}@keyframes bubble-pop{0%{transform:scale(.6)}to{transform:scale(1)}}
