/* White painted ink: use the generated texture, never a rebuilt contour. */
.ink-art{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none}
.ink-art-panic{width:100%;height:100%;object-fit:contain}
.ink-art-shout{border:solid transparent;border-width:76px 90px;border-image-source:url('./assets/art/proposals/white-ink-shout-v16.png');border-image-slice:28% 22% fill;border-image-repeat:stretch;border-image-width:76px 90px}
.ink-copy{--ink-base:clamp(22px,2.6cqw,32px);font-family:var(--body);font-size:var(--fit-font,var(--ink-base));font-weight:900;line-height:1.35;letter-spacing:-.025em;display:flex;flex-direction:column;justify-content:center;gap:.45em;min-width:0;min-height:0;text-align:center;overflow-wrap:anywhere}
.ink-copy p{margin:0!important;flex:0 0 auto}
.word-studio-head h2 span{display:inline-block;white-space:nowrap}
.ink-copy[data-ink-pages]:not([data-ink-pages="1"]){text-align:left;line-height:1.4}
.ink-page-status{position:absolute;bottom:35px;left:0;right:0;text-align:center;font:700 12px/1.3 var(--body);color:#655b51}
#game[data-screen=shout] .shout-speech{left:30%;right:1%;top:27%;height:65%;max-height:none;min-height:0;padding:84px 96px;background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate;display:flex}
.shout-speech .ink-art-shout{border-width:64px 80px;border-image-width:64px 80px}
#game[data-screen=shout] .shout-speech .ink-copy{display:flex;flex:1;overflow:hidden;scrollbar-gutter:auto;padding:0;opacity:var(--speech-opacity,1);white-space:normal;font-size:var(--fit-font,var(--ink-base));line-height:1.35;letter-spacing:-.025em}
.shout-rays{opacity:.35}
#game[data-screen=intro][data-intro="4"] .stage-copy{left:34%;right:0;top:1%;bottom:auto}
#game[data-screen=intro][data-intro="4"] .panic-speech{position:relative;display:block;isolation:isolate;width:100%;height:auto;aspect-ratio:3/2;min-height:0;max-height:none;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
#game[data-screen=intro][data-intro="4"] .panic-speech .ink-copy{--ink-base:clamp(34px,4.5cqw,55px);display:flex;position:absolute;inset:30% 22%;color:#25282b;white-space:nowrap;animation:none;line-height:1.14;gap:.12em}
.panic-speech .ink-copy p:last-child{font-size:1.1em}
#game[data-screen=shout] .shout-cry{z-index:3}
.result-sheet .result-document{flex:0 0 auto;max-height:none;min-height:0;overflow:visible;margin:0;padding:0}
.result-sheet .result-document p{margin:8px 0;line-height:1.5;font-size:16px}
.result-explanation{flex:none;border-top:1px solid #bfc5b2;padding-top:4px}
.result-explanation summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:700 14px/1.4 var(--body)}
.result-explanation .result-measures{margin-top:6px}
.result-sheet .result-reason{font-size:15px;line-height:1.5;margin:0}
.result-sheet .result-ending{font-size:14px;line-height:1.5}
.result-sheet .result-actions{flex-direction:row;gap:8px}
.result-sheet .result-actions button{min-height:44px;font-size:14px;padding:9px 10px}
.result-sheet .gallery-result-buttons :is(button,a){min-height:44px}
@media(max-width:600px){
 #game[data-screen=shout] .shout-speech{left:1%;right:1%;top:1%;height:59%;max-height:none;padding:61px 49px;transform-origin:50% 65%}
 .shout-speech .ink-art-shout{border-width:60px 48px;border-image-width:60px 48px}
 .ink-copy{--ink-base:22px}
 .ink-page-status{bottom:28px}
 #game[data-screen=intro][data-intro="4"] .stage-copy{left:0;right:0;top:50%;bottom:auto}
 #game[data-screen=intro][data-intro="4"] .panic-speech .ink-copy{--ink-base:clamp(27px,7.5cqw,38px);inset:29% 20%}
 .word-tile,.sentence-word{min-width:44px;min-height:44px;padding:8px 10px}
 .word-bank{gap:7px}
 .word-edit-buttons button{min-width:44px;min-height:44px}
 .sentence-steps button{min-width:44px;min-height:44px}
 .word-search,.word-genre,.word-filter-reset{min-height:44px}
 .word-studio-head{align-items:start}
 .word-header-tools{gap:5px}
 .word-studio-head h2{font-size:17px}
 .result-sheet{gap:9px;padding:16px}
 .result-sheet .result-heading{gap:8px}
 .result-sheet .result-heading h1{font-size:33px}
 .result-sheet .result-score{font-size:32px}
 .result-sheet .result-document p{margin:7px 0}
 .result-sheet .gallery-result-buttons :is(button,a){font-size:13px;padding:9px 8px}
}
@media(max-width:600px) and (orientation:landscape){
 #game[data-screen=shout] .shout-speech{left:39%;right:0;top:0;height:98%;padding:30px 44px}
 #game[data-screen=shout] .actions{left:1%;right:auto;bottom:1%;width:35%}
 #game[data-screen=shout] .actions button{font-size:13px;min-height:44px;padding:6px}
 .shout-speech .ink-art-shout{border-width:30px 42px;border-image-width:30px 42px}
 .ink-copy{--ink-base:20px}
 .ink-page-status{bottom:10px}
 #game[data-screen=intro][data-intro="4"] .stage-copy{left:39%;right:0;top:-8%}
 #game[data-screen=intro][data-intro="4"] .panic-speech .ink-copy{--ink-base:27px}
}
@media(max-height:520px) and (min-width:601px){
 #game[data-screen=shout] .shout-speech{left:31%;top:2%;height:94%;padding:48px 64px}
 .shout-speech .ink-art-shout{border-width:48px 64px;border-image-width:48px 64px}
 .ink-page-status{bottom:16px}
 #game[data-screen=intro][data-intro="4"] .stage-copy{left:39%;right:0;top:-9%}
}