/* Popex v111 — lower next-shapes tray + unmistakable POP TIME mascot. */
@media (orientation:portrait){
  main.moonlit-app{
    min-height:100vh!important;min-height:100dvh!important;
  }
  #gameStage{
    margin-top:clamp(2px,0.8dvh,10px)!important;
  }
  /* Keep the board compact and move the rack lower into the free space below. */
  #gameStage>#rack{
    margin:clamp(24px,4.2dvh,40px) auto 0!important;
    width:min(100%,386px)!important;
    gap:clamp(8px,2.6vw,14px)!important;
  }
  #gameStage>#rack>.piece{
    width:min(100%,112px)!important;
  }
  /* POP TIME badge should clearly read as OUR mascot, not a generic bubble. */
  .pw111-startled{
    position:relative;display:block;flex:none;
    width:72px;height:72px;border-radius:50%;
    background:radial-gradient(circle at 30% 22%,#f8ffff 0%,#c9eff8 18%,#70c5e7 50%,#4a9fd1 72%,#356e9c 100%);
    border:1px solid rgba(255,255,255,.86);
    box-shadow:inset 0 3px 10px rgba(255,255,255,.78), inset 0 -7px 12px rgba(26,63,104,.42), 0 5px 22px rgba(103,214,255,.24);
    animation:pw111-startle .9s ease-in-out 2;
  }
  .pw111-startled::before{
    content:"";position:absolute;top:10px;left:10px;width:25px;height:16px;
    border-radius:50%;background:rgba(255,255,255,.55);transform:rotate(-32deg);filter:blur(3px);
  }
  .pw111-startled::after{
    content:"";position:absolute;inset:-8px;border-radius:50%;
    box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(121,220,255,.12);
  }
  .pw111-eye{position:absolute;top:17px;width:21px;height:27px;border-radius:50%;background:#fff;
    box-shadow:0 2px 4px rgba(28,52,94,.34),inset 0 1px 2px rgba(255,255,255,.95)}
  .pw111-eye.eye-left{left:12px;transform:rotate(-8deg)}
  .pw111-eye.eye-right{right:10px;transform:rotate(8deg)}
  .pw111-eye::before{content:"";position:absolute;width:4px;height:5px;left:8px;top:6px;border-radius:50%;background:#fff;z-index:1}
  .pw111-eye::after{content:"";position:absolute;width:10px;height:13px;left:7px;top:7px;border-radius:50%;background:#2a3358;box-shadow:inset 2px 1px 0 rgba(255,255,255,.18)}
  .pw111-mouth{position:absolute;left:31px;top:48px;width:10px;height:13px;border-radius:50%;background:#2c355f;box-shadow:inset 0 1px 3px rgba(18,31,64,.7)}
  .pw111-brow{position:absolute;top:12px;width:14px;height:3px;border-radius:99px;background:rgba(38,62,103,.8);filter:blur(.2px)}
  .pw111-brow.left{left:13px;transform:rotate(-17deg)}
  .pw111-brow.right{right:11px;transform:rotate(17deg)}
  .pw111-intro-label{font-size:clamp(23px,6vw,36px);font-weight:850;letter-spacing:.5px;line-height:1.1}
  @keyframes pw111-startle{0%,100%{transform:scale(1)}35%{transform:scale(1.095) rotate(-5deg)}65%{transform:scale(1.055) rotate(5deg)}}
}
@media (orientation:portrait) and (max-height:740px){
  #gameStage>#rack{margin-top:clamp(18px,3.3dvh,28px)!important}
  #gameStage>#rack>.piece{width:min(100%,104px)!important}
  .pw111-startled{width:68px;height:68px}
}
@media (orientation:portrait) and (max-height:620px){
  #gameStage>#rack{margin-top:12px!important}
  #gameStage>#rack>.piece{width:min(100%,88px)!important}
  .pw111-startled{width:62px;height:62px}
}
@media(prefers-reduced-motion:reduce){.pw111-startled{animation:none!important}}