.sensitivity-block {
  width: clamp(155px, 18vw, 245px);
  flex: 0 0 auto;
}

.sensitivity-block .meter-heading {
  margin-bottom: 8px;
}

.sensitivity-block label {
  cursor: pointer;
}

.sensitivity-block input[type="range"] {
  display: block;
  width: 100%;
  height: 20px;
  margin: 0;
  accent-color: #b8fa59;
  cursor: pointer;
}

.sensitivity-ends {
  display: flex;
  justify-content: space-between;
  color: #777689;
  font: 700 9px 'Space Grotesk', sans-serif;
  letter-spacing: 1px;
}

.game-card:fullscreen {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  border: 0;
  border-radius: 0;
  background: #17182c;
}

.game-card:fullscreen .game-toolbar,
.game-card:fullscreen .game-footer {
  flex: 0 0 auto;
}

.game-card:fullscreen .stage {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

@media (max-width: 800px) {
  .game-footer { flex-wrap: wrap; }
  .meter-block { min-width: 45%; }
  .sensitivity-block { width: 180px; }
}

@media (max-width: 560px) {
  .sensitivity-block { width: 100%; order: 1; }
  .game-footer .stat { order: 2; }
  .game-card:fullscreen .game-footer { padding-block: 10px; }
  .game-card:fullscreen .sensitivity-ends { display: none; }
}

.site-footer {
  gap: 20px;
  padding-block: 22px;
  flex-wrap: wrap;
  line-height: 1.6;
}

.privacy-notice {
  max-width: 650px;
  color: #a5a4b4;
  font-size: 11px;
  letter-spacing: .2px;
  text-transform: none;
}

.footer-credit {
  white-space: nowrap;
}

.footer-credit span {
  color: #b8fa59;
  margin-inline: 5px;
}

@media (max-width: 560px) {
  .site-footer { align-items: flex-start; flex-direction: column; gap: 9px; }
  .privacy-notice { font-size: 10px; }
}