html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111316;color:#f4f4f0}canvas{display:block}.hud{position:fixed;top:16px;left:16px;display:grid;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.panel,.adapt-banner,.controls{border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#111316c7;box-shadow:0 12px 36px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel{display:grid;gap:6px;padding:12px}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:1.25}.hud-row strong{font-weight:700}.weapon{font-size:18px;text-transform:uppercase;letter-spacing:0}.meter{height:8px;overflow:hidden;border-radius:999px;background:#ffffff24}.meter>div{height:100%;border-radius:inherit;background:#78d86f;transition:width .12s linear}.adapt-banner{min-height:44px;padding:11px 12px;color:#fff5c2;font-size:14px;line-height:1.35;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.adapt-banner.visible{opacity:1;transform:translateY(0)}.controls{padding:10px 12px;color:#f4f4f0c2;font-size:12px;line-height:1.45}