/* The artwork uses the space left by real reader chrome, including notices. */
.comic-reader{width:min(1600px,calc(100vw - 32px));height:min(1200px,calc(100dvh - 24px));max-height:none;overflow:visible}
.comic-reader .book-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;width:100%;height:100%;max-height:none;margin:0;padding:26px 34px 24px;box-sizing:border-box;overflow:visible;background:var(--paper) url('/assets/paper.webp') center/700px;clip-path:var(--rag);filter:drop-shadow(7px 10px 0 #15180f55);transform:rotate(-.35deg)}
.comic-reader .book-shell>*{min-width:0}
.comic-reader #reader-title{min-width:0;overflow-wrap:anywhere}
.comic-reader .reader-top{grid-row:1;margin:0;gap:12px}
.comic-reader .reader-edition-note{grid-row:2;margin:0;font-size:10px;line-height:1.5}
.comic-reader .book-pages{grid-row:3;container-type:size;display:grid;place-items:center;width:100%;height:100%;min-height:0;margin:0;perspective:none;transform-style:flat}
.printed-comic-spread{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:clamp(8px,1.1vw,18px);width:min(100%,150cqh);aspect-ratio:3 / 2;margin:auto;background:var(--paper) url('/assets/paper.webp') center/700px;box-shadow:2px 3px 0 #ccc3a8,4px 5px 0 #23271e65;filter:drop-shadow(3px 5px 3px #15180f38)}
.printed-comic-spread::after{content:'';position:absolute;z-index:4;inset:0 auto 0 50%;width:clamp(12px,1.8vw,26px);transform:translateX(-50%);background:linear-gradient(90deg,transparent,#3a382520 36%,#22251b66 49%,#eee6c9 53%,#3a38251c 65%,transparent);pointer-events:none}
.printed-comic-page{display:block;width:100%;min-width:0;aspect-ratio:3 / 4;margin:0;position:relative;background:var(--paper);transform:none}
.comic-blank-page{width:100%;aspect-ratio:3 / 4;background:var(--paper) url('/assets/paper.webp') center/700px;box-shadow:inset 12px 0 18px -15px #25271e80}
.printed-comic-spread[data-page-count='1']{grid-template-columns:minmax(0,1fr);column-gap:0;width:min(100%,75cqh);aspect-ratio:3 / 4}
.printed-comic-spread[data-page-count='1']::after{display:none}
.printed-page-art{width:100%;height:100%;aspect-ratio:3 / 4;overflow:hidden;background:#e9e2c9;clip-path:var(--rag-tight)}
.printed-page-art img{display:block;width:100%;height:100%;object-fit:contain}
.printed-accessible{position:absolute;inset:auto 12px 12px;padding:10px 12px;background:#f0ebd7f5;color:var(--ink);font:12px/1.45 var(--scribble-font);box-shadow:2px 3px 0 #15180f42;opacity:0;pointer-events:none}
.printed-accessible .dialogue{display:grid;grid-template-columns:48px 1fr;gap:8px;margin:4px 0}
.printed-accessible .speaker{font-size:9px;letter-spacing:.08em}
.printed-accessible p{margin:0}
.printed-page-failed .printed-accessible{opacity:1}
.comic-reader .reader-controls{grid-row:4;margin:0;gap:12px}
.comic-reader .reader-controls .button{min-height:44px}
.comic-reader .reader-hint{grid-row:5;margin:0;color:#4d513e;font-size:9px;line-height:1.5;letter-spacing:.2px}
@media(max-width:600px){
  .comic-reader{width:calc(100vw - 16px);height:min(900px,calc(100dvh - 20px))}
  .comic-reader .book-shell{padding:20px 16px;gap:10px}
  .comic-reader .reader-controls .button{min-width:82px;padding:9px 11px}
  .comic-reader .reader-edition-note{font-size:9px}
  .comic-reader .reader-hint{font-size:8px}
  .printed-accessible{font-size:11px}
}
@media(min-width:601px) and (max-width:759px){
  .comic-reader{width:min(760px,calc(100vw - 24px))}
  .comic-reader .book-shell{padding-inline:24px}
}
@media(max-height:500px){
  .comic-reader .book-shell{padding:12px 20px;gap:6px}
  .comic-reader .reader-top{font-size:8px}
  .comic-reader .reader-hint{display:none}
}