#entry-comic{width:min(680px,96vw);height:min(940px,96dvh);max-height:96dvh;margin:auto;padding:0;border:0;border-radius:20px;background:#fff7e7;color:#33204f;box-shadow:0 20px 80px #0006;font-family:system-ui,sans-serif;overflow:hidden}
#entry-comic[open]{display:flex;flex-direction:column}#entry-comic::backdrop{background:#211634dc}
#entry-comic header,#entry-comic nav{display:flex;align-items:center;gap:10px;padding:10px 14px;flex-shrink:0}#entry-comic header{justify-content:space-between}#entry-comic nav{justify-content:center;flex-wrap:wrap}
#entry-comic button,#entry-comic a{border:0;border-radius:12px;min-height:44px;padding:10px 16px;background:#ece0f1;color:#33204f;font:700 14px system-ui;cursor:pointer;text-decoration:none;touch-action:manipulation}
#entry-comic #comic-skip,#entry-comic #comic-forward{background:#ffcd5c}#entry-comic button:disabled{opacity:.35;cursor:default}#entry-comic :focus-visible{outline:3px solid #6b39b2;outline-offset:2px}
#entry-comic .comic-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;justify-content:center;align-items:flex-start}#entry-comic img{display:block;width:100%;height:auto;max-width:600px;object-fit:contain}#comic-page{white-space:nowrap}
@media(max-width:420px){#entry-comic header{padding:8px;gap:6px}#entry-comic header strong{font-size:14px}#entry-comic nav{gap:6px;padding:8px}#entry-comic nav a{font-size:12px}}