/* A shared nap break for the arcade and standalone Monumental Ego. */
.nap-overlay{position:absolute;inset:0;z-index:20;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;align-items:center;gap:8px;padding:22px;background:radial-gradient(ellipse at 50% 42%,#29455aea,#081625f2 75%);backdrop-filter:blur(5px);text-align:center;isolation:isolate}
.nap-overlay[hidden]{display:none}
.nap-overlay h2{font-family:'League Spartan',Arial,sans-serif;font-size:clamp(27px,4vw,48px);line-height:1;margin:0;color:#ffe1a0;font-weight:900;letter-spacing:.5px;text-shadow:0 3px 12px #0005}
.nap-art{position:relative;width:min(80%,420px);height:auto;min-height:0;align-self:stretch;display:grid;place-items:center}
.nap-art canvas{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 13px #0005);transform-origin:50% 89%;animation:nap-breathe 4.8s ease-in-out infinite}
.nap-zzz{position:absolute;right:8%;top:10%;display:flex;gap:5px;align-items:flex-end;color:#ffe4a7;font:bold 24px 'League Spartan',Arial,sans-serif;text-shadow:0 2px 5px #061427;pointer-events:none}
.nap-zzz span{display:block;animation:nap-dream 4.8s ease-in-out infinite}
.nap-zzz span:nth-child(2){font-size:30px;--nap-lift:-11px;animation-delay:.6s}
.nap-zzz span:nth-child(3){font-size:38px;--nap-lift:-25px;animation-delay:1.2s}
.nap-overlay button{min-height:44px;min-width:156px;justify-content:center}
.nap-overlay .nap-hint{font:500 11px Montserrat,Arial,sans-serif;color:#d1d8df;margin:0;line-height:1.2}
@keyframes nap-breathe{0%,100%{transform:rotate(-.4deg) scale(1,1)}42%{transform:translateY(-2px) rotate(.6deg) scale(1.025,1.055)}52%{transform:translateY(-1px) rotate(.4deg) scale(1.022,1.045)}64%{transform:rotate(0deg) scale(1.01,1.02)}}
@keyframes nap-dream{0%,100%{opacity:0;transform:translate(0,var(--nap-lift,0px)) scale(.8)}25%{opacity:.9}75%{opacity:.5}90%{opacity:0;transform:translate(13px,calc(var(--nap-lift,0px) - 25px)) scale(1.1)}}
@media(max-width:760px){.nap-overlay{padding:11px;gap:4px}.nap-overlay h2{font-size:28px}.nap-art{width:min(65%,230px)}.nap-zzz{right:12%;top:10%;font-size:16px}.nap-zzz span:nth-child(2){font-size:21px;--nap-lift:-6px}.nap-zzz span:nth-child(3){font-size:26px;--nap-lift:-14px}.nap-overlay button{padding:9px 20px}.nap-overlay .nap-hint{font-size:10px}}
@media(max-height:550px) and (min-width:761px){.nap-overlay{padding:10px;gap:4px}.nap-overlay h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.nap-art canvas,.nap-zzz span{animation:none}.nap-zzz span{transform:translateY(var(--nap-lift,0px))}}

@media(pointer:coarse){.nap-overlay{grid-template-rows:auto minmax(0,1fr) auto}.nap-overlay .nap-hint{display:none}}