:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07131d}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07131d;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;inset:env(safe-area-inset-top) 0 auto;display:flex;align-items:center;gap:14px;padding:18px 20px;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.08em;font-size:18px}.brand-dot{width:10px;height:10px;border-radius:50%;background:#7df4d4;box-shadow:0 0 14px #7df4d4}.status,.metrics{display:flex;align-items:center;gap:6px;color:#e8f5f8a8;font-size:12px}.metrics{margin-left:auto;gap:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#ff9c8b}.status-dot.online{background:#7df4d4;box-shadow:0 0 9px #7df4d4}.hint{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 13px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#e8f5f8ad;background:#07131d8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;white-space:nowrap;pointer-events:none}.zoom-reset{position:fixed;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#e8f5f8cc;background:#07131d9e}.joystick{display:none;position:fixed;width:84px;height:84px;border:1px solid rgba(125,244,212,.32);border-radius:50%;background:#7df4d412;pointer-events:none}.joystick.visible{display:block}.joystick span{position:absolute;left:32px;top:32px;width:20px;height:20px;border-radius:50%;background:#7df4d4;box-shadow:0 0 16px #7df4d4}@media(min-width:700px){.hint{bottom:26px}.hud{padding:22px 28px}}