/* for destkop */
@media only screen and (min-width: 1025px) {
  body {
    backdrop-filter: blur(12px) brightness(75%);
    -webkit-backdrop-filter: blur(12px) brightness(75%);
  }

  .loading-wrapper {
    position: absolute;
  }

  .content-container.show {
    bottom: 2vw;
  }

  .content-container:not(.show) {
    bottom: -150%;
  }

  .content-container {
    width: 20%;
    min-width: 300px;
    max-width: 350px;
    max-height: 45%;
  }

  .blue-content-box {
    width: 100%;
    min-width: 300px;
    max-width: 450px;
  }

  .blue-content-box.min {
    max-width: 350px;
  }

  .content-list {
    flex-grow: unset;
    /* padding-right: 4px; */
  }

  .location-link-wrapper {
    transform-origin: 99% 1%;
    transition: all 0.25s ease;
    transform: rotateZ(0deg);
  }

  .location-link-wrapper:hover {
    transform: rotateZ(-2deg);
    box-shadow: 0 4px 4px #0004;
  }

  #unity-ui {
    max-width: 64px;
  }

  .btn-ui {
    transition: all 0.125s linear;
  }

  .btn-ui:hover {
    transform: scale(1.2);
    cursor: var(--cursor-pointer);
  }

  .btn-ui:hover img {
    background-color: var(--color-bg-highlight);
  }

  .btn-ui:hover img.mute {
    background-color: var(--color-bg-mute-highlight) !important;
  }

  #btn-start:hover {
    cursor: var(--cursor-pointer);
  }

  #btn-index:hover {
    background-color: var(--color-bg-red-highlight) !important;
  }

  #btn-close:hover {
    transform: translateY(-8px);
  }

  .btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 4px #0005, inset 0 0 0 2px #0004;
  }

  #btn-back:hover {
    background-color: var(--color-bg-mute-highlight);
  }

  #btn-cancel-game:hover {
    transform: translate(-50%, -4px);
  }

  /* Character Desktop Overrides */
  .character-wrapper {
    width: 15%;
  }

  .speech-bubble-container {
    left: 12%;
    right: auto; /* Reset right positioning */
  }

  .close-btn {
    bottom: -28%;
    right: 11px;
  }
}