*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#79c8f2;color:#f8fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#game{display:block;width:100vw;height:100vh}.hud{position:fixed;inset:18px 18px auto;z-index:5;display:flex;justify-content:space-between;gap:18px;pointer-events:none}.hud__cluster{display:flex;align-items:stretch;gap:10px;min-width:0}.metric,.timer,.boost{border:2px solid rgba(255,255,255,.35);background:#0b142494;box-shadow:0 10px 28px #04101e38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric{display:grid;min-width:92px;min-height:62px;padding:9px 13px;border-radius:8px}.metric--item{min-width:118px}.metric span,.boost span{color:#f8fbffc2;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.metric strong{align-self:end;color:#fff7b0;font-size:28px;line-height:.95;text-shadow:0 2px 0 #1f2840}.metric--item strong{color:#b8fff4;font-size:21px;line-height:1.05;max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer{min-width:148px;padding:13px 15px;border-radius:8px;color:#b8fff4;font-size:22px;font-weight:900;text-align:center;text-shadow:0 2px 0 #1f2840}.boost{display:grid;gap:8px;width:160px;padding:9px 12px 11px;border-radius:8px}.boost__bar{width:100%;height:13px;overflow:hidden;border:2px solid rgba(255,255,255,.36);border-radius:4px;background:#0b142480}.boost__bar i{display:block;width:0%;height:100%;border-radius:2px;background:linear-gradient(90deg,#28e4ff,#f8ff6a,#ff5f8f);transition:width .12s linear}.race-message{position:fixed;left:50%;bottom:34px;z-index:8;display:grid;width:min(680px,calc(100vw - 32px));gap:14px;justify-items:center;padding:20px;border:2px solid rgba(255,255,255,.42);border-radius:8px;background:#09111fb8;box-shadow:0 24px 70px #050a1873;text-align:center;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.race-message--hidden{visibility:hidden;opacity:0;transform:translate(-50%,16px)}.race-message b{color:#fff7b0;font-size:clamp(28px,6vw,54px);line-height:1;text-shadow:0 3px 0 #1f2840,0 10px 28px rgba(0,0,0,.35)}.race-message span{max-width:58ch;color:#f8fbffd4;font-size:15px;font-weight:700;line-height:1.45}.race-message button{min-width:150px;min-height:48px;border:0;border-radius:6px;background:#ffcf5a;box-shadow:inset 0 -4px #00000038,0 12px 22px #00000040;color:#172036;cursor:pointer;font-size:18px;font-weight:950}.race-message button:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000038,0 8px 16px #00000038}.toast{position:fixed;top:96px;left:50%;z-index:7;min-width:160px;padding:10px 16px;border:2px solid rgba(255,255,255,.5);border-radius:8px;background:#131f35b8;box-shadow:0 16px 30px #050a1847;color:#fff7b0;font-weight:950;text-align:center;opacity:0;transform:translate(-50%,-8px) scale(.96);pointer-events:none}.toast--visible{animation:toast-pop 1.45s ease both}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-12px) scale(.94)}12%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-4px) scale(.98)}}.minimap{position:fixed;right:18px;bottom:18px;z-index:6;width:168px;height:168px;padding:4px;border:2px solid rgba(255,255,255,.36);border-radius:8px;background:#08101d8c;box-shadow:0 18px 42px #050a1847;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.minimap__svg{display:block;width:100%;height:100%}@media(max-width:720px){.hud{inset:10px 10px auto;display:grid;gap:8px}.hud__cluster{gap:7px}.hud__cluster--right{justify-self:start}.metric{min-width:74px;min-height:54px;padding:8px 10px}.metric--item{min-width:94px}.metric strong{font-size:22px}.metric--item strong{max-width:76px;font-size:17px}.timer{min-width:124px;padding:10px 12px;font-size:18px}.boost{width:132px}.race-message{bottom:18px;padding:16px}.race-message span{font-size:13px}.minimap{width:122px;height:122px;right:10px;bottom:10px}}