/* The play surface follows the existing photographed monitor projection. */
.garden-screen.garden-film-trigger{display:grid;place-items:center;padding:0;gap:0;overflow:hidden;background:#121916;color:#fff8e9;isolation:isolate;z-index:1;pointer-events:auto;cursor:pointer}
.garden-art-window>.garden-background,.garden-art-window>picture{pointer-events:none}
.garden-film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.garden-film-trigger::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,#07120eaa);z-index:-1}
.garden-screen-play{display:grid;place-items:center;width:104px;height:104px;border:2px solid #fff4d8d9;border-radius:50%;background:#17251cc2;box-shadow:0 0 0 9px #fff8e912,0 8px 28px #0005;transition:background .18s,box-shadow .18s}
.garden-screen-play svg{width:47px;height:47px;fill:currentColor;margin-left:7px}
.garden-film-trigger:hover .garden-screen-play,.garden-film-trigger:focus-visible .garden-screen-play{background:#3e5438;box-shadow:0 0 0 13px #fff8e92b,0 8px 28px #0005}
.garden-screen-label{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#fff8eb;font:600 20px/1.2 "Segoe UI",Arial,sans-serif;text-shadow:0 2px 6px #000}
.garden-screen-label>span{font-size:16px;font-weight:400;color:#f2e8d3}
.garden-actions .garden-watch{display:none}
.garden-watch-icon{width:30px;height:30px;flex:0 0 auto;border:1px solid #fff5dd99;border-radius:50%;display:grid;place-items:center}
.garden-watch-icon svg{width:19px;height:19px;fill:currentColor;margin-left:2px}
.garden-watch-duration{font-size:12px;font-weight:400;opacity:.8;margin-left:auto}

/* A viewport-sized modal remains available when native fullscreen is restricted. */
html.garden-film-open,html.garden-film-open body{overflow:hidden;overscroll-behavior:none}
.garden-film{position:fixed;inset:0;width:100%;height:100%;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#060907;color:#fff8ed;overflow:hidden;overscroll-behavior:contain;color-scheme:dark}
.garden-film::backdrop{background:#060907}
.garden-film-view{position:relative;display:grid;place-items:center;width:100%;height:100%;background:#060907;overflow:hidden}
.garden-film-view:fullscreen{width:100%;height:100%;background:#060907}
.garden-film-view:-webkit-full-screen{width:100%;height:100%;background:#060907}
.garden-film-video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;background:#060907}
.garden-film-close{position:absolute;z-index:3;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:9px 17px 9px 12px;border:1px solid #fff4dc77;border-radius:999px;background:#0d1718d9;color:#fff8e9;box-shadow:0 3px 15px #0004;font:600 14px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer}
.garden-film-close>span{font:400 29px/1 "Segoe UI",Arial,sans-serif}
.garden-film-close:hover{background:#34473b}
.garden-film-close:focus-visible,.garden-film-retry:focus-visible{outline:3px solid #f3d69a;outline-offset:4px}
.garden-film-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.garden-film-notice{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 48px);padding:15px 22px;border:1px solid #fff4dc55;border-radius:14px;background:#102019ed;text-align:center;font:400 15px/1.6 "Segoe UI",Arial,sans-serif}
.garden-film-notice[hidden],.garden-film-retry[hidden]{display:none}
.garden-film-status{margin:0;color:#fff5e2}
.garden-film-retry{min-height:44px;margin-top:12px;padding:8px 18px;border:1px solid #e9d19a;border-radius:8px;background:#f4dfb8;color:#243a2b;font:600 14px/1.3 "Segoe UI",Arial,sans-serif;cursor:pointer}
@media(max-width:1000px),(max-aspect-ratio:31/20),(max-height:519px),(min-aspect-ratio:5/2){
  .garden-screen.garden-film-trigger{display:grid}
  .garden-screen-play{width:152px;height:152px;border-width:4px;box-shadow:0 0 0 12px #fff8e925,0 8px 28px #0005}
  .garden-screen-play svg{width:74px;height:74px;margin-left:11px}
  .garden-screen-label{display:none}
  .garden-actions .garden-watch{display:inline-flex;justify-content:flex-start;flex-basis:100%;gap:11px;min-height:54px;padding:10px 14px;background:#443722;border-color:#443722;color:#fff4da}
  .garden-actions .garden-watch:hover{background:#59482c}
}
@media(max-width:520px){.garden-film-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));min-height:46px;padding:8px 13px 8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.garden-screen-play{transition:none}}