.film-end.dog-world{background:#fff;padding:0;perspective:none;transition:opacity .8s,visibility .8s}.dog-world iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#fff}.dog-world #filmReplay[hidden]{display:none}.cinema[data-edit=complete]::after{background:#fff;pointer-events:none}.cinema[data-edit=complete] .cinema-top,.cinema[data-edit=complete] .cinema-bottom{display:none}.portrait-shortcut{display:inline-block;font-size:11px;letter-spacing:.06em;color:inherit;text-underline-offset:5px;margin:24px 0}.cinema[data-edit=complete] .film-end{z-index:40;pointer-events:auto}@media(prefers-reduced-motion:reduce){.film-end.dog-world{transition:none}}
.canvas-flow-hint{position:fixed;z-index:85;bottom:34px;left:50%;transform:translateX(-50%);font:10px Arial,sans-serif;letter-spacing:.14em;color:#4c2634;background:#f6f4efee;padding:14px 22px;border-radius:24px;pointer-events:none;white-space:nowrap}.canvas-flow-hint[hidden]{display:none}.canvas-flow-leaving .dog-world{transform:translateY(-100dvh);opacity:0;transition:transform .65s cubic-bezier(.65,0,.35,1),opacity .65s}.canvas-flow-leaving{background:#f6f4ef}@media(max-width:600px){.canvas-flow-hint{bottom:80px;font-size:9px}}@media(prefers-reduced-motion:reduce){.canvas-flow-leaving .dog-world{transition:none}}

.film-sound-fixed{position:fixed;right:22px;bottom:22px;z-index:1000;background:#f6f1e9;color:#452a32;border:1px solid #452a3240;border-radius:25px;padding:14px 20px;font:12px Arial,sans-serif;cursor:pointer}.film-sound-fixed:focus-visible{outline:2px solid #452a32;outline-offset:4px}

/* During the film: one sound control only */
body.cinema-live .pl-route-toggle{display:none!important}
body:has(.cinema[data-edit=complete]) .film-sound-fixed,
body:has(.cinema[data-phase=site-opening]) .film-sound-fixed{visibility:hidden;opacity:0;pointer-events:none}
body.cinema-live .cinema-bottom{z-index:12}
body.cinema-live .cinema-bottom #play,
body.cinema-live .cinema-bottom #enter,
body.cinema-live .cinema-bottom #replay{position:relative;z-index:13}
.opening{padding-bottom:max(110px, calc(48px + env(safe-area-inset-bottom,0px)))}
.opening-bottom{position:relative;z-index:2;padding-right:min(220px,28vw)}
#begin{position:relative;z-index:3}
@media(max-width:700px){
  .opening-bottom{padding-right:0;padding-bottom:8px;flex-wrap:wrap;gap:12px}
  .opening-bottom #begin{width:100%;justify-content:flex-start}
  body:not(.cinema-live) .film-sound-fixed{bottom:max(22px, env(safe-area-inset-bottom,0px))}
}