/* Ink plates replace every former colored face tint. */
.bonus-tile::after{background:var(--tile-tone-bonus) center/100% 100% no-repeat;border:0;border-radius:0}
.hand-tile.call-candidate::after,.hand-tile.bonus-tile.call-candidate::after{background:var(--tile-tone-call) center/100% 100% no-repeat;border:0;border-radius:0}
.ron-tile::after,.hand-tile.bonus-tile.ron-tile::after,.manga-cut[data-kind=ron] .manga-cut-tile::after{background:var(--tile-tone-ron) center/100% 100% no-repeat;border:0;border-radius:0}
.meld-piece.sideways.bonus-tile::after{inset:auto;left:50%;top:50%;width:75%;height:133.333%;transform:translate(-50%,-50%) rotate(90deg)}
.chapter-art{filter:grayscale(1)}
.screen .action-buttons button[data-action=riichi] .action-label{color:var(--ink)}
.screen .action-buttons button[data-action=riichi]::after{opacity:.32}
.furiten-label{text-decoration:underline double;text-underline-offset:2px}
.manga-tone-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;margin:20px 0 0}
.manga-tone-guide legend{font:700 13px var(--serif);color:var(--ink);margin-bottom:12px}
.tone-guide-item{display:flex;align-items:center;gap:9px;font:500 12px var(--serif);color:var(--ink)}
.tone-guide-sample{display:block;flex:none;width:30px;height:40px;background-color:var(--paper-white);background-size:100% 100%;border:1px solid var(--ink);box-shadow:1px 2px #aaaaaa}
.tone-guide-sample[data-tone=tsumogiri]{background-image:var(--tile-tone-tsumogiri)}
.tone-guide-sample[data-tone=bonus]{background-image:var(--tile-tone-bonus)}
.tone-guide-sample[data-tone=call]{background-image:var(--tile-tone-call)}
.tone-guide-sample[data-tone=ron]{background-image:var(--tile-tone-ron)}
/* Hand faces and volumes are captured from the same model as the rivers. */
.screen .dock .hand-tile{height:var(--sprite-height);border:0;border-radius:0}
.screen .dock .hand-tile img.manga-tile-sprite,.screen .dock .own-meld .meld-piece img.manga-tile-sprite{display:block;position:static;width:100%;height:100%;aspect-ratio:auto;object-fit:fill;border:0;border-radius:0;box-shadow:none;filter:none;transform:none;margin:0!important}
.screen .dock .bonus-tile::after,.screen .dock .call-candidate::after,.screen .dock .ron-tile::after{inset:0 0 var(--sprite-depth);width:auto;height:auto;transform:none;border:0;border-radius:0}