.tempest-sprout-host { isolation: isolate; }
.tempest-sprout-layer {
  position: absolute; inset: 0; z-index: -1; overflow: hidden;
  pointer-events: none; background: #020202 center / cover no-repeat;
}
.tempest-sprout-layer > iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
  border: 0; margin: 0; opacity: 0; transition: opacity .25s ease;
}
.tempest-sprout-layer.is-playing > iframe { opacity: 1; }
.tempest-sprout-overlay { position: absolute; inset: 0; }
.tempest-sprout-controls { position: absolute; z-index: 2; display: flex; gap: 8px; margin: 12px; }
.tempest-sprout-controls.bottom-right { bottom: 0; right: 0; }
.tempest-sprout-controls.bottom-left { bottom: 0; left: 0; }
.tempest-sprout-controls.top-right { top: 0; right: 0; }
.tempest-sprout-controls.top-left { top: 0; left: 0; }
.tempest-sprout-controls button { cursor: pointer; border: 1px solid #fff; border-radius: 4px; padding: 8px 12px; background: #111d; color: white; font: inherit; line-height: 1.4; }
.tempest-sprout-controls button:focus-visible { outline: 3px solid #65c9ff; outline-offset: 3px; }
.tempest-sprout-controls [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .tempest-sprout-layer > iframe { transition: none; } }