/* PupiS v118.7 — view entire scene, keep original illustration dimensions. */
.paper-illustration,.cover-figure{position:relative}
/* Full-scene action, provided without altering the page geometry. */
.pupis-scene-open {position:absolute;right:9px;top:9px;z-index:4;display:flex;align-items:center;gap:5px;cursor:pointer;
 border:1px solid rgba(255,239,196,.76);border-radius:100px;color:white;background:rgba(19,36,65,.84);
 box-shadow:0 3px 12px rgba(0,0,0,.28);font:700 11px/1.2 system-ui,sans-serif;padding:7px 10px;}
.pupis-scene-open:hover,.pupis-scene-open:focus-visible{background:#11687e;outline:2px solid white;outline-offset:1px}
.pupis-scene-fullscreen {position:fixed;inset:0;background:rgba(3,9,24,.95);display:flex;align-items:center;justify-content:center;z-index:999999;padding:58px 18px 38px;box-sizing:border-box}
.pupis-scene-fullscreen[hidden]{display:none}
.pupis-scene-fullscreen img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:9px;box-shadow:0 12px 60px #000a}
.pupis-scene-fullscreen .pupis-scene-close{position:absolute;right:18px;top:12px;border:1px solid #fff8;cursor:pointer;border-radius:50px;padding:9px 14px;color:white;background:#2e466e;font:700 14px system-ui,sans-serif}
.pupis-scene-fullscreen .pupis-scene-close:hover{background:#126477}
@media(max-width:600px){.pupis-scene-open{padding:5px 8px;font-size:10px;top:6px;right:6px}}

/* Respect original cover framing; improve focus on mermaids in parts 2 and 4. */
#sceneImage[src$="lumea-sirenelor/02-scena.webp"],#coverFigure[src$="lumea-sirenelor/02-scena.webp"]{object-position:50% 42%}
#sceneImage[src$="lumea-sirenelor/04-scena.webp"],#coverFigure[src$="lumea-sirenelor/04-scena.webp"]{object-position:52% 44%}