*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:system-ui,sans-serif;background:#101e2b;color:#fff}.app{width:100%;height:100dvh;position:relative}.hud{position:absolute;left:20px;top:20px;max-width:320px;padding:20px;background:#0a1825e0;border:1px solid #36566c;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:9px}.hud small{color:#aac4d6}.hud p{margin:0;line-height:1.5}.hud h3{margin:8px 0 0}.hud button,.mobileControls button{background:#55c8ed;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.mobileControls{position:absolute;bottom:20px;right:20px;display:flex;gap:6px}@media (min-width:900px){.mobileControls{display:none}}@media (max-width:600px){.hud{left:10px;top:10px;padding:12px;max-width:235px;font-size:13px}.mobileControls{bottom:12px;right:12px}}