html.comic-modal-open { overflow:hidden; }
dialog.comic-modal { position:fixed; inset:0; margin:0; width:100vw; height:100dvh; max-width:none; max-height:none; padding:64px 28px 32px; border:0; box-sizing:border-box; background:rgba(9,22,39,.86); overflow:auto; overscroll-behavior:contain; }
dialog.comic-modal::backdrop { background:transparent; }
.comic-modal-image { display:block; width:auto; height:auto; max-width:min(1400px,100%); margin:0 auto; background:#fff; }
.comic-modal-close { position:fixed; top:12px; right:18px; width:42px; height:42px; border:1px solid #d5e7f7; border-radius:50%; background:#fff; color:#073b75; font-size:30px; line-height:1; cursor:pointer; z-index:1; }
.comic-modal-close:focus-visible { outline:3px solid #ff8500; outline-offset:3px; }
@media(max-width:680px) { dialog.comic-modal { padding:64px 12px 24px; } }