/* Loader: the ASCII spade spins alone, the nine of spades fizzles in around it, flips to its face,
   glows, then flips once more and the page unfolds from the card's back.
   It only exists while <html> has .is-intro (set by the inline script in <head>). */
#loader{display:none}
html.is-intro #loader{display:block;position:fixed;inset:0;z-index:100;cursor:pointer;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 52%,var(--glow) 100%)}
#loader.out{opacity:0;transition:opacity .45s linear;pointer-events:none}
#loader canvas{position:absolute;inset:0;display:block}

/* while the intro runs, the page is held as one screen so it can unfold from the card */
html.is-intro #site{position:fixed;inset:0;overflow:hidden;visibility:hidden;transform-origin:50% 50%;backface-visibility:hidden}
html.is-intro #site.in{visibility:visible}
#edge{position:fixed;z-index:101;left:50%;top:50%;border:1px solid var(--ink);pointer-events:none;visibility:hidden;box-sizing:border-box}