@property --cr{syntax:"<length>";inherits:false;initial-value:0}.cu{position:fixed;inset:0;z-index:95;pointer-events:none;display:grid;place-items:center;visibility:hidden;overflow:hidden}.cu span{opacity:0}.cu img{border-radius:50%;border:3px solid var(--ink);will-change:transform}.cu[data-state=closing] img{animation:cu-spin 1.1s linear infinite}@keyframes cu-spin{to{rotate:1turn}}.cu[data-state=closing]{visibility:visible;pointer-events:auto;background:var(--cu,var(--paper));-webkit-clip-path:circle(var(--cr) at var(--cx,50%) var(--cy,50%));clip-path:circle(var(--cr) at var(--cx,50%) var(--cy,50%));animation:cu-close .42s cubic-bezier(.5,0,.8,.5) forwards}.cu[data-state=closing] span{opacity:1;transition:opacity .2s .5s}@keyframes cu-close{0%{--cr:0px}to{--cr:150vmax}}.cu[data-state=opening]{visibility:visible}.cu[data-state=opening]:before{content:"";position:absolute;left:50%;top:46%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;box-shadow:0 0 0 300vmax var(--cu,var(--paper));animation:cu-hole .62s cubic-bezier(.3,.6,.2,1) forwards;will-change:transform}@keyframes cu-hole{0%{transform:scale(0)}to{transform:scale(320)}}@media (prefers-reduced-motion:reduce){.cu{display:none}}html[data-view=world] .cu{--cu:#1b1226}html[data-view=world] .cu img{border-color:var(--gold)}