/* 3.11.31 – take-off/landing rig, non-intrusive header focus and video boot. */
/* No orange square when tapping Sonido, Juegos or Coach; show a subtle circular keyboard ring. */
#appHeader #utilityPanel :is(.header-action,#parentButton,.menu-help-link):focus,
#appHeader #utilityPanel :is(.header-action,#parentButton,.menu-help-link):focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#appHeader #utilityPanel .header-action:focus-visible .header-action-icon,
#appHeader #utilityPanel #parentButton:focus-visible .header-action-icon,
#appHeader #utilityPanel #parentButton:focus-visible svg {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3489cb !important;
}
/* Anticipation (crouch) is long enough to be seen before the jump. */
.pixel-transfer-leap .pixel-figure {
  animation: aq31131Takeoff var(--aq-travel-duration,1120ms) linear both;
}
.pixel-transfer-leap .arm-left {animation:aq31131ArmLeft var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .arm-right {animation:aq31131ArmRight var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .leg-left {animation:aq31131LegLeft var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .leg-right {animation:aq31131LegRight var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .cape {animation:aq31131Cape var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .pixel-head {animation:aq31131Head var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .eye-wow {animation:plDockEyes var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .eye-normal {animation:plDockSmile var(--aq-travel-duration,1120ms) linear both}
.pixel-transfer-leap .shadow {opacity:0!important}
@keyframes aq31131Takeoff {
  0%,12% {transform:translateY(0) scale(1,1)}
  19%,24% {transform:translateY(8px) scale(1.095,.81)}
  32% {transform:translateY(-11px) scale(.96,1.06)}
  45%,66% {transform:translateY(-5px) scale(1.01,1)}
  80% {transform:translateY(-1px) scale(1)}
  88% {transform:translateY(8px) scale(1.055,.87)}
  95% {transform:translateY(-3px) scale(.99,1.02)}
  100% {transform:translateY(0) scale(1)}
}
@keyframes aq31131LegLeft {0%,10%,33%,78%,100%{transform:none}18%,24%{transform:rotate(24deg) translateY(-5px)}44%,65%{transform:rotate(-31deg) translateY(-5px)}88%{transform:rotate(18deg) translateY(-3px)}}
@keyframes aq31131LegRight {0%,10%,33%,78%,100%{transform:none}18%,24%{transform:rotate(-24deg) translateY(-5px)}44%,65%{transform:rotate(32deg) translateY(-6px)}88%{transform:rotate(-18deg) translateY(-3px)}}
@keyframes aq31131ArmLeft {0%,12%,100%{transform:none}20%,24%{transform:rotate(-35deg)}38%,67%{transform:rotate(76deg)}85%{transform:rotate(-8deg)}}
@keyframes aq31131ArmRight {0%,12%,100%{transform:none}20%,24%{transform:rotate(38deg)}38%,67%{transform:rotate(-86deg)}85%{transform:rotate(8deg)}}
@keyframes aq31131Cape {0%,100%{transform:none}19%,25%{transform:rotate(-8deg)}38%,65%{transform:rotate(18deg) translate(-8px,-5px)}87%{transform:rotate(-12deg)}}
@keyframes aq31131Head {0%,15%,100%{transform:none}20%,25%{transform:translateY(4px) rotate(4deg)}39%,67%{transform:rotate(-6deg)}88%{transform:rotate(3deg)}}
/* Boot: user-supplied animation with a no-motion poster fallback (including iOS Low Power Mode). */
#bootIntro.aq-boot-intro {
  background:radial-gradient(ellipse at 50% 38%,#214a87 0%,#0b244e 54%,#06142e 95%) !important;
  color:#ecf7ff !important;
  padding:max(20px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));
  gap:14px !important;
  align-content:center;
  box-sizing:border-box;
}
#bootIntro .aq-boot-video-frame {
  width:min(90vw,480px);
  aspect-ratio:558/512;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#123b75 url('../art/boot-pixel-31131.webp') center/cover no-repeat;
  box-shadow:0 12px 32px #030d2ab0,0 0 0 1px #c6e8ff49;
  isolation:isolate;
}
#bootIntro .aq-boot-video {
  display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:inherit;
}
#bootIntro #bootLogo {width:clamp(170px,53vw,260px);max-height:100px;height:auto;
  border-radius:0;box-shadow:none;animation:none;filter:drop-shadow(0 5px 8px #0009)}
#bootIntro .aq-boot-status {margin:0;font:600 14px/1.4 system-ui;text-align:center;
  color:#e6f5ff;text-shadow:0 2px 4px #071935}
#bootIntro .boot-pixel-inline,#bootIntro #bootPixelRunner {display:none!important}
@media (max-height:590px) {#bootIntro .aq-boot-video-frame {width:min(56vh,340px)} #bootIntro #bootLogo{max-height:55px}}
@media (prefers-reduced-motion:reduce) {
 .pixel-transfer-leap :is(.pixel-figure,.arm-left,.arm-right,.leg-left,.leg-right,.cape,.pixel-head){animation:none!important}
}