#jump-guidance {
  position: fixed;
  z-index: 4;
  pointer-events: none;
  max-width: 174px;
  padding: 7px 10px;
  border-radius: 7px;
  background: #132735ed;
  border: 1px solid #e5c677;
  color: #f5d987;
  font:
    700 10px/1.4 'Segoe UI',
    sans-serif;
  letter-spacing: 0.6px;
  box-shadow: 0 2px 8px #0003;
}
#jump-guidance[data-cue='now'] {
  color: #b8ffe7;
  border-color: #79eac1;
  background: #143d35ed;
}
#jump-guidance[data-cue='late'] {
  color: #ffc5b9;
  border-color: #e69d8d;
}
#jump-guidance[data-cue='move'] {
  color: #c2eafa;
  border-color: #8ac2d9;
}
#miss-guidance {
  position: fixed;
  z-index: 5;
  pointer-events: none;
  left: 50%;
  bottom: 176px;
  transform: translateX(-50%);
  max-width: min(540px, 90vw);
  padding: 8px 13px;
  border-radius: 7px;
  background: #302633ef;
  color: #ffdbcf;
  border: 1px solid #e8ac9655;
  font:
    12px/1.5 'Segoe UI',
    sans-serif;
  text-align: center;
}
#jump-guidance[hidden],
#miss-guidance[hidden] {
  display: none;
}
@media (max-width: 760px) {
  #miss-guidance {
    bottom: 165px;
    font-size: 10px;
  }
}
#timing-meter[data-large='true'],
#timing-meter[data-large='true'] .timing-dial {
  width: 64px;
  height: 64px;
}
#timing-meter[data-large='true'] .timing-marker:after {
  width: 7px;
  height: 7px;
  left: calc(50% - 3.5px);
}
#timing-meter[data-comfort='true'] .timing-sectors {
  background: #69e3c088;
}
#timing-meter[data-comfort='true'][data-shot='true'] .timing-sectors {
  background: conic-gradient(
    from -150deg,
    #bd9bff 0deg var(--power-angle, 0deg),
    #bba0d52b var(--power-angle, 0deg) 300deg,
    transparent 300deg
  );
}
#timing-meter[data-comfort='true'] .timing-marker {
  display: none;
}
.comfort-options {
  padding: 0 0 12px;
  border-bottom: 1px solid #ffffff20;
  margin-bottom: 12px;
}
.comfort-options small {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 6px;
  opacity: 0.75;
}
#comfort-help[hidden],
#help p[hidden] {
  display: none;
}
.gamepad-options {
  padding: 0 0 12px;
  border-bottom: 1px solid #ffffff20;
  margin-bottom: 12px;
}
.gamepad-options small {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 6px;
  opacity: 0.8;
}
#gamepad-status {
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  color: #b8deef;
}
#gamepad-hud {
  position: fixed;
  left: 50%;
  top: 152px;
  transform: translateX(-50%);
  z-index: 4;
  pointer-events: none;
  border-radius: 6px;
  background: #142938e8;
  color: #bfd3dc;
  padding: 6px 10px;
  font:
    11px/1.4 'Segoe UI',
    sans-serif;
  max-width: 70vw;
}
#gamepad-hud[data-mode='aim'] {
  color: #b7ffe4;
  border: 1px solid #6fe9bb;
}
#gamepad-hud[data-connected='false'] {
  opacity: 0.7;
}
body[data-panel='open'] #gamepad-hud {
  display: none;
}
#timing-meter[data-assisted='true'] .timing-sectors {
  background: conic-gradient(
    from 225deg,
    #efc55a 0deg var(--green-start),
    #72e4a3 var(--green-start) var(--perfect-start),
    #e6fff1 var(--perfect-start) var(--perfect-end),
    #72e4a3 var(--perfect-end) var(--green-end),
    #ef514e var(--green-end) 300deg,
    transparent 300deg
  );
}