#intro{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 48px;overflow:hidden}.intro-copy{max-width:300px;margin:0 0 34px;font-size:16px;font-weight:400;line-height:1.5;text-align:center;color:var(--text);opacity:.72}.intro-art{width:112px;height:auto;pointer-events:none}.sheet{fill:var(--card);stroke:var(--focus);stroke-width:1;stroke-linejoin:round}.detail{stroke:var(--line);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.plot{stroke:var(--focus);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}#enter{margin-top:38px;width:280px;max-width:100%;min-height:64px;padding:20px 28px;border:0;border-radius:999px;background:var(--text);color:var(--ground);font-size:16px;font-weight:400;line-height:24px}#enter:hover{opacity:.82}#enter:focus-visible{outline:2px solid var(--focus);outline-offset:5px}#reader:focus{outline:0}@media(max-width:500px){#intro{padding-bottom:40px}.intro-copy{font-size:15px}}

.pointer-hint{fill:var(--text);stroke:var(--card);stroke-width:1;stroke-linejoin:round}.tap-hint,.tap-center{display:none}.tap-hint{stroke:var(--focus);stroke-width:1;fill:none}.tap-center{fill:var(--focus)}@media(hover:none),(pointer:coarse){.pointer-hint{display:none}.tap-hint,.tap-center{display:block}}