/* Dragon Cave adaptations for the shared Glov Games header and footer. */
.dragon-site-header {
  position: relative;
  z-index: 30;
}

.site-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.dragon-site-header .icon-button {
  width: 40px;
  min-height: 40px;
  padding: 0;
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .08);
}

.screen { min-height: calc(100svh - 104px); }
.home-screen, .victory-screen { padding-top: 30px; }
.game-screen { padding-top: 18px; }
.site-footer { position: relative; z-index: 30; }

.level-picker {
  display: grid;
  gap: 6px;
  width: min(100%, 360px);
  margin: 0 0 14px;
  color: #d5c7f3;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
}

.level-picker select {
  width: 100%;
  min-height: 48px;
  padding: 10px 38px 10px 13px;
  border: 2px solid #aa8bff;
  border-radius: 14px;
  color: #fff;
  background: #21104f;
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.level-picker select:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 420px) {
  .site-actions { gap: 10px; }
  .dragon-site-header .icon-button { width: 36px; min-height: 36px; }
  .screen { min-height: calc(100svh - 94px); }
}