.game-display-controls {
  --game-display-control-color: #c7d2cb;
  --game-display-control-hover-color: #f4f1ea;
  --game-display-control-hover-background: rgba(255, 255, 255, 0.07);
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.game-display-control {
  display: inline-grid;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  place-items: center;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: var(--game-display-control-color);
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
  transition: color 120ms ease;
}

.game-display-control::before {
  content: "";
  grid-area: 1 / 1;
  width: 32px;
  height: 32px;
  background: transparent;
  pointer-events: none;
  transition: background-color 120ms ease;
}

.game-display-control:hover,
.game-display-control:focus-visible {
  color: var(--game-display-control-hover-color);
}

.game-display-control:hover::before,
.game-display-control:focus-visible::before {
  background: var(--game-display-control-hover-background);
}

.game-display-control:focus-visible {
  outline: none;
}

.game-display-control svg {
  grid-area: 1 / 1;
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 1.7;
}

.game-display-control svg.game-display-icon--solid {
  fill: currentColor;
  stroke: none;
}

.game-display-control .game-display-icon--exit {
  display: none;
}

.game-display-control[aria-pressed="true"] .game-display-icon--enter {
  display: none;
}

.game-display-control[aria-pressed="true"] .game-display-icon--exit {
  display: block;
}

.andkon-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

body.andkon-display-has-full-window {
  overflow: hidden;
}

.game-frame.is-full-window,
.game-frame.is-host-fullscreen,
.game-frame:fullscreen {
  width: 100vw !important;
  width: 100dvw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  background: #101419;
}

.game-frame.is-full-window {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200;
}

.game-frame.is-full-window[data-full-window-chrome="retain-header"] {
  top: var(--andkon-site-header-height, 50px) !important;
  height: calc(100dvh - var(--andkon-site-header-height, 50px)) !important;
}

.game-frame.is-full-window iframe,
.game-frame.is-host-fullscreen iframe,
.game-frame:fullscreen iframe {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  .game-display-controls [data-andkon-display-kind="full-window"]:not([aria-pressed="true"]) {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .game-display-control,
  .game-display-control::before {
    transition: none;
  }
}