.photo-secret{display:block;width:100%;padding:0;background:none;border-radius:14px;line-height:0;transition:scale .2s}
.photo-secret:hover{scale:1.015}.photo-secret:focus-visible{outline:3px solid var(--berry);outline-offset:6px}
.bonus-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;min-height:46px;border-radius:50px;background:#f5e4eb;color:#85465d;font-size:15px;transition:background .2s,scale .2s}
.bonus-button:hover{background:#efdae4}.bonus-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:3}
.mouse-interlude,.mouse-nook{min-height:100svh;padding:44px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.mouse-interlude h1,.mouse-nook h1{font:400 clamp(32px,4vw,50px)/1.15 var(--serif);letter-spacing:-.025em;text-wrap:balance;max-width:720px;margin:0 0 27px;outline:none}
.interlude-photo,.nook-photo{width:min(500px,86vw);margin:0 0 23px}
.interlude-photo img,.nook-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.interlude-photo figcaption,.nook-photo figcaption,.cinema-caption{font:500 30px/1.15 var(--hand);color:var(--berry);margin:14px 0 0;text-wrap:balance}
.mouse-interlude .primary{min-width:180px}
.nook-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.secondary-button{min-height:56px;padding:15px 25px;border-radius:12px;background:#ebeef9;color:#4b5e9c;transition:background .2s}
.secondary-button:hover{background:#e0e5f5}.secondary-button[aria-pressed=true]{background:#f5e4eb;color:#85465d}
.media-status{min-height:0;font-size:14px;line-height:1.6;color:var(--berry);max-width:380px;margin:0}
.media-status:not(:empty){margin-top:16px}.mouse-nook>.text-button{margin-top:10px}
.nook-cinema{margin:0 0 23px}.nook-cinema video{display:block;max-height:400px;width:auto;max-width:86vw;border-radius:16px;background:#eee8ec;margin:auto;aspect-ratio:480/716}
.cinema-caption{font-size:27px;margin-top:13px}
::selection{background:#edc4ce;color:#542a3e}
@media(max-width:650px){.mouse-interlude,.mouse-nook{padding:35px 20px}.mouse-interlude h1,.mouse-nook h1{font-size:34px;max-width:330px;margin-bottom:25px}.interlude-photo,.nook-photo{width:min(360px,86vw);margin-bottom:24px}.interlude-photo figcaption,.nook-photo figcaption{font-size:29px;max-width:330px}.nook-actions{gap:10px}.secondary-button{min-height:52px;font-size:14px;padding:15px 18px}.nook-actions .primary{min-height:52px;font-size:14px;padding:15px 18px}.nook-cinema video{max-height:min(400px,48svh)}.mouse-nook>.text-button{font-size:14px}.bonus-button{font-size:14px;padding:11px 18px;min-height:43px}}
@media(max-height:740px) and (min-width:651px){.mouse-interlude,.mouse-nook{padding:24px}.mouse-interlude h1,.mouse-nook h1{font-size:38px;margin-bottom:20px}.interlude-photo,.nook-photo{width:370px;margin-bottom:18px}.nook-cinema video{max-height:310px}}
@media(prefers-reduced-motion:reduce){.photo-secret,.bonus-button{transition:none}}
.interlude-photo figcaption,.nook-photo figcaption{white-space:pre-line;margin-inline:auto;width:100%;text-align:center;line-height:1.2}
.mouse-interlude h1,.mouse-nook h1{white-space:pre-line}