/* Popex v114 — final POP TIME polish requested by user. */
@media (orientation:portrait){
  /* LIVE countdown bubble: lift it higher, make it slightly larger and more translucent, like the next-shape holders. */
  #gameStage>.stats .pop-time-hud{
    top:-24px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:118px!important;
    height:118px!important;
    margin-left:-59px!important;
    border-radius:50%!important;
    overflow:visible!important;
  }
  #gameStage .pop-time-clock,
  .moonlit-app .pop-time-clock{
    width:118px!important;
    height:118px!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at 24% 17%, rgba(255,255,255,.34) 0 7%, transparent 18%),
      radial-gradient(circle at 31% 24%, rgba(255,255,255,.20), transparent 32%),
      linear-gradient(180deg, rgba(169,182,235,.38) 0%, rgba(129,145,214,.30) 48%, rgba(90,106,181,.26) 100%)!important;
    border:1.5px solid rgba(228,236,255,.58)!important;
    box-shadow:inset 0 2px 10px rgba(255,255,255,.18), inset 0 -8px 18px rgba(21,35,84,.18), 0 10px 28px rgba(8,14,34,.10)!important;
    backdrop-filter:blur(8px) saturate(120%);
    -webkit-backdrop-filter:blur(8px) saturate(120%);
  }
  #gameStage .pop-time-clock small{
    font-size:12px!important;
    letter-spacing:1.55px!important;
    color:rgba(244,247,255,.92)!important;
    margin-top:12px!important;
  }
  #gameStage .pop-time-clock strong{
    font-size:58px!important;
    line-height:.90!important;
    margin:5px 0 3px!important;
    color:#fffdf7!important;
    text-shadow:0 1px 6px rgba(23,29,60,.14)!important;
  }
  #gameStage .pop-time-clock span{
    font-size:11px!important;
    letter-spacing:.75px!important;
    color:rgba(240,250,255,.94)!important;
    margin-bottom:11px!important;
  }

  /* INTRO mascot: same color as the selected header mascot, with fear/widening eye animation. */
  .pw114-pop-mascot.brand-mark{
    position:relative!important;
    display:inline-flex!important;
    width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 8px 22px rgba(44,97,163,.18), inset 0 2px 10px rgba(255,255,255,.36)!important;
    animation:pw114MascotFloat 1s ease-in-out both!important;
  }
  .pw114-pop-mascot .brand-eye{
    top:23px!important;left:17px!important;width:13px!important;height:16px!important;
    animation:pw114FearLeft 1s ease-in-out both!important;
    transform-origin:50% 55%!important;
  }
  .pw114-pop-mascot .brand-eye.eye-two{
    left:auto!important;right:15px!important;width:15px!important;height:19px!important;
    animation:pw114FearRight 1s ease-in-out both!important;
    transform-origin:50% 55%!important;
  }
  .pw114-pop-mascot .brand-pupil{
    animation:pw114FearPupil 1s ease-in-out both!important;
  }
  .pw114-intro-label{font-size:clamp(23px,6vw,36px);font-weight:850;letter-spacing:.5px;line-height:1.1}

  @keyframes pw114MascotFloat{
    0%{transform:scale(.86) translateY(4px);opacity:0}
    20%{opacity:1}
    38%{transform:scale(1.04) translateY(-1px)}
    58%{transform:scale(1)}
    100%{transform:scale(1) translateY(0);opacity:1}
  }
  @keyframes pw114FearLeft{
    0%{transform:translate(1px,1px) rotate(-13deg) scale(1,1)}
    28%{transform:translate(1px,1px) rotate(-13deg) scale(1.22,1.18)}
    55%{transform:translate(1px,1px) rotate(-13deg) scale(1.10,1.10)}
    100%{transform:translate(1px,1px) rotate(-13deg) scale(1,1)}
  }
  @keyframes pw114FearRight{
    0%{transform:translate(-1px,-1px) rotate(10deg) scale(1,1)}
    28%{transform:translate(-1px,-1px) rotate(10deg) scale(1.22,1.18)}
    55%{transform:translate(-1px,-1px) rotate(10deg) scale(1.10,1.10)}
    100%{transform:translate(-1px,-1px) rotate(10deg) scale(1,1)}
  }
  @keyframes pw114FearPupil{
    0%,100%{transform:translate(0,0) scale(1)}
    24%{transform:translate(0,-3%) scale(1.08)}
    54%{transform:translate(0,-1%) scale(1.03)}
  }
}
@media (orientation:portrait) and (max-height:740px){
  #gameStage>.stats .pop-time-hud{top:-20px!important;width:108px!important;height:108px!important;margin-left:-54px!important}
  #gameStage .pop-time-clock,.moonlit-app .pop-time-clock{width:108px!important;height:108px!important}
  #gameStage .pop-time-clock strong{font-size:52px!important}
  #gameStage .pop-time-clock small{font-size:11px!important;margin-top:10px!important}
  #gameStage .pop-time-clock span{font-size:10px!important;margin-bottom:10px!important}
}
@media (orientation:portrait) and (max-height:620px){
  #gameStage>.stats .pop-time-hud{top:-12px!important;width:88px!important;height:88px!important;margin-left:-44px!important}
  #gameStage .pop-time-clock,.moonlit-app .pop-time-clock{width:88px!important;height:88px!important}
  #gameStage .pop-time-clock strong{font-size:42px!important}
  #gameStage .pop-time-clock small{font-size:9px!important;margin-top:7px!important}
  #gameStage .pop-time-clock span{font-size:8px!important;margin-bottom:8px!important}
  .pw114-pop-mascot.brand-mark{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important}
}
@media(prefers-reduced-motion:reduce){
  .pw114-pop-mascot.brand-mark,.pw114-pop-mascot .brand-eye,.pw114-pop-mascot .brand-pupil{animation:none!important}
}