/* Portrait panels use three rows: speaker, whole gesture, then its words. */
.music-begin{display:none}
@media(max-width:820px) and (orientation:portrait){
 .prologue{min-height:100svh}
 .prologue .inner{gap:22px;padding:84px 6vw 44px}
 .prologue .label{position:static;translate:none}
 .music-begin{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;font:18px/1.25 var(--body);color:var(--ink);background:#fff6e5;border:1px solid #fff8ec;border-radius:2px;box-shadow:0 2px 16px #34251430;cursor:pointer}
 .music-begin[hidden]{display:none}
 .music-begin:focus-visible{outline:2px solid white;outline-offset:5px}
 body>.sound-control{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}
 body>.sound-control #music-toggle{min-height:44px;font-size:12px;min-width:112px}
 body>#act{top:max(12px,env(safe-area-inset-top));max-width:calc(100vw - 160px)}
 .scene:not([data-w]):not(.center) .cam{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:88px 7vw max(8svh,40px)}
 .scene:not([data-w]):not(.center) .who{position:relative;grid-row:1;justify-self:start;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
 .scene:not([data-w]):not(.center) .fig{position:relative;grid-row:2;align-self:stretch;min-height:0;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:100%!important;translate:none!important}
 .scene:not([data-w]):not(.center) .fig .cut{width:100%;height:100%;max-width:none;object-fit:contain}
 .scene:not([data-w]):not(.center) .decl{position:relative;grid-row:3;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;translate:none!important;width:100%!important;max-width:none!important;font-size:clamp(1.9rem,8.8vw,2.8rem);padding:.3em .45em;line-height:1.12}
 .scene[data-w] .said,.scene[data-w]:has(.gesture-caption) .said{top:max(78px,10svh)!important}
 .scene.h3 .said{font-size:clamp(1.8rem,8vw,2.6rem);padding:.3em .45em}
 .scene.h3 .fig[data-side]{bottom:24vh!important}
}