/* A manga header: every composition ends above the human's full river. */
.manga-cut[data-layout=band]{clip-path:polygon(0 0,100% 5%,100% 100%,0 94%);background:var(--paper-white)}
.manga-cut[data-layout=band] .manga-cut-frame{display:none}
.manga-cut[data-layout=band]::before{content:'';position:absolute;inset:0;z-index:5;background:var(--ink);clip-path:polygon(0 0,100% 5%,100% 6.2%,0 1.2%,0 92.8%,100% 98.8%,100% 100%,0 94%);pointer-events:none}
.manga-cut[data-layout=band] .manga-cut-art{display:block;opacity:1;filter:grayscale(1) contrast(1.12);object-position:37% 31%;transform:scale(1.1)}
.manga-cut[data-layout=band] .manga-speech{left:auto;right:5%;top:8%;bottom:auto;width:31%;height:82%;max-width:145px;min-width:70px}
.manga-cut[data-layout=band] .manga-lettering{inset:10% 12% 14%;writing-mode:vertical-rl}
.manga-cut[data-layout=band] .manga-word{writing-mode:vertical-rl}
.manga-cut[data-layout=band][data-major=true] .manga-action-word{writing-mode:horizontal-tb;right:7%;bottom:14%;font-size:var(--stage-letter);transform:rotate(-8deg)}
.manga-cut[data-layout=band][data-kind=riichi] .manga-action-word{font-size:calc(var(--stage-letter)*.82)}
.manga-cut[data-layout=band][data-kind=ron] .manga-speech{left:5%;right:auto;top:8%;height:72%;width:24%}
.manga-cut[data-layout=band] .manga-sfx{left:7%;top:17%;font-size:28px}
.manga-cut[data-layout=band] .manga-cut-speaker{left:7%;bottom:10%}
/* The slash now begins at the top, with its steep lower edge opening the table. */
.manga-cut[data-layout=slash]{clip-path:polygon(0 17%,100% 0,100% 71%,0 100%)}
.manga-cut[data-layout=slash]::before{clip-path:polygon(0 17%,100% 0,100% 1.2%,0 18.2%,0 98.8%,100% 69.8%,100% 71%,0 100%)}
.manga-cut[data-layout=slash] .manga-cut-speaker{left:8%;bottom:20%}
.manga-cut[data-layout=slash] .manga-speech{top:10%;bottom:auto;right:7%;width:32%;height:65%;max-width:150px}
.manga-cut[data-layout=slash] .manga-lettering{inset:8% 10% 12%}
.manga-cut[data-layout=slash][data-kind=ron] .manga-speech{left:6%;top:24%;width:23%;height:58%}
/* Three adjacent cuts, all inside the same upper strip. */
.manga-cut[data-layout=spread] .manga-cell-eye{left:0;top:0;width:53%;height:100%;clip-path:polygon(0 0,100% 0,84% 88%,0 100%)}
.manga-cut[data-layout=spread] .manga-cell-hand{left:47%;top:0;bottom:auto;width:30%;height:100%;clip-path:polygon(23% 0,100% 0,83% 100%,0 91%)}
.manga-cut[data-layout=spread] .manga-cell-portrait{right:0;top:0;width:29%;height:100%;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}
.manga-cut[data-layout=spread] .manga-cell-eye img{object-position:36% 29%;transform:scale(1.15)}
.manga-cut[data-layout=spread] .manga-cell-hand img{object-position:40% 50%}
.manga-cut[data-layout=spread] .manga-cell-portrait img{object-position:53% 25%}
.manga-cut[data-layout=spread]>.manga-focus-lines,.manga-cut[data-layout=spread]>.manga-dash-lines,.manga-cut[data-layout=spread]>.manga-rain-lines{clip-path:polygon(0 0,52% 0,45% 88%,0 100%)}
.manga-cut[data-layout=spread] .manga-speech{left:auto;right:2%;top:6%;height:85%;width:28%;max-width:140px;min-width:65px}
.manga-cut[data-layout=spread] .manga-lettering{inset:8% 10% 14%}
.manga-cut[data-layout=spread][data-major=true] .manga-action-word{left:7%;right:auto;bottom:19%;font-size:var(--stage-letter)}
.manga-cut[data-layout=spread][data-kind=riichi] .manga-action-word{font-size:calc(var(--stage-letter)*.82)}
.manga-cut[data-layout=spread][data-kind=ron] .manga-speech{left:5%;right:auto;top:8%;width:24%;height:77%}
.manga-cut[data-layout=spread][data-kind=ron] .manga-action-word{left:auto;right:9%;bottom:18%}
.manga-cut[data-layout=spread] .manga-sfx{left:50%;right:auto;top:13%;writing-mode:horizontal-tb;font-size:25px}
.manga-cut[data-layout=spread] .manga-cut-speaker{left:5%;bottom:7%}
.manga-cut[data-kind=pressure] .manga-speech{height:86%;top:5%;bottom:auto;max-width:150px}
.manga-cut[data-kind=pressure] .manga-lettering{inset:8% 10% 12%}
.manga-cut[data-kind=pressure] .manga-word{font-weight:500;line-height:1.45;letter-spacing:.06em}
.manga-cut[data-kind=pressure][data-layout=slash] .manga-speech{right:7%;top:5%;height:68%}
.manga-cut[data-kind=pressure] .manga-cut-speaker{font-size:10px}
@media(orientation:landscape) and (max-height:500px){
 .manga-cut[data-layout=band] .manga-speech,.manga-cut[data-layout=spread] .manga-speech{width:30%;max-width:260px;right:4%;top:6%;height:80%}
 .manga-cut[data-layout=slash] .manga-speech{width:31%;max-width:260px}
 .manga-cut:not([data-layout=inset]) .manga-lettering,.manga-cut:not([data-layout=inset]) .manga-word{writing-mode:horizontal-tb}
 .manga-cut:not([data-layout=inset])[data-kind=ron] .manga-speech{left:5%;right:auto;top:18%;height:65%;width:23%;max-width:180px}
 .manga-cut[data-layout=spread][data-major=true] .manga-action-word{left:31%;bottom:20%}
 .manga-cut[data-layout=spread][data-kind=ron] .manga-action-word{left:auto;right:15%}
 .manga-cut[data-layout=band] .manga-cut-speaker,.manga-cut[data-layout=spread] .manga-cut-speaker{font-size:9px}
 .manga-cut .manga-sfx{font-size:20px}
}
/* Longer inner monologues flow into manga columns instead of tiny type. */
.manga-cut[data-prose=true] .manga-speech{width:37%;max-width:174px}
.manga-cut[data-prose=true] .manga-word{height:100%;width:max-content;white-space:normal;line-break:strict;word-break:normal;flex-shrink:0;line-height:1.35;letter-spacing:.04em}
.manga-cut[data-paragraph=true] .manga-word{width:100%;height:auto;white-space:normal;line-break:strict;flex-shrink:0;line-height:1.4;letter-spacing:.04em}