/* Mood-switch wait screen (site/mood-wait.js, owner 09/10/2026 night, PA1 of reviews/mood-wait-20261009).
   #npWait: the next mood's own picture of the camera the switch lands on, over the shell's frames (z 0–2), cover (9) and reveal
   effect (10), under the page UI (20+); full viewport height, centred (.npw-frame, sized by the script), the mood's sky colours
   behind its transparent sky, its blurred copy beside it on a screen wider than the picture. #npWaitPill: glass pill above the mood bar (computers) / the tour bar (phones), the site's
   .glass look. While it waits the shell's own veil, wait text and breathing ring stand down (body.np-wait). */
#npWait{position:fixed;inset:0;z-index:12;pointer-events:none;background:#07080b;opacity:0;visibility:hidden;
  transition:opacity .6s ease,visibility 0s linear .9s}
#npWait.on{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s linear 0s}
body:not(.np-wait) #npWait{transition:opacity .9s ease,visibility 0s linear .9s}   /* into the 3D: the same image, a slow fade */
#npWait .npw-blur{position:absolute;inset:-48px;background-size:cover;background-position:center;filter:blur(26px) brightness(.86);
  transform:scale(1.04)}
#npWait .npw-frame{position:absolute;top:0;bottom:0;left:0;width:100%;overflow:hidden}
#npWait .npw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
body.np-wait #v4xsh-cover.is-veil{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.np-wait #v4xsh-cover .wt,body.np-wait #v4xsh-cover .pg{display:none!important}
body.np-wait #v4xsh-fx .rings .rw{display:none!important}

#npWaitPill{position:fixed;left:50%;bottom:96px;z-index:58;box-sizing:border-box;width:min(420px,calc(100vw - 32px));padding:15px 18px 14px;
  border-radius:22px;color:var(--accent,#F3EBDA);opacity:0;visibility:hidden;transform:translate(-50%,10px);pointer-events:none;
  transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1),visibility 0s linear .45s}
#npWaitPill.on{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;
  transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}
#npWaitPill .r1{display:flex;align-items:center}
#npWaitPill .dot{flex:none;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#e6cba0;box-shadow:0 0 10px rgba(230,203,160,.9);
  animation:npwPulse 1.15s ease-in-out infinite}
#npWaitPill .t{flex:1;min-width:0;font:700 12px/1.3 var(--f-sub,system-ui);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
#npWaitPill .pc{margin-left:10px;font:700 13px/1 var(--f-sub,system-ui);letter-spacing:.04em;color:#e6cba0;font-variant-numeric:tabular-nums}
#npWaitPill .bar{display:block;height:2px;margin-top:11px;border-radius:2px;background:rgba(238,242,247,.22);overflow:hidden}
#npWaitPill .bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:#e6cba0;
  box-shadow:0 0 8px rgba(230,203,160,.85);transition:transform .2s linear}
#npWaitPill .r2{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
#npWaitPill.is-slow .r2{display:flex;animation:npwRise .4s ease both}
#npWaitPill .r2 .n{font:400 13.5px/1.35 var(--f-body,system-ui);color:rgba(243,235,218,.8)}
#npWaitPill .back{flex:none;font:700 11px/1 var(--f-sub,system-ui);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;
  padding:11px 16px;cursor:pointer;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:var(--accent,#F3EBDA)}
#npWaitPill .back:hover{background:rgba(255,255,255,.2)}
#npWaitPill .back:focus-visible{outline:2px solid #e6cba0;outline-offset:2px}
#npWaitPill.is-ok .dot{animation:none;background:#bfe3b0;box-shadow:0 0 10px rgba(191,227,176,.8)}
#npWaitPill.is-err .dot{animation:none;background:#e7a283;box-shadow:0 0 10px rgba(231,162,131,.8)}
#npWaitPill.is-ok .pc,#npWaitPill.is-err .pc,#npWaitPill.is-ok .bar,#npWaitPill.is-err .bar{display:none}
@keyframes npwPulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@keyframes npwRise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (max-width:740px){
  #npWaitPill{width:min(330px,calc(100vw - 32px));padding:12px 14px;border-radius:18px}
  #npWaitPill .t{font-size:10px;letter-spacing:.15em}
  #npWaitPill .pc{font-size:11.5px}
  #npWaitPill .r2 .n{font-size:12px}
  #npWaitPill .back{font-size:10px;padding:10px 12px;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){
  #npWait,#npWaitPill{transition-duration:.01s!important}
  #npWaitPill .dot{animation:none}
}