/* A stable picture envelope, compact manual controls, and a visible ad row. */
.picture-stage{display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:calc(100vh - 16px);height:calc(100dvh - 16px);min-height:240px;border:1px solid #8297bb44;border-radius:7px;background:#0c111e;overflow:hidden;overflow-anchor:none;margin-bottom:32px}
.picture-viewport{display:flex;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior-y:contain;overflow-anchor:none;padding-bottom:10px;scrollbar-color:#66708e #101626}
.picture-viewport>.panel-card{flex-shrink:0;width:100%;margin:auto 0;border:0;border-radius:0;box-shadow:none;overflow:visible}
.picture-viewport .panel-art{max-width:100%;margin-inline:auto}
.picture-navigation{grid-row:2;display:grid;grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);align-items:center;gap:6px;padding:3px 10px;background:#101626;border-top:1px solid #8297bb66;border-bottom:1px solid #8297bb44}
.picture-navigation-center{grid-column:2;display:grid;grid-template-columns:44px 90px 44px;align-items:center;gap:8px}
.reader-page .picture-navigation a,.reader-page .picture-navigation>button{display:grid;place-items:center;min-height:44px;min-width:44px;padding:2px 8px;border:1px solid #a491de66;border-radius:4px;background:linear-gradient(120deg,#252944,#1c3744);color:#f4f6ff;font-size:22px;font-weight:750;line-height:1.2;text-decoration:none;touch-action:manipulation}
.picture-navigation a:hover:not([aria-disabled=true]),.picture-navigation>button:hover{border-color:#79e9eb;background:#294153}
.picture-navigation a[aria-disabled=true]{opacity:.4;cursor:default}
.reader-page .picture-navigation a:focus-visible,.reader-page .picture-navigation>button:focus-visible{outline-offset:-3px}
.picture-indicator{display:grid;gap:2px;text-align:center;color:#c4d6ed;font-size:11px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}
.reader-page .picture-navigation .picture-options{grid-column:1;justify-self:start;background:#121e32;border-color:#7185aa88;font-size:13px;white-space:nowrap;padding-inline:10px}
.reader-page .picture-navigation .picture-options[aria-pressed=true]{background:#8af2e8;color:#071923;border-color:#a3fff6;box-shadow:0 0 12px #61e9e538}
.reader-page .picture-navigation .picture-options[aria-pressed=true]:hover{background:#b4fff5}
.reader-page .picture-navigation .picture-fullscreen{grid-column:3;justify-self:end;display:flex;gap:7px;font-size:12px;white-space:nowrap;background:#121e32;border-color:#7185aa88}
.picture-fullscreen svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reader-page .picture-navigation .picture-fullscreen[aria-pressed=true]{color:#a3fff6;border-color:#79e9eb}
:root:fullscreen .reader-page .reader-main{width:calc(100% - 16px)}
@media(max-width:700px){.picture-fullscreen span{display:none}}
.episode-cover{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;width:100%;margin:auto 0}
.cover-art{max-width:100%;margin-inline:auto}
.cover-image{display:block;width:100%;height:auto;object-fit:contain}
.reader-page .cover-start{display:grid;place-items:center;min-height:44px;padding:8px 22px;border:1px solid #8af2e8;border-radius:4px;background:#8af2e8;color:#071923;font-size:15px;font-weight:800;text-decoration:none}
.reader-page .cover-start:hover{background:#b4fff5}
.cover-fallback{margin:24px 0;text-align:center}.cover-fallback .cover-art{width:100%}.cover-fallback .cover-start{width:fit-content;margin:16px auto}
@media(max-width:450px){.picture-navigation{grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);gap:4px;padding-inline:4px}.picture-navigation-center{grid-template-columns:44px 44px 44px;gap:4px}.picture-indicator{font-size:10px}.reader-page .picture-navigation .picture-options{font-size:11px;padding-inline:4px}}
.reader-page .return-to-picture{align-self:end;min-height:44px;border:1px solid #a491de66;border-radius:4px;background:#1c3744;padding:10px 15px;color:#f4f6ff;font-weight:700;font-size:13px}
.picture-stage>.comic-ad{grid-row:3;width:100%;max-width:none;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#090d16}
.picture-stage>.comic-ad .comic-ad__label{font-size:10px;line-height:14px;margin:0 0 4px}
.picture-stage>.comic-ad .comic-ad__space{height:90px;min-height:90px;max-width:728px;width:100%;margin:auto;padding:0;border:0;box-shadow:inset 0 0 0 1px #70647e;gap:2px}
.picture-stage>.comic-ad .comic-ad__provider{font-size:14px;line-height:18px}
.picture-stage>.comic-ad .comic-ad__preview{font-size:10px;line-height:14px}
@media(max-width:700px){.picture-stage>.comic-ad .comic-ad__space{height:50px;min-height:50px;max-width:320px}.picture-stage>.comic-ad{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}}
@media print{.picture-navigation{display:none!important}.picture-stage{display:block;height:auto;min-height:0;overflow:visible;border:0;background:white}.picture-viewport{display:block;overflow:visible;padding:0}.picture-viewport>.panel-card,.picture-viewport>.panel-card[hidden]{display:block!important;margin:0 0 20px}.picture-viewport .panel-art{width:100%!important}.picture-viewport .panel-picture{height:auto}}