#ultramode-bar {
  position: fixed; inset: 0 0 auto; z-index: 90; height: 38px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 0 max(16px, env(safe-area-inset-left));
  color: #f5f2ff; background: linear-gradient(100deg, #161020, #211331 58%, #120f1b);
  border-bottom: 1px solid #aa79ff40; font-family: Arial, sans-serif;
  font-size: 11px; letter-spacing: 0; line-height: 1.2;
}
.ultramode-identity, .ultramode-actions { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ultramode-identity img { width: 31px; height: 24px; object-fit: contain; flex-shrink: 0; }
#ultramode-status { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ultramode-detail { color: #b4a9c7; white-space: nowrap; }
#ultramode-bar button {
  width: auto; margin: 0; min-height: 27px; padding: 4px 11px; border: 1px solid #bc94ff70;
  border-radius: 6px; background: #a56fff20; color: #f5f2ff;
  font: inherit; font-weight: 600; letter-spacing: 0; white-space: nowrap;
  cursor: pointer;
}
#ultramode-bar button:hover { background: #a56fff40; }
#ultramode-bar button:focus-visible { outline: 2px solid #e0caff; outline-offset: 2px; }
#ultramode-bar button:disabled { opacity: .55; cursor: wait; }
#ultramode-bar [hidden] { display: none !important; }
#ultramode-bar[hidden], #ultramode-game-minutes[hidden] { display: none; }
#ultramode-minutes { color: #d8c4ff; white-space: nowrap; }
#ultramode-game-minutes {
  position: fixed; z-index: 20; top: max(8px, env(safe-area-inset-top)); right: var(--gut);
  pointer-events: none; color: #ded0f2; background: #110c18aa;
  padding: 4px 8px; border-radius: 5px; font: 10px/1.2 Arial, sans-serif;
  letter-spacing: 0; font-variant-numeric: tabular-nums;
}
/* Keep the existing canvas, crosshair and aim coordinates intact. Only the top
   information blocks move below the membership strip. */
.ultramode-banner-visible #squad, .ultramode-banner-visible #roomInfo { top: 64px; }
.ultramode-banner-visible #missionInfo { top: 60px; }
.ultramode-banner-visible #effectRow { top: 62px; }
.ultramode-banner-visible #voiceHud { top: 180px; }
.ultramode-banner-visible #radar { top: 216px; }
body:not(.ultramode-banner-visible) #roomInfo { top: 42px; }
@media (max-width: 720px) {
  #ultramode-detail { display: none; }
  #ultramode-bar { gap: 8px; padding-inline: 10px; font-size: 10px; }
  .ultramode-identity, .ultramode-actions { gap: 7px; }
  #ultramode-bar button { padding-inline: 7px; }
  .ultramode-banner-visible #missionInfo { top: 50px; }
  #ultramode-minutes { display: none; }
}