/* Cube comic page (/cube/): loaded after /styles.css and /reader/reader.css,
 * whose viewer, panels, bubbles and lightbox it reuses as they are. Only what
 * the cube comic has and the reader comic does not lives here. */

/* a big screen inset centred over a darkened illustration (screen-only panels) */
.stage.dim>img.art{filter:brightness(.55) saturate(.85)}
.chain.c{right:auto;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%)}

/* a German line said in the panel, with its subtitle under it */
.caption .de{display:block;font-weight:600}
.caption .sub{display:block;font-size:.82em;opacity:.78;margin-top:2px}
/* «Checked by AI.»: small and plain, under the caption */
.caption .cnote{display:block;font-family:system-ui,sans-serif;font-size:.62em;opacity:.7;margin-top:4px;letter-spacing:.01em}
.caption a{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.caption a:hover{color:var(--accent)}

/* the last panel: no picture, the way into the app */
.endcard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8%;text-align:center;background:var(--paper);color:var(--ink);cursor:default}
.end-logo{margin:0;font-weight:800;font-size:clamp(1.6rem,4.2vw,2.3rem);letter-spacing:-.02em}
.end-title{margin:0;font-family:var(--comic-font);font-size:clamp(1.15rem,2.6vw,1.5rem)}
.end-cta{display:inline-block;margin-top:6px;padding:12px 22px;background:var(--ink);color:#fff;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 var(--orange)}
.end-cta:hover,.end-cta:focus-visible{background:var(--accent)}
.end-ai{margin:6px 0 0;font-size:.8rem;color:var(--mute);max-width:26em}