

:root .washi-panel:before,:root .yashima-presentation.is-finale .presentation-quote:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:#efe3c7;background-image:url('/media/8c1c522d7edba4bb6ca1fb24e81a9426d8049433ee1b2d576347a39b99c7a5a4.svg'),radial-gradient(ellipse at 6% 8%,#b88f4b20,transparent 28%),radial-gradient(ellipse at 96% 90%,#9f783b1a,transparent 34%),radial-gradient(ellipse at 67% 22%,#fff9e63b,transparent 53%),linear-gradient(110deg,#f5ecd3,#eadcbf);background-size:420px 260px,100% 100%,100% 100%,100% 100%,100% 100%;box-shadow:inset 0 0 15px #98764225;clip-path:polygon(0 4%,1.2% 2%,3% 2.7%,5% 1.1%,8% 2%,11% .8%,15% 1.7%,19% 0,23% 1.4%,27% .5%,31% 1.6%,36% .6%,41% 1.2%,46% 0,51% 1.5%,56% .5%,61% 1.2%,66% 0,71% 1.1%,77% .4%,82% 1.5%,88% .3%,93% 1.4%,97% .6%,99.4% 2%,100% 5%,99.6% 14%,100% 22%,99.4% 33%,100% 44%,99.6% 57%,100% 71%,99.4% 84%,100% 95%,99% 98%,97% 97.5%,93% 99.5%,88% 98.4%,83% 100%,78% 98.8%,73% 99.7%,68% 98.2%,62% 99.4%,57% 98.7%,51% 100%,46% 98.5%,40% 99.7%,35% 98.8%,29% 100%,24% 98.6%,19% 99.5%,14% 98.4%,9% 99.7%,5% 98.5%,2% 99.3%,.2% 97%,.7% 87%,0 76%,.6% 64%,0 52%,.5% 39%,0 28%,.6% 17%)}
:root .yashima-presentation.is-finale .presentation-quote{background:none;clip-path:none;isolation:isolate;box-shadow:none;filter:drop-shadow(0 3px 4px #493a2020)}
.washi-panel{filter:drop-shadow(0 3px 5px #493a2028)}



.yashima-washi{--washi-ink:#30382f;--washi-paper:#efe5ce;position:fixed;inset:0;z-index:1600;pointer-events:none;color:var(--washi-ink);font-family:'Yu Mincho','Hiragino Mincho ProN',serif;box-sizing:border-box}
.yashima-washi *{box-sizing:border-box}
.yashima-washi.is-modal{background:rgba(31,34,26,.12);pointer-events:auto}
.washi-panel{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;pointer-events:auto;padding:16px 22px 12px;isolation:isolate;filter:drop-shadow(0 5px 9px rgba(30,30,20,.2));animation:washi-arrive .2s ease-out}
.washi-panel:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(112deg,rgba(255,255,240,.32),transparent 45%,rgba(139,112,61,.08)),repeating-linear-gradient(17deg,transparent 0 17px,rgba(125,103,62,.025) 18px,transparent 19px 32px),var(--washi-paper);clip-path:polygon(.5% 2%,7% 1%,13% 2%,22% 0,33% 1%,46% 0,59% 1%,71% 0,88% 1%,99% 0,100% 12%,99.7% 35%,100% 62%,99.5% 98%,89% 99%,75% 98%,62% 100%,49% 99%,34% 100%,19% 99%,6% 100%,0 98%,.3% 78%,0 53%,.4% 24%)}
.washi-panel:after{content:none}
.washi-header{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-bottom:9px;position:relative}
.washi-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--washi-ink);opacity:.35;clip-path:polygon(0 30%,8% 0,28% 40%,49% 12%,70% 38%,87% 0,100% 48%,98% 70%,70% 80%,40% 68%,17% 100%,0 72%)}
.washi-portrait{width:44px;height:44px;object-fit:cover;object-position:50% 22%;border:1px solid rgba(51,58,42,.4);border-radius:50%;background:#e1d4b8;flex-shrink:0}
.washi-speaker{margin:0;font-size:18px;font-weight:700;letter-spacing:.1em;min-width:0;overflow-wrap:anywhere}
.washi-seal{display:inline-flex;align-items:center;justify-content:center;border:1px solid #98533d;color:#98533d;width:23px;height:23px;font-size:12px;transform:rotate(-5deg);flex-shrink:0}
.washi-controls{margin-left:auto;display:flex;gap:3px;flex-shrink:0}
.yashima-washi button{font:inherit;cursor:pointer;border:1px solid rgba(66,70,51,.35);border-radius:2px;background:rgba(251,245,225,.4);color:var(--washi-ink);min-width:38px;min-height:38px;padding:5px 9px}
.yashima-washi button:hover{background:rgba(75,84,55,.1)}
.yashima-washi button[aria-pressed=true]{background:#3d4939;color:#f6edd8;border-color:#3d4939}
.yashima-washi button:focus-visible,.washi-body:focus-visible{outline:2px solid #98533d;outline-offset:2px}
.washi-body{white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;overscroll-behavior:contain;margin:12px 0;line-height:1.85;font-size:17px;min-height:4em;max-height:8em;padding-right:5px;scrollbar-color:#93866c transparent;scrollbar-width:thin}
.washi-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
.washi-progress{font-size:12px;color:#726e5a;font-family:system-ui,sans-serif}
.washi-next{letter-spacing:.1em;min-width:82px!important}
.yashima-washi[data-size=small] .washi-panel{width:min(630px,calc(100% - 32px));padding-top:12px}
.yashima-washi[data-size=small] .washi-body{font-size:15px;min-height:3.7em;max-height:3.7em;line-height:1.85}
.yashima-washi[data-size=small] .washi-portrait{width:32px;height:32px}
.yashima-washi[data-size=large] .washi-panel{width:min(900px,calc(100% - 32px))}
.yashima-washi[data-size=large] .washi-body{font-size:21px;min-height:6em;max-height:14em;line-height:1.9}
@keyframes washi-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:480px){.washi-panel,.yashima-washi[data-size=small] .washi-panel,.yashima-washi[data-size=large] .washi-panel{width:calc(100% - 16px);padding:12px 15px 10px;bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100dvh - 16px)}.washi-header{gap:6px;flex-wrap:wrap}.washi-controls{gap:2px}.washi-speaker{font-size:16px;max-width:calc(100% - 170px)}.washi-seal{display:none}.washi-portrait{width:34px;height:34px}.washi-body{font-size:16px}.yashima-washi[data-size=large] .washi-body{font-size:19px;min-height:5em;max-height:13em}.yashima-washi button{padding:5px 8px;min-width:36px}}
@media(max-height:440px){.washi-panel{bottom:8px;padding:9px 16px}.washi-header{padding-bottom:5px}.washi-body,.yashima-washi[data-size=large] .washi-body{min-height:2em;max-height:28dvh;margin:7px 0}.washi-portrait{width:30px;height:30px}.yashima-washi[data-size=small] .washi-body{min-height:2em;max-height:20dvh}}
@media(prefers-reduced-motion:reduce){.washi-panel{animation:none}}
.yashima-washi.is-finisher{background:transparent;pointer-events:auto;overflow:hidden}
.yashima-washi.is-bust{background:transparent}
.yashima-washi.is-bust .washi-portrait{display:none}
.washi-bust{position:absolute;left:12px;bottom:100px;width:min(62vw,400px,80dvh);aspect-ratio:1/.88;overflow:hidden;pointer-events:none}
.washi-bust img{display:block;width:100%;height:auto;object-fit:initial;transform:none}
.washi-bust{scale:var(--portrait-scale,1);transform-origin:left bottom}
.yashima-washi.is-finisher .washi-panel{width:min(580px,calc(100% - 24px));padding:12px 18px;bottom:max(14px,env(safe-area-inset-bottom))}
.yashima-washi.is-finisher .washi-body{font-size:17px;min-height:0;max-height:3.7em;margin:9px 0 0;line-height:1.7}
.yashima-washi.is-finisher .washi-header{padding-bottom:6px}
.yashima-washi.is-finisher .washi-speaker{max-width:none}
.yashima-washi.is-finisher .washi-footer,.yashima-washi.is-finisher .washi-controls,.yashima-washi.is-finisher .washi-portrait{display:none}




