/*
 * Paint the exact fullscreen footprint before the deferred module upgrades
 * <konfi-studio>. The component takes over with its isolated Shadow DOM as
 * soon as it is defined; these narrow :not(:defined) rules then stop matching.
 */
konfi-studio:not(:defined) {
  display: block;
  width: 100%;
  height: 100dvh;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #080a0f;
  color-scheme: dark;
}

konfi-studio[fullscreen]:not(:defined) {
  display: block !important;
  position: fixed !important;
  z-index: 2147483000 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
  background: #080a0f !important;
  color-scheme: dark !important;
}

html:has(konfi-studio[fullscreen]:not(:defined)),
body:has(konfi-studio[fullscreen]:not(:defined)) {
  overflow: hidden;
  overscroll-behavior: none;
  background: #080a0f;
}