/*
 * Paint the exact fullscreen footprint before the deferred module upgrades
 * <kitink-studio>. The component takes over with its isolated Shadow DOM as
 * soon as it is defined; these narrow :not(:defined) rules then stop matching.
 *
 * During the kit.ink naming transition (spec
 * docs/superpowers/specs/2026-10-01-kitink-naming-design.md §8.5) a page may
 * still use the deprecated studio tag, so every selector names that tag too.
 */
kitink-studio:not(:defined),
konfi-studio:not(:defined) /* kitink-naming: deprecated alias */ {
  display: block;
  width: 100%;
  height: 100dvh;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #080a0f;
  color-scheme: dark;
}

kitink-studio[fullscreen]:not(:defined),
konfi-studio[fullscreen]:not(:defined) /* kitink-naming: deprecated alias */ {
  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(kitink-studio[fullscreen]:not(:defined)),
body:has(kitink-studio[fullscreen]:not(:defined)),
html:has(konfi-studio[fullscreen]:not(:defined)), /* kitink-naming: deprecated alias */
body:has(konfi-studio[fullscreen]:not(:defined)) /* kitink-naming: deprecated alias */ {
  overflow: hidden;
  overscroll-behavior: none;
  background: #080a0f;
}