/* 入场动画的遮罩。每种动画都画在 canvas 上，这里只负责盖住页面、放跳过提示。 */
#intro{position:fixed;inset:0;z-index:100;overflow:hidden;cursor:pointer;background:var(--paper,#f5f0e1);animation:intro-failsafe .01s 4s forwards}
#intro canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
#intro .intro-skip{position:absolute;right:22px;bottom:18px;margin:0;padding:5px 9px;border:2px solid var(--line,#d9d1bb);background:#fffaf0cc;color:var(--ink,#22324a);font:12px Pixel,monospace;letter-spacing:1px;opacity:0;animation:intro-hint .35s .5s forwards}
html[data-intro="2"] #intro{background:#1d2340}
html[data-intro="2"] #intro .intro-skip{border-color:#ffffff33;background:#1d2340cc;color:#fff6e0}
html.intro-lock{overflow:hidden}
@keyframes intro-hint{to{opacity:.75}}
@keyframes intro-failsafe{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){#intro{display:none}}