/* UG-UI-20261015-04 / 06 · User-selected morning court + articulated UU.
 * Preserve original artwork and navigation. All new scene overrides live here. */
.phone #appMain.scene-home > .original-home { background: #eaf2fc; }
.original-home .scene-stage { height: 100dvh; min-height: 580px; }
.original-home .scene-background { background: #eaf2fc; }
.original-home .scene-background > img:not(.scene-sky) { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 68%; }
.original-home .scene-background::after { content: ''; position: absolute; inset: 0 0 auto; height: 240px; background: linear-gradient(rgba(47,83,140,.32), transparent); pointer-events: none; }
.original-home .scene-stage::after { height: 160px; background: linear-gradient(transparent, rgba(200,218,244,.15)); }
.home-companion {
  position: absolute;
  z-index: 2;
  height: min(46dvh, 420px);
  aspect-ratio: 1152 / 2048;
  left: 50%;
  bottom: 180px;
  transform: translateX(-50%);
  pointer-events: none;
}
.uu-note-rig { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 10px 9px rgba(77,108,158,.15)); }
.uu-note-video { display: none; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 9px rgba(77,108,158,.15)); }
.home-companion[data-loop-ready="true"] .uu-note-video { display: block; }
.home-companion[data-loop-ready="true"] .uu-note-rig { visibility: hidden; }
.home-companion[data-loop-ready="true"] :is(.uu-note-arm, .uu-eyes-blink) { animation-play-state: paused; }
.uu-ground-shadow { position: absolute; width: 78%; height: 6%; bottom: .5%; left: 12%; background: #7899c5; border-radius: 50%; opacity: .25; filter: blur(8px); }
/* Independent joints, not a floating / sliding whole-character image. */
.uu-note-head { transform: none; }
.uu-note-arm { transform-origin: 963px 1240px; animation: uu-note-write 8s ease-in-out infinite; }
/* UG-UI-20261015-07: fully open by default; two 160ms blinks, no half-lidded state. */
.uu-eyes-blink { opacity: 0; animation: uu-gaze-blink 8s steps(1, end) infinite; }
@keyframes uu-gaze-blink { 0%, 37%, 80.75%, 100% { opacity: 0; } 35%, 78.75% { opacity: 1; } }
@keyframes uu-note-write {
  0%, 10%, 20%, 30%, 40%, 50%, 85%, 95%, 100% { transform: rotate(0); }
  5%, 15%, 25%, 35%, 45%, 90% { transform: rotate(-3.2deg); }
}
/* Keep open eyes and rest the pen while the student composes. */
.original-home .scene-stage:has(.conversation-composer:focus-within) .uu-eyes-blink { animation: none; opacity: 0; }
.original-home .scene-stage:has(.conversation-composer:focus-within) .uu-note-arm { animation-play-state: paused; }
@media (max-width: 599px) {
  .home-companion { height: 44dvh; bottom: 180px; }
  .original-home.questions-open .scene-stage { height: 65dvh; min-height: 410px; }
  .original-home.questions-open .home-companion { height: 28dvh; bottom: 130px; }
}
@media (max-height: 680px) and (min-width: 600px) {
  .home-companion { height: 39dvh; bottom: 172px; }
}
/* Preserve a complete still illustration for both reduced-motion preferences. */
.phone.reduce-motion .original-home :is(.uu-note-head, .uu-note-arm) { animation: none !important; transform: none !important; }
.phone.reduce-motion .original-home .uu-eyes-blink { animation: none !important; opacity: 0 !important; }
.phone.reduce-motion .original-home .uu-note-video { display: none !important; }
.phone.reduce-motion .original-home .uu-note-rig { visibility: visible !important; }
@media (prefers-reduced-motion: reduce) {
  .original-home .uu-note-video { display: none !important; }
  .original-home .uu-note-rig { visibility: visible !important; }
  .original-home :is(.uu-note-head, .uu-note-arm) { animation: none !important; transform: none !important; }
  .original-home .uu-eyes-blink { animation: none !important; opacity: 0 !important; }
}