.comic-reader{color:#203c40;background:#f7efde;border:1px solid #b58a55;border-radius:20px;margin:24px 0;padding:clamp(12px,3vw,26px);scroll-margin-top:80px;box-shadow:0 12px 40px #173b4212}.comic-reader button{font:inherit;cursor:pointer;color:#203c40;background:#fffbf2;border:1px solid #b69a72;border-radius:12px;min-height:44px;padding:10px 14px}.comic-reader button:hover{background:#e9deca}:is(.comic-reader button:focus-visible,.comic-reader a:focus-visible){outline-offset:3px;outline:3px solid #b85a2c}.comic-reader button:disabled{opacity:.4;cursor:default}.comic-reader button[aria-pressed=true],.comic-reader button[aria-current=page]{color:#fff7e8;background:#23464b}.comic-reader-top>span{letter-spacing:.1em;font-size:12px}.comic-reader-top h2{margin:8px 0;font-size:clamp(23px,4vw,34px)}.comic-mode,.comic-page-tabs,.comic-turn,.comic-reader-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.comic-page-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.comic-page-tabs button{text-align:left;flex-direction:column;gap:4px;font-size:14px;display:flex}.comic-page-tabs small{opacity:.8;font-size:11px}.comic-image{width:100%;max-width:760px;margin:0 auto;position:relative;overflow:hidden;cursor:zoom-in!important;background:#142b32!important;border:0!important;border-radius:10px!important;padding:0!important;display:block!important}.comic-image img{width:100%;height:auto;display:block}.comic-scene{max-width:none}.comic-zoom-hint{color:#fff;background:#142b32df;border-radius:20px;padding:6px 10px;font-size:12px;position:absolute;bottom:8px;right:8px}.comic-turn{z-index:2;background:#f7efdef5;border:1px solid #c6ab83;border-radius:16px;justify-content:space-between;align-items:center;padding:8px;position:sticky;bottom:10px;box-shadow:0 3px 16px #0002}.comic-turn>span{font-size:12px}.comic-current-title h3{margin-bottom:8px}.comic-current-title p{font-size:14px}.comic-mystery{border-top:1px solid #c4aa84;margin-top:20px;padding:18px 0}.comic-mystery summary{cursor:pointer;min-height:44px;font-weight:700}.comic-mystery>div{gap:8px;display:grid}.comic-mystery button{text-align:left}.comic-crew>div{justify-content:space-between;gap:8px;display:flex}.comic-crew button{flex-direction:column;flex:1;align-items:center;min-width:0;padding:6px;font-size:12px;display:flex}.comic-crew img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:min(100%,72px);height:auto}.comic-voice{background:#fff9ed;border-left:3px solid #bd602e;border-radius:0 12px 12px 0;min-height:70px;padding:14px}.comic-cliffhanger{border:1px dashed #b58552;border-radius:12px;padding:14px}.comic-reader-actions a{align-self:center}.comic-dialog{background:#f7efde;border:0;border-radius:14px;width:min(96vw,1100px);max-width:96vw;max-height:94dvh;padding:12px}.comic-dialog::backdrop{background:#071a20dd}.comic-dialog-tools{z-index:2;background:#f7efde;justify-content:space-between;gap:10px;padding:4px;display:flex;position:sticky;top:0}.comic-dialog-image{overflow:auto}.comic-dialog img{display:block}.comic-resume{width:100%}@media (max-width:540px){.comic-page-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-turn{gap:5px;bottom:6px}.comic-turn button{padding:9px;font-size:13px}.comic-crew>div{gap:4px}.comic-crew button{padding:4px;font-size:11px}.comic-reader-actions{flex-direction:column}.comic-reader-actions a{align-self:flex-start}}@media (prefers-reduced-motion:no-preference){.comic-image img{animation:.3s ease-out comic-reveal}@keyframes comic-reveal{0%{opacity:.7}to{opacity:1}}}
