body[data-simulation="hawking"] .canvas-wrap {
  height: clamp(720px, 78dvh, 900px) !important;
  min-height: 720px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(35, 68, 136, .42), rgba(2, 6, 16, .98) 62%),
    #01040c !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 -90px 160px rgba(0,0,0,.26),
    0 20px 50px rgba(0,0,0,.36) !important;
}

body[data-simulation="hawking"] .canvas-wrap > canvas {
  inset: 72px 0 0 0 !important;
}

body[data-simulation="hawking"] .overlay-badges {
  top: 16px !important;
  left: 18px !important;
  right: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-simulation="hawking"] .overlay-badges .badge {
  border-color: rgba(104,139,192,.34);
  background: rgba(5,14,25,.82);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

body[data-simulation="hawking"] .tooltip {
  right: 18px !important;
  bottom: 16px !important;
  left: 18px !important;
  min-height: 104px !important;
  max-width: none !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(7,18,32,.9), rgba(4,12,23,.94)) !important;
}

@media (max-width: 700px) {
  body[data-simulation="hawking"] .canvas-wrap {
    height: 650px !important;
    min-height: 650px !important;
  }

  body[data-simulation="hawking"] .canvas-wrap > canvas {
    inset: 100px 0 0 0 !important;
  }
}