/* Anagramkongen Native DOM Styling & Mobile Responsiveness */
.anagramkongen-native-frame {
  position: relative;
  width: 100%;
  max-width: 1040px;
  min-height: 640px;
  height: clamp(540px, 80vh, 740px);
  border: 2px solid var(--border-light, #e8dcc4);
  border-radius: 24px;
  box-shadow: var(--shadow-lg, 0 20px 45px rgba(0,0,0,0.25));
  background: #0f172a !important;
  overflow: hidden;
  margin: 0 auto 2rem auto;
  touch-action: manipulation;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
}

.anagramkongen-native-frame #root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  touch-action: manipulation !important;
  overscroll-behavior: contain;
}

@media (max-width: 767px) {
  .anagramkongen-native-frame {
    min-height: unset !important;
    height: auto !important;
    max-height: none !important;
    max-width: calc(100% - 16px) !important;
    margin: 0.5rem auto 1.5rem auto !important;
    border-radius: 20px !important;
    padding: 6px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  }

  .anagramkongen-native-frame #root {
    height: auto !important;
    min-height: unset !important;
    touch-action: manipulation !important;
  }
}