#divine-hud-450 {
  z-index: 86;
  bottom: max(22px, env(safe-area-inset-bottom));
  width: min(390px, 62vw);
  padding: 10px;
  border-color: #ffe29399;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0, #54dfff1f, transparent 45%),
    linear-gradient(145deg, #0b1b27f2, #05080df2);
  box-shadow: 0 12px 40px #000e, 0 0 24px #4ddfff24;
}

#divine-hud-450 button {
  min-width: 0;
  height: 58px;
  padding: 4px 2px;
  border-color: #a9eaff70;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0, #54dfff2c, transparent 50%),
    linear-gradient(#1c2b35, #091017);
  box-shadow: inset 0 1px #fff2;
}

#divine-hud-450 button span {
  font: 900 7px system-ui;
  letter-spacing: 0.03em;
}

@media (max-width: 520px) {
  #divine-hud-450 {
    bottom: max(182px, calc(env(safe-area-inset-bottom) + 168px));
    width: min(356px, calc(100vw - 32px));
    padding: 9px;
  }

  #divine-hud-450 button {
    height: 56px;
  }
}