/* UI 017.3C C.4.5.3 — full-screen keyboard transition backdrop.
   Sits below Inventory and above Home/Character so iOS visualViewport transitions never expose them. */

#i173c-inventory-keyboard-backdrop{
  position:fixed;
  z-index:2699998;
  top:-2px;
  left:-2px;
  width:calc(100vw + 4px);
  height:calc(100vh + 4px);
  min-height:calc(100vh + 4px);
  border:0;
  margin:0;
  padding:0;
  overflow:hidden;
  pointer-events:none;
  opacity:1;
  background:
    radial-gradient(90% 58% at 22% 8%,rgba(116,37,130,.25),transparent 64%),
    radial-gradient(70% 48% at 92% 31%,rgba(190,130,47,.09),transparent 72%),
    linear-gradient(180deg,#09050d 0%,#07050a 56%,#050409 100%);
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  contain:strict;
  transition:opacity .20s ease;
}

@supports (height:100lvh){
  #i173c-inventory-keyboard-backdrop{
    height:calc(100lvh + 4px);
    min-height:calc(100lvh + 4px);
  }
}

/* Preserve the accepted close animation instead of leaving an opaque shield for one extra frame. */
body:has(#i173c-inventory-layer.is-closing) #i173c-inventory-keyboard-backdrop{
  opacity:0;
}

/* Extra safety for Safari while the keyboard is transitioning between visual viewport sizes. */
html.i173c-inventory-keyboard-guard,
html.i173c-inventory-keyboard-guard body{
  background:#050409 !important;
}

@media (prefers-reduced-motion:reduce){
  #i173c-inventory-keyboard-backdrop{transition:none}
}