*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#101723;color:#fff;font:14px system-ui}canvas{position:fixed;inset:0;display:block}#hud,#tools{position:absolute;background:#101b2be8;padding:14px;border-radius:14px;border:1px solid #ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#hud{left:15px;top:15px;width:240px}#hud b{display:block;margin-bottom:12px}#hud select,#hud button{width:100%;padding:10px;margin-top:8px;border-radius:8px;border:0}#hud button{background:#f0d044;font-weight:800}#hud p{font-size:12px}#tools{left:15px;bottom:20px}#tools button,#controls button{background:#24344be8;color:#fff;border:1px solid #ffffff50;border-radius:10px;padding:13px}#controls{position:absolute;bottom:20px;right:15px;display:flex;gap:8px;touch-action:none}#controls button{min-width:58px;min-height:60px;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none}#credit{position:absolute;bottom:105px;left:15px;font-size:11px;text-shadow:0 1px 4px black}@media(max-width:600px){#hud{width:180px;padding:9px;font-size:12px}#tools{bottom:95px;padding:6px}#controls{left:10px;right:10px;justify-content:space-between}#controls button{min-width:49px;padding:8px}#credit{bottom:162px;font-size:9px}}#navigation{margin:9px 0;padding:10px;border-radius:8px;background:#0b3c39;border:1px solid #39cda8;font-weight:700;color:#b9ffe8;line-height:1.4}#map-status{margin:8px 0;font-size:11px;color:#c2e5ff;line-height:1.45}.merchant-link{display:block;color:#f8d46b;margin:8px 0;font-weight:700}#poi-count{font-size:11px;color:#c6f2da;margin:6px 0}#credit{max-width:440px}#hud{z-index:2}#controls,#tools{z-index:3}