.porch-swing{position:absolute;left:30%;top:39%;width:21%;height:18%;padding:0;border:0;border-radius:2px;background:transparent;box-shadow:none}
.porch-swing:hover{background:#ffe8b506}
.porch-swing:focus-visible{outline:1px solid #e5c68888;outline-offset:2px;background:#ffe8b508}
body>header,main>footer,main>.note,#screened-scene button{transition:opacity .8s ease,visibility .8s}
body.on-porch>header,body.on-porch main>footer,body.on-porch main>.note,body.on-porch main>.reading,body.on-porch #screened-scene button{opacity:0;visibility:hidden;pointer-events:none}
body.on-porch{background:#121914}
#porch-return{position:absolute;right:18px;bottom:14px;z-index:5;background:#231e1755;color:#ecdfc9;border:0;padding:10px 12px;font:14px Georgia,serif;border-radius:2px;min-height:44px}
#porch-return[hidden]{display:none}
#porch-return:hover{background:#231e1788}
#porch-return:focus-visible{outline:1px solid #cab89688;outline-offset:1px}
@media(prefers-reduced-motion:reduce){body.on-porch,body>header,main>footer,main>.note,#screened-scene button{transition:none!important}}
body.motion-paused,body.motion-paused>header,body.motion-paused main>footer,body.motion-paused main>.note,body.motion-paused #screened-scene button{transition:none!important}

/* A paused entrance fade must never leave the room transparent. */
.stage.paused .scene{animation:none!important;opacity:1}