/* The film shares the cover's paper and ink; no separate video rectangle. */
.cover-ending{--ending-filter:grayscale(1) contrast(1.4) brightness(2);--ending-blend:screen;--ending-opacity:.72;position:relative;isolation:isolate;background:var(--paper);overflow:hidden;margin-top:18px}
:root[data-theme="light"] .cover-ending{--ending-filter:none;--ending-blend:multiply;--ending-opacity:.72}
.cover-ending-visual{position:absolute;inset:0;background:var(--paper);isolation:isolate;overflow:hidden;pointer-events:none}
.cover-ending-scene{position:absolute;inset:0;filter:var(--ending-filter);opacity:var(--ending-opacity);mix-blend-mode:var(--ending-blend);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 70%,transparent 100%)}
.cover-ending-poster,.cover-ending-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;border:0;pointer-events:none}
.cover-ending-video{opacity:0}
.cover-ending.has-frame .cover-ending-video{opacity:1}
.cover-ending-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),transparent 18%,transparent 82%,var(--paper)),linear-gradient(to bottom,var(--paper) 0%,transparent 30%,transparent 55%,var(--paper) 100%);pointer-events:none}
.cover-ending-space{height:clamp(250px,30vw,480px)}
.cover-ending-tools{position:relative;z-index:2;display:flex;justify-content:flex-end;min-height:44px}
.cover-ending-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 0 8px 14px;border:0;color:var(--muted);font-size:11px;line-height:1.6}
.cover-ending-toggle:before{content:'Ⅱ';color:var(--accent);font-size:14px}
.cover-ending-toggle[aria-pressed="true"]:before{content:'▷'}
.cover-ending-toggle:hover{color:var(--ink)}
.cover-ending .cover-footer{position:relative;z-index:2;border-top:1px solid var(--line);background:linear-gradient(transparent,var(--paper) 45%);padding-top:20px}
@media(max-width:760px){.cover-ending{margin-top:0}.cover-ending-space{height:250px}.cover-ending-toggle{font-size:11px}.cover-ending-scene{--ending-opacity:.62}.cover-ending .cover-footer{padding-top:18px}:root[data-theme="light"] .cover-ending-scene{--ending-opacity:.62}}
@media print{.cover-ending-visual,.cover-ending-space,.cover-ending-tools{display:none}.cover-ending{margin:0}}

.cover-ending-poster--light{display:none}
:root[data-theme="light"] .cover-ending-poster--dark{display:none}
:root[data-theme="light"] .cover-ending-poster--light{display:block}

/* A full-width signature above the film, with the actual footer below it. */
.cover-ending-space{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:36px var(--pad);pointer-events:none}
.cover-ending-wordmark{display:flex;align-items:baseline;justify-content:center;gap:.12em;width:min(100%,1280px);margin:0;text-align:center;white-space:nowrap;color:var(--ink);font-size:clamp(64px,13.4vw,200px);font-weight:650;line-height:.94;letter-spacing:-.075em;opacity:.97;text-shadow:0 2px 30px color-mix(in srgb,var(--paper) 40%,transparent)}
.cover-ending-wordmark small{font-size:.43em;letter-spacing:-.035em;font-weight:550;margin-left:.08em}
@media(max-width:600px){.cover-ending-space{height:320px;padding-block:32px}.cover-ending-wordmark{flex-direction:column;align-items:center;gap:0;font-size:clamp(68px,25vw,150px);line-height:.94;white-space:normal}.cover-ending-wordmark>span{display:block}.cover-ending-wordmark>span+span{margin-top:4px}}

/* Continue the original constellation's night sky into the video signature. */
:root .cover-ending[data-ending-theme="dark"]{--paper:#000;--ink:#f1f0eb;--muted:#a4a5a0;--soft:#93948f;--line:#2a2c2c;--accent:#a3bcef;--ending-filter:grayscale(1) contrast(1.4) brightness(2);--ending-blend:screen;--ending-opacity:.72;color:var(--ink);margin-top:0}
.cover-ending[data-ending-theme="dark"] .cover-ending-poster--dark{display:block}
.cover-ending[data-ending-theme="dark"] .cover-ending-poster--light{display:none}
.cover-ending[data-ending-theme="dark"] .cover-ending-space{height:clamp(300px,30vw,480px)}
@media(max-width:600px){.cover-ending[data-ending-theme="dark"] .cover-ending-space{height:300px}}
