/* First-visit intro film. The cream cover paints with the page, so nothing flashes before the film starts.
   The film letterboxes on cream (contain), so any screen shape shows the whole frame. */
html.intro-pending{overflow:hidden}
html.intro-pending::before{content:"";position:fixed;inset:0;z-index:2147483646;background:#F5EFE6}
/* The film's first frame sits in the page (index.html), so it paints with the first screen; the film covers it. */
.intro-still{display:none}
html.intro-pending .intro-still{display:block;position:fixed;inset:0;z-index:2147483646}
.intro-still img{display:block;width:100%;height:100%;object-fit:contain;background:#F5EFE6}
.intro{position:fixed;inset:0;z-index:2147483647;background:#F5EFE6;transition:opacity .32s ease}
.intro--leaving{opacity:0;pointer-events:none}
.intro__film{display:block;width:100%;height:100%;object-fit:contain;background:#F5EFE6}
.intro__skip{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));min-height:44px;padding:0 22px;border:2px solid #0D1024;border-radius:999px;background:#FFFDF8;color:#0D1024;font:600 16px/1 "Instrument Sans",Arial,sans-serif;cursor:pointer}
.intro__skip:hover{background:#C6FF3D}
.intro__skip:focus-visible{outline:3px solid #6B32C2;outline-offset:3px}