body {
  background: fixed url("/images/bg.webp") top center/cover;
}
.container-custom {
  max-width: 560px;
  margin: 0 auto;
  padding: 1rem;
}
.toast-container {
  max-height: 100vh;
  overflow-y: auto;
}
option {
  background-color: #333;
  color: #fff;
}
input[type='number'] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form-control::placeholder {
  opacity: 0.5;
}
.btn-check:checked + .btn {
  background: #a2e436;
}
.btn-primary {
  --bs-btn-bg: #ede500;
  --bs-btn-border-color: #ede500;
  --bs-btn-hover-bg: #ede500;
  --bs-btn-hover-border-color: #ede500;
  --bs-btn-active-bg: #ede500;
  --bs-btn-active-border-color: #ede500;
  --bs-btn-disabled-bg: #ede500;
  --bs-btn-disabled-border-color: #ede500;
}
.btn-check:checked + .btn {
  background: #ede500;
}
.form-range:not([disabled])::-moz-range-progress {
  background-color: #ede500;
}
.form-range::-moz-range-thumb {
  background-color: #ede500;
}
.form-range::-webkit-slider-thumb {
  background-color: #ede500;
}
#interactions label img {
  max-width: 100%;
}
#contestants label img {
  max-width: 100%;
}
@font-face {
  font-family: 'Lemon Mocktail';
  src: url("/Lemon Mocktail.ttf");
  unicode-range: U+0000-0024, U+0026-FFFF;
}
.body-obs {
  background: none;
  font-family: 'Lemon Mocktail', sans-serif;
  text-stroke: 0.11em #000;
  -webkit-text-stroke: 0.11em #000;
  color: #fff;
}
#obs-goal {
  width: 80%;
}
#obs-goal-progress {
  height: 2rem;
  text-stroke: initial;
  -webkit-text-stroke: initial;
}
#obs-goal-title {
  font-size: 2rem;
}
#obs-action-label {
  font-size: 3rem;
  background: url("/ribbon.png") no-repeat center center/contain;
  padding-bottom: 2rem;
}
#obs-action-img {
  height: 8rem;
}