/* Comic vocabulary: ink, paper, screentone and motion belong to each shot. */
.manga-cut{--fx-ink:#202020;--tone-size:4px}
.manga-cut::after{display:none}
.manga-cut-art,.manga-cut-secondary{z-index:0}
.manga-cut-secondary{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 48%;filter:grayscale(1) contrast(1.12)}
.manga-cut[data-look=hand] .manga-cut-art{transform:scale(1.04);object-position:36% 48%}
.manga-cut[data-look=eye] .manga-cut-art{transform:scale(1.6);transform-origin:36% 32%;object-position:43% 29%}
.manga-cut[data-look=split] .manga-cut-art{transform:scale(1.45);transform-origin:30% 30%;object-position:37% 28%}
.manga-cut[data-look=split] .manga-cut-secondary{display:block;clip-path:polygon(60% 0,100% 0,100% 100%,40% 100%)}
.manga-gutter{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:4;stroke:var(--paper-white);stroke-width:7px;fill:none}
.manga-cut[data-look=split] .manga-gutter{display:block}
.manga-cut[data-look=paper] .manga-cut-art{opacity:.09;transform:scale(1.08);object-position:30% 54%}
.manga-cut[data-look=shadow] .manga-cut-art{filter:grayscale(1) contrast(1.8) brightness(.72);object-position:36% 45%;transform:scale(1.17)}
.manga-cut[data-look=ink]{background:var(--ink);--fx-ink:var(--paper-white)}
.manga-cut[data-look=ink] .manga-cut-art{opacity:.52;filter:grayscale(1) invert(1) contrast(1.5);transform:scale(1.18);object-position:32% 36%}
.manga-cut[data-look=ink][data-kind=think] .manga-cut-art,.manga-cut[data-look=ink][data-kind=drawn] .manga-cut-art{display:none}
.manga-tone{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.32;background:radial-gradient(circle,#202020 0 .7px,transparent .95px) 0 0/var(--tone-size) var(--tone-size);mask-image:linear-gradient(160deg,#000000,transparent 37%,transparent 63%,#000000);mix-blend-mode:multiply}
.manga-cut[data-tone=hatch] .manga-tone{background:repeating-linear-gradient(127deg,#181818 0 .7px,transparent .9px 5px),repeating-linear-gradient(40deg,#18181899 0 .6px,transparent .8px 8px);opacity:.32;mask-image:linear-gradient(0deg,#000000,transparent 64%)}
.manga-cut[data-tone=grain] .manga-tone{background:radial-gradient(circle,var(--paper-white) .6px,transparent .9px) 0 0/3px 3px;opacity:.13;mix-blend-mode:normal;mask-image:linear-gradient(115deg,#000000,transparent 55%,#000000)}
.manga-focus-lines,.manga-dash-lines,.manga-rain-lines{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden;color:var(--fx-ink)}
.manga-focus-lines{fill:currentColor;opacity:.82;transform-origin:35.5% 45%;animation:manga-focus-in .3s cubic-bezier(.15,.75,.2,1) both}
.manga-dash-lines{fill:none;stroke:currentColor;stroke-width:1.4px;opacity:.8;animation:manga-dash-in .28s ease-out both}
.manga-rain-lines{fill:none;stroke:currentColor;stroke-width:1px;opacity:.48;mask-image:linear-gradient(#000000,transparent 83%)}
.manga-cut[data-fx=focus] .manga-focus-lines,.manga-cut[data-fx=dash] .manga-dash-lines,.manga-cut[data-fx=rain] .manga-rain-lines{display:block}
.manga-cut-frame{z-index:9;stroke-width:3px}
.manga-speech{z-index:6}
.manga-cut-tile,.manga-cut-speaker{z-index:7}
.manga-word{white-space:pre;line-height:1.2}
.manga-lettering{gap:3px}
.manga-cut[data-flow=horizontal] .manga-lettering,.manga-cut[data-flow=horizontal] .manga-word{writing-mode:horizontal-tb;text-align:center}
.manga-cut[data-balloon=none] .manga-balloon{display:none}
.manga-cut[data-balloon=none] .manga-speech{inset:17% 12%;width:auto;max-width:none;min-width:0}
.manga-cut[data-balloon=none] .manga-lettering{inset:0}
.manga-cut[data-balloon=none] .manga-word{transform:none;letter-spacing:.12em;line-height:1.55}
.manga-cut[data-look=ink][data-balloon=none] .manga-word,.manga-cut[data-look=ink] .manga-aside{color:var(--paper-white)}
.manga-cut[data-look=ink] .manga-cut-speaker{background:var(--paper-white);color:var(--ink)}
.manga-cut[data-kind=think][data-look=paper] .manga-word{font-weight:500}
.manga-cut[data-kind=drawn] .manga-lettering{gap:5px}
.manga-sfx{position:absolute;left:6%;top:13%;z-index:3;font:700 32px/1 var(--serif);letter-spacing:-.12em;color:var(--fx-ink);text-shadow:1px 1px var(--paper-white),-1px -1px var(--paper-white);transform:rotate(-17deg);pointer-events:none;white-space:nowrap}
.manga-cut[data-look=ink] .manga-sfx{text-shadow:1px 1px var(--ink),-1px -1px var(--ink)}
.manga-cut[data-fx=rain] .manga-sfx{top:auto;bottom:29%;font-size:24px;writing-mode:vertical-rl;letter-spacing:.05em;transform:rotate(8deg)}
.manga-cut[data-major=true] .manga-sfx{font-size:39px}
.manga-cut[data-kind=draw] .manga-sfx,.manga-cut[data-kind=call] .manga-sfx{font-size:24px}
.manga-selection-marks{position:absolute;z-index:7;pointer-events:none;fill:none;stroke:var(--ink);stroke-width:1.2px;overflow:visible;animation:manga-mark-in .52s both}
.manga-discard-impact{position:absolute;z-index:7;pointer-events:none;fill:var(--ink);stroke:none;overflow:visible;animation:manga-discard-hit .46s ease-out both}
@keyframes manga-discard-hit{0%{opacity:0}12%,42%{opacity:.78}100%{opacity:0}}
@keyframes manga-focus-in{from{opacity:.15;transform:scale(1.075)}to{opacity:.82;transform:scale(1)}}
@keyframes manga-dash-in{from{opacity:.1;transform:translateX(-17px)}to{opacity:.8;transform:translateX(0)}}
@keyframes manga-mark-in{0%{opacity:0}18%,65%{opacity:1}100%{opacity:0}}
@media(orientation:landscape) and (max-height:500px){.manga-cut[data-major=true] .manga-sfx{font-size:25px}.manga-cut .manga-sfx{font-size:20px}.manga-cut[data-fx=rain] .manga-sfx{font-size:17px}.manga-cut-speaker{bottom:16%}.manga-cut[data-balloon=none] .manga-speech{inset:20% 12%}.manga-cut[data-kind=drawn] .manga-aside{display:none}}
html[data-manga-motion=quiet] .manga-cut *,html[data-manga-motion=off] .manga-cut *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.manga-cut *{animation:none!important;transition:none!important}}