.comic-intro{padding-block:0 1.2rem}.comic-intro>a{font:.85rem var(--font-ui)}.comic-intro .eyebrow{margin-top:1.3rem}.comic-intro h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:0}.comic-reader{--comic-top: 76px;--comic-tools: 120px;--comic-height: 65dvh;max-width:1500px;margin:auto;background:var(--color-page-deep);border:1px solid var(--color-border-soft);scroll-margin-top:var(--comic-top)}.comic-reader:focus-visible,.comic-reader :focus-visible{outline:3px solid #f0c476;outline-offset:-3px}.comic-reader [hidden]{display:none!important}.comic-toolbar{position:sticky;top:var(--comic-top);z-index:9;padding:.5rem .8rem;background:#211913f5;border-bottom:1px solid var(--color-border);font-family:var(--font-ui);font-size:.8rem}.comic-toolbar-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.comic-toolbar-row+.comic-toolbar-row{margin-top:.4rem}.comic-reader button,.comic-reader select,.comic-overview summary{min-height:44px;border:1px solid var(--color-border);border-radius:5px;padding:.45rem .7rem;color:var(--color-text);background:var(--color-surface-muted);font:inherit;cursor:pointer}.comic-reader button:hover,.comic-overview summary:hover{border-color:var(--color-accent)}.comic-reader button:disabled{opacity:.4;cursor:default}.comic-reader button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-page-deep)}.comic-mode-picker h2{margin:0 0 .35rem;color:var(--color-muted);font:600 .75rem var(--font-ui)}.comic-modes{display:flex;gap:.25rem;position:relative}.comic-mode-tip{visibility:hidden;position:absolute;top:100%;left:0;z-index:12;width:min(330px,calc(100vw - 32px));padding:.75rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow);font:.8rem/1.55 var(--font-ui)}.comic-mode-option:not(.tip-dismissed):has(button:focus-visible) .comic-mode-tip{visibility:visible}@media(hover:hover){.comic-mode-option:not(.tip-dismissed):hover .comic-mode-tip{visibility:visible}}.comic-episode{margin-inline:auto;color:var(--color-muted)}.comic-status{color:var(--color-muted);font-size:.75rem}.comic-page-label{white-space:nowrap}.comic-next{margin-left:auto}.comic-overview{position:relative}.comic-overview nav{position:absolute;right:0;top:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(420px,calc(100vw - 32px));padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow)}.comic-overview a{display:grid;text-align:center;text-decoration:none}.comic-overview img{width:100%;height:auto}.comic-overview a[aria-current]{outline:2px solid var(--color-accent)}.comic-stage{margin:0 auto}.comic-stage figure{margin:0}.comic-stage img{display:block}.comic-reader[data-mode=book] .comic-stage{height:var(--comic-height);display:flex;justify-content:center;align-items:center;padding:12px}.comic-reader[data-mode=book] figure{aspect-ratio:2 / 3;height:100%;max-height:calc((100vw - 26px)*1.5);max-width:100%;box-shadow:0 8px 24px #0008}.comic-reader[data-mode=book] .comic-double figure{max-width:50%;max-height:calc((100vw - 26px)*.75)}.comic-reader[data-mode=book] img{width:100%;height:100%;object-fit:contain}.comic-blank{background:linear-gradient(90deg,#28231f,#39312a)}.comic-reader[data-mode=scroll] .comic-stage{max-width:900px}.comic-reader[data-mode=scroll] figure{scroll-margin-top:calc(var(--comic-top) + var(--comic-tools) + 12px);margin-bottom:1rem}.comic-reader[data-mode=scroll] img{width:100%;height:auto;aspect-ratio:2 / 3}.comic-stage figcaption{font:.75rem var(--font-ui);color:var(--color-muted);text-align:center;padding:.5rem}.comic-reader[data-mode=panel] .comic-stage{height:var(--comic-height);width:100%;overflow:hidden;position:relative}.comic-panel-image{max-width:none;position:absolute;top:0;left:0;transform-origin:0 0;transition:transform .26s ease-in-out}.comic-ending{padding:2rem 1rem;text-align:center;border-top:1px solid var(--color-border-soft)}.comic-ending p{font-size:1.15rem}.comic-ending a{display:inline-block;padding:.5rem;font:.9rem var(--font-ui)}.comic-message{padding:.8rem;color:var(--color-text);background:var(--color-surface)}.comic-reader:fullscreen{max-width:none;width:100%;height:100%;overflow:auto}.comic-reader:fullscreen .comic-toolbar{top:0}.comic-reader.comic-expanded{position:fixed;inset:0;z-index:100;margin:0;max-width:none;width:100%;height:100dvh;overflow:auto}.comic-reader.comic-expanded .comic-toolbar{top:0}@media(max-width:600px){.comic-intro{padding-inline:.8rem}.comic-toolbar{padding:.4rem;font-size:.7rem}.comic-toolbar-row{gap:.3rem}.comic-episode{font-size:.65rem}.comic-navigation .comic-status{order:5}.comic-overview{margin-left:auto;order:6}.comic-overview summary{padding-block:.3rem}.comic-reader button{padding-inline:.5rem}}@media(prefers-reduced-motion:reduce){.comic-panel-image{transition:none}}