/* intro: full-screen white veil with the peony, above everything, fades out on hand-over */
#opening{position:fixed;inset:0;z-index:200;background:#F6F1E8;cursor:pointer;transition:opacity 1.4s ease}
#opening canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#opening .intro-skip{position:absolute;right:max(16px,3vw);bottom:max(16px,3vh);font:400 11px/1 Jost,system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(11,11,11,.42);background:none;border:0;padding:10px;cursor:pointer;opacity:0;transition:opacity .8s ease .9s}
#opening.intro-ready{background:transparent}
#opening.intro-ready .intro-skip{opacity:1}
#opening.intro-out{opacity:0;pointer-events:none}
html.intro-on .world .dots,html.intro-on .versions,html.intro-on .hint{opacity:0;transition:none}
html.intro-on body{overflow:hidden}
@media (prefers-reduced-motion: reduce){#opening{display:none}}