html, body { height: auto; min-height: 100%; overflow: auto; background: #111820; }
body { padding: 18px; user-select: auto; }
.hud { width: min(100%, 560px); height: auto; min-height: min(720px, calc(100vh - 36px)); margin: 0 auto; }
.topbar { -webkit-app-region: no-drag; }
.actions { display: none; }
.compact-bar { display: none !important; }
.tab-content { flex: 1; min-height: 180px; }
input, button, select { user-select: auto; }
@media (max-width: 480px) {
  body { padding: 0; }
  .hud { width: 100%; min-height: 100vh; border-radius: 0; border-left: 0; border-right: 0; }
}