/* Keep the next page black from its first paint during the takeover. */
html.pillager-arrival::after{content:"";position:fixed;inset:0;background:#000;z-index:2147483647;pointer-events:auto}
html.pillager-sleeping,html.pillager-waking,html.pillager-arrival{overflow:hidden}
.pillager-sleep-overlay{position:fixed;inset:0;z-index:2147483646;pointer-events:auto;background:transparent;isolation:isolate;outline:none}
.pillager-sleep-overlay[popover]{margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden}
.pillager-sleep-overlay::backdrop{background:transparent}
.pillager-sleep-overlay::before{content:"";position:absolute;inset:0;background:#000;opacity:0;animation:pillager-dim 2.6s ease-in forwards}
.pillager-eyelid{position:absolute;left:-5%;width:110%;height:100%;background:#000;transform:scaleY(0);transform-origin:top;animation:pillager-close-eyes 2.6s cubic-bezier(.45,0,.7,1) forwards}
/* Concave lids: the visible opening is widest in the middle, like an eye. */
.pillager-eyelid--top{top:0;mask-image:radial-gradient(ellipse 65% 45% at 50% 100%,transparent 94%,#000 100%)}
.pillager-eyelid--bottom{bottom:0;transform-origin:bottom;mask-image:radial-gradient(ellipse 65% 45% at 50% 0%,transparent 94%,#000 100%)}
.pillager-sleep-overlay.is-black{background:#000}
.pillager-sleep-overlay.is-black::before{animation:none;opacity:1}
.pillager-sleep-overlay.is-black .pillager-eyelid{animation:none;transform:scaleY(1)}
.pillager-sleep-overlay.is-waking{background:transparent}
.pillager-sleep-overlay.is-waking::before{animation:pillager-awake-light 2.8s ease-out forwards}
.pillager-sleep-overlay.is-waking .pillager-eyelid{animation:pillager-open-eyes 2.8s cubic-bezier(.25,.05,.25,1) forwards}
@keyframes pillager-dim{0%{opacity:0}55%{opacity:.28}100%{opacity:1}}
@keyframes pillager-close-eyes{0%{transform:scaleY(0)}35%{transform:scaleY(.12)}100%{transform:scaleY(1)}}
@keyframes pillager-awake-light{0%,12%{opacity:1}40%{opacity:.5}100%{opacity:0}}
@keyframes pillager-open-eyes{0%,10%{transform:scaleY(1)}40%{transform:scaleY(.6)}55%{transform:scaleY(.68)}100%{transform:scaleY(0)}}
@media(prefers-reduced-motion:reduce){.pillager-eyelid{display:none}.pillager-sleep-overlay::before{animation-duration:.2s}.pillager-sleep-overlay.is-waking::before{animation-duration:.2s}}
