/* Compact desktop and embedded Telegram webviews. */
@media (min-width: 761px) and (max-width: 900px) {
  .site-header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
  }

  .site-nav {
    position: static;
    left: auto;
    bottom: auto;
    justify-self: center;
    transform: none;
    box-shadow: none;
  }
}

/* Native player dropdowns follow the dark site palette where supported. */
.field select,
.field select option {
  color-scheme: dark;
  background-color: #0e0e11;
  color: #fff;
  scrollbar-color: #3a3940 #0e0e11;
  scrollbar-width: thin;
}

.field select::-webkit-scrollbar {
  width: 10px;
}

.field select::-webkit-scrollbar-track {
  background: #0e0e11;
}

.field select::-webkit-scrollbar-thumb {
  border: 2px solid #0e0e11;
  border-radius: 999px;
  background: #3a3940;
}

/* An empty notification must not leave a visible pill at the viewport edge. */
.toast {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.toast.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}