#gamable-game-zone{background:#0b0d17;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}#gamable-game-zone canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.55)}.hud-panel{padding:6px 12px;border-radius:14px;background:#080e166b;backdrop-filter:blur(2px);font-weight:700;line-height:1.3}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;padding:10px 12px}.hud-left{flex:0 1 auto;min-width:0}.hud-district{font-size:clamp(15px,4.2vw,20px);font-weight:800;color:#ffd166}.hud-places{font-size:clamp(12px,3vw,15px);color:#7df3b8}.hud-goal{margin:0;font-size:clamp(13px,3.4vw,17px);font-weight:700;color:#ffd166}.hud-distance{font-size:clamp(12px,3vw,15px);opacity:.9}.hud-route{font-size:clamp(11px,2.8vw,13px);opacity:.7}.hud-time{position:absolute;top:8px;left:50%;transform:translate(-50%);min-width:74px;padding:2px 14px;border-radius:14px;background:#080e1680;font-size:clamp(28px,9vw,44px);font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.hud-time.warning{background:#d62828;animation:hud-pulse .5s ease-in-out infinite alternate}.hud-speed{position:absolute;bottom:12px;right:12px;font-size:clamp(18px,5vw,26px);font-variant-numeric:tabular-nums}.hud-map{position:absolute;top:10px;right:10px;width:min(28vw,140px);height:min(28vw,140px);border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.35);background:#080e1666}.hud-map canvas{width:100%;height:100%}.hud-keys{position:absolute;bottom:6px;left:50%;transform:translate(-50%);max-width:52%;text-align:center;font-size:11px;opacity:.55}@media(max-width:560px){.hud-keys{display:none}}.hud-banner{position:absolute;top:17%;left:0;right:0;text-align:center;font-size:clamp(20px,5.6vw,36px);font-weight:900;color:#ffd166;opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s}.hud-banner.bad{color:#ff6b6b}.hud-banner.visible{opacity:1;transform:scale(1)}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;background:linear-gradient(#050a181a,#050a18bf)}.hud-screen.top{justify-content:flex-start;padding-top:7vh;background:linear-gradient(#050a1899,#050a1826 45%,#050a18b3)}.hud-title{margin:0;font-size:clamp(34px,11vw,72px);font-weight:900;letter-spacing:.01em;color:#ffd166;text-shadow:0 4px 0 rgba(0,0,0,.25),0 2px 12px rgba(0,0,0,.6)}.hud-subtitle{margin:0;font-size:clamp(14px,3.8vw,19px);font-weight:600;max-width:26em}.hud-hint{margin:16px 0 0;font-size:clamp(15px,4.2vw,21px);font-weight:800}.hud-small{margin:0;font-size:12px;opacity:.85;max-width:32em}.hud-pulse{animation:hud-pulse .8s ease-in-out infinite alternate}@keyframes hud-pulse{0%{opacity:1}to{opacity:.45}}