body.p36-active .mobile-controls [data-control="left"],
body.p36-active .mobile-controls [data-control="right"],
body.p36-active .mobile-controls .horn-control,
body.p36-active .mobile-controls .observe-control { display: none !important; }

body.p36-active .control-list { gap: 28px; }
body.p36-active .control-list span { font-size: 10px; }
body.p36-active .mobile-controls { justify-content: center; gap: 18px; }
body.p36-active .mobile-controls [data-control="up"],
body.p36-active .mobile-controls [data-control="down"] { width: min(42vw, 180px); }

.p36-badge {
  position: absolute;
  left: 22px;
  top: 22px;
  z-index: 7;
  padding: 7px 10px;
  border: 1px solid rgba(255, 212, 71, .62);
  border-radius: 8px;
  background: rgba(7, 27, 45, .88);
  color: #fff4bd;
  font: 800 8px/1.2 Manrope, sans-serif;
  letter-spacing: .11em;
  pointer-events: none;
}

.p36-load-error { max-width: 620px; margin: 12vh auto; padding: 32px; font-family: sans-serif; }