:root {
  --s2047-ui-gap: clamp(8px, 1.2vw, 14px);
  --s2047-ui-radius: 12px;
  --s2047-ui-layer: 900;
}

.s2047-core-consolidated .s2047-consolidated-panel {
  box-sizing: border-box;
  max-width: min(94vw, 760px);
  max-height: min(82vh, 760px);
  overflow: auto;
  overscroll-behavior: contain;
}

.s2047-core-consolidated button,
.s2047-core-consolidated [role="button"] {
  touch-action: manipulation;
}

.s2047-core-consolidated canvas {
  max-width: 100%;
}

@media (max-width: 720px) {
  .s2047-core-consolidated .s2047-consolidated-panel {
    width: calc(100vw - 16px);
    max-width: none;
    max-height: 78vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .s2047-core-consolidated *,
  .s2047-core-consolidated *::before,
  .s2047-core-consolidated *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}