/* Static ink/paper variation, inspired by the hatch on the standing hands.
   Backgrounds only: faces, lettering, geometry and animation stay crisp. */
:root{--print-paper:url('./manga/print/paper-v140.svg');--print-ink:url('./manga/print/ink-v140.svg');--print-rule:url('./manga/print/rule-v140.svg')}
.screen{background-image:var(--print-paper),radial-gradient(ellipse at 38% 22%,var(--paper-white) 0%,var(--paper) 64%,var(--paper-edge) 100%);background-size:384px 384px,auto}
#manga-library,#result-dialog,#result-dialog[data-final=true]{background-image:var(--print-paper);background-size:384px 384px}
/* Different offsets keep adjacent panels from looking like copied stamps. */
.manga-chapter,.story-note,.story-action-panel,#result-dialog .result-panel,#manga-library .library-cover[data-cover=window]{background-image:var(--print-paper);background-size:256px 256px;background-position:17px 39px}
.story-note{background-position:83px 21px}
#result-dialog .result-yaku-panel{background-position:121px 76px}
#result-dialog .result-hand-panel{background-image:var(--print-paper),linear-gradient(0deg,#2020200a,transparent 40%);background-size:256px 256px,auto}
.result-hero-copy::before{background-image:var(--print-paper);background-size:256px 256px}
/* Leave the character art intact; give printed solids a little uneven ink. */
.screen>.remaining-count,.active-seat .seat-wind,
.seat-announcement:is([data-kind=ron],[data-kind=tsumo]),
#result-dialog .result-points-panel,
#result-dialog .result-ranking .result-score-row[data-leading=true],
#result-dialog[data-final=true] .result-hero-copy::before,
#manga-library .library-cover[data-cover=ink],
#result-dialog .result-page-actions #next-round{background-image:var(--print-ink);background-size:288px 288px;background-position:43px 19px}
.screen>.remaining-count{background-size:192px 192px;background-position:74px 137px}
#result-dialog .result-points-panel{background-position:96px 53px}
.screen .action-buttons button{background-image:var(--print-paper)!important;background-size:192px 192px;background-position:13px 72px}
.screen .action-buttons button:nth-child(even){background-position:86px 19px}
.screen .action-buttons button:is([data-action=ron],[data-action=tsumo]){background-image:var(--print-ink)!important}
.screen>.center-action,.manga-chapter .chapter-start,#result-dialog .result-page-actions #view-table{background-image:var(--print-paper);background-size:192px 192px}
/* Only the printed border varies; its width and hit area do not move. */
#stage .story-cut,.story-note,#result-dialog .result-panel,.screen .action-buttons button{border-image-source:var(--print-rule);border-image-slice:4;border-image-width:1;border-image-repeat:stretch}