.reader-body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#090806;font-size:1rem}
.reader-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px max(20px,calc((100vw - 920px)/2));background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}
.reader-heading{min-width:0}.reader-return{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.reader-heading h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;text-shadow:none;margin:0;overflow-wrap:anywhere}
.reader-tools{flex-shrink:0}.reader-tools button,.comic-navigation button,.comic-error button{min-height:44px;font-size:1rem;line-height:1.3;font-weight:700;padding:10px 16px;border:1px solid #8b603b;background:#211b13;color:var(--paper);border-radius:3px}
.reader-tools button[aria-pressed="true"]{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.reader-main{display:flex;flex-direction:column;flex:1;min-height:0;max-width:920px;width:100%;margin:0 auto}
.reader-page-info{display:flex;justify-content:space-between;gap:18px;min-height:40px;align-items:center;padding:8px 16px;font-size:.875rem;line-height:1.4;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}
#comic-page-label{font-weight:700;min-width:0}#comic-position{white-space:nowrap;color:var(--muted)}
.comic-viewport{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;scrollbar-width:thin;scrollbar-color:#8b603b #090806}
.comic-viewport:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.comic-page{margin:0;width:max-content;min-width:100%}
#comic-image{width:100%;max-width:none;height:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:zoom-in}
.comic-viewport.is-zoomed #comic-image{cursor:grab}.comic-viewport.is-dragging #comic-image{cursor:grabbing}
.comic-load-status{position:sticky;bottom:12px;left:12px;width:max-content;max-width:calc(100% - 24px);padding:8px 14px;margin:0 12px;background:#10100ef0;border:1px solid #8b603b;font-size:.875rem}
.comic-error{position:sticky;left:0;bottom:0;max-width:100%;padding:20px;background:var(--bg);border-top:1px solid var(--orange)}
.comic-error p{margin-bottom:12px}.comic-error a{display:inline-block;min-height:44px;padding:10px 14px;text-decoration:underline}
.reader-footer{display:block;flex-shrink:0;padding:10px max(20px,calc((100vw - 920px)/2)) calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);font-size:1rem;color:var(--paper)}
.comic-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;padding:0;border:0;width:100%;order:initial}
.comic-navigation button{max-width:170px;width:100%;min-width:0;overflow-wrap:anywhere}.comic-navigation button:last-child{justify-self:end;background:var(--orange);color:var(--ink);border-color:var(--orange)}
.comic-navigation button:disabled{opacity:.4;cursor:default}.comic-navigation span{font-size:.875rem;font-weight:700;white-space:nowrap}
.reader-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:6px}
#comic-hint{font-size:.875rem;line-height:1.4;color:var(--muted);margin:0;max-width:540px}
#comic-editions{font-weight:700;min-height:44px;display:flex;align-items:center;font-size:1rem;text-decoration:underline;text-underline-offset:5px;flex-shrink:0}
.reader-body:has(.comic-fallback){height:auto;overflow:auto}.comic-fallback{max-width:920px;margin:0 auto;padding:20px}.comic-fallback img{width:100%;height:auto;margin-bottom:20px}
@media(max-width:600px){.reader-header{padding:8px 14px;gap:12px}.reader-return{font-size:.9375rem}.reader-heading h1{font-size:1.5rem}.reader-tools button{font-size:.9375rem;padding:10px 12px}.reader-footer{padding:10px 14px calc(8px + env(safe-area-inset-bottom))}.comic-navigation{gap:12px}.comic-navigation button{padding:10px 12px}.reader-bottom{gap:12px}#comic-hint{max-width:210px}#comic-editions{font-size:.9375rem}.reader-page-info{padding-inline:14px}}
@media(max-width:360px){.reader-heading h1{font-size:1.3rem}.reader-tools button{padding-inline:10px}.reader-header{gap:8px}.reader-bottom{align-items:flex-start}#comic-hint{font-size:.875rem;max-width:170px}}
@media(max-width:600px){.comic-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}#comic-nav-position{display:none}#comic-hint{max-width:240px}}
@media(max-width:600px) and (min-resolution:1dppx){.reader-header,.reader-bottom{flex-wrap:wrap}.reader-heading{flex:1;min-width:min(100%,8rem)}.reader-tools{margin-left:auto}.reader-bottom>*{min-width:0}#comic-editions{flex-shrink:1}}