@media (max-width: 720px) {
  :root {
    --big-size: 80vw;
    --orb-size: 2rem;
    --marker-size: 0.5rem;
    --panel-width: 90vw;
    --panel-height: 40svh;
    --shift: 1000px;
    --panel-offset: 0;
    --gap: 25vw;
  }

  .panel-inner {
    height: calc(var(--panel-height) - 0.8rem);
  }

  /* Mobile: Top-Controls left/right */
  .top-controls {
    left: 5dvw;
    right: 5dvw;
    transform: none;
    width: calc(100% - 32px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 5dvw;
    gap: 0;
    padding: 0;
    pointer-events: auto;
  }
  .lang-dropdown #btnLang {
    min-width: 40px;
    padding: 0 8px;
    height: 44px;
  }
  #btnTheme {
    margin-left: 0;
    height: 44px;
  }

  /* Language list positioned under left button */
  .lang-list {
    left: 0 !important;
    right: auto !important;
    transform: translateX(0) !important;
    top: calc(100% + 6px);
    min-width: 140px;
  }
  main{
    height: 100dvh;
  }
}