@font-face{font-family:Bangers;font-style:normal;font-weight:400;src:url(fonts/bangers-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(fonts/nunito-latin-400-normal.woff2) format('woff2');font-display:swap}
.lba-page{background:#fffdf5;color:#1a1a1a;font-family:Nunito,sans-serif;margin:0}
.lba-page *{box-sizing:border-box}
.lba-shell{margin:0 auto;padding:0;width:min(1240px,94vw)}
.lba-heading{align-items:end;border-bottom:3px solid #1a1a1a;display:flex;gap:24px;justify-content:space-between;margin:32px 0 24px;padding:0 0 20px}
.lba-heading h1{font-family:Bangers,cursive;font-size:clamp(36px,5vw,68px);font-weight:400;line-height:1.03;margin:8px 0 0}
.lba-heading p{margin:0}
.lba-heading>span{flex-shrink:0;font-size:15px}
.lba-toolbar,.lba-pagination{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:20px 0}
.lba-modes{display:flex;gap:8px}
.lba-button,.lba-modes button{background:#f5c400;border:2px solid #1a1a1a;border-radius:4px;color:#1a1a1a;cursor:pointer;display:inline-block;font:inherit;padding:10px 18px;text-decoration:none}
.lba-button:hover,.lba-modes button:hover{background:#ffe36a}
.lba-modes button[aria-pressed=false],.lba-secondary{background:#fffdf5}
.lba-page a:focus-visible,.lba-page button:focus-visible{outline:3px solid #cc1622;outline-offset:4px}
.lba-comic{margin:0}
.lba-whole-page{display:block;height:auto;width:100%}
.lba-panel-sequence{display:none}
.lba-comic[data-layout=panels] .lba-whole-page{display:none}
.lba-comic[data-layout=panels] .lba-panel-sequence{display:grid;gap:20px}
.lba-panel{position:relative;aspect-ratio:var(--ratio);background:#fffdf5;border:2px solid #1a1a1a;margin:0;overflow:hidden}
.lba-art-window{position:absolute;bottom:0;left:0;right:0;top:0;overflow:hidden}
.lba-art-window img{position:absolute;left:var(--img-left);top:var(--img-top);height:var(--img-height);max-width:none;width:var(--img-width)}
.lba-gate{background:#f5c400;border:3px solid #1a1a1a;margin:32px 0;padding:clamp(24px,5vw,64px)}
.lba-gate h2,.lba-card h2,.lba-story-note h2{font-family:Bangers,cursive;font-size:40px;font-weight:400;margin:12px 0}
.lba-gate .lba-button{background:#fffdf5;margin:12px 16px 12px 0}
.lba-transcript,.lba-story-note{border-top:2px solid #1a1a1a;margin:32px 0;padding:20px}
.lba-transcript summary{cursor:pointer;font-size:20px}
.lba-transcript p{break-inside:avoid;line-height:1.6}
.lba-transcript[open]{column-count:2;column-gap:32px}
.lba-transcript summary{column-span:all}
.lba-draft{background:#fff1ba;border-left:4px solid #cc1622;padding:12px 16px}
.lba-card{border:3px solid #1a1a1a;display:grid;grid-template-columns:1fr 1fr;margin:24px 0;overflow:hidden}
.lba-card img{display:block;height:100%;object-fit:cover;object-position:top;width:100%}
.lba-card-copy{align-content:center;background:#f5c400;padding:32px}
.lba-fallback{background:#f5c400;border-bottom:3px solid #1a1a1a;display:flex;gap:24px;padding:16px}
@media(max-width:600px){.lba-heading{align-items:start;flex-direction:column;gap:12px}.lba-toolbar{align-items:start;flex-wrap:wrap}.lba-card{grid-template-columns:1fr}.lba-transcript[open]{column-count:1}.lba-pagination{flex-wrap:wrap}.lba-modes button{padding:8px 12px}}
@media print{.lbfe-nav,.lbfe-drawer,.lbfe-footer,.lba-toolbar,.lba-pagination,.lba-transcript,.lba-draft{display:none!important}.lba-shell{width:100%}.lba-comic{break-inside:avoid}.lba-heading{margin:0 0 10px}.lba-heading h1{font-size:28px}.lba-panel{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Shared album typesetting, independent of generated artwork headers. */
.lba-sheet{container-type:inline-size;background:#fff;width:100%;padding:0 1.5625%;color:#1a1a1a}
.lba-sheet-header{height:6.451613cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.lba-sheet-header img{width:3.63cqw;height:3.63cqw;object-fit:contain}
.lba-sheet-header span{font-family:Bangers,cursive;font-size:2.62cqw;font-weight:400;line-height:1;white-space:nowrap}
.lba-sheet-art{position:relative;aspect-ratio:992/1424;overflow:hidden;border:2px solid #1a1a1a}
.lba-sheet-art .lba-whole-page{position:absolute;max-width:none;width:var(--sheet-width);height:var(--sheet-height);left:var(--sheet-left);top:var(--sheet-top)}
.lba-sheet-footer{height:4.83871cqw;display:flex;align-items:center;justify-content:center;font:2.02cqw Nunito,sans-serif}
.lba-comic[data-layout=panels] .lba-sheet{display:none}
.lba-sheet-only .lba-heading,.lba-sheet-only .lba-toolbar,.lba-sheet-only .lba-pagination,.lba-sheet-only .lba-transcript,.lba-sheet-only .lba-story-note,.lba-sheet-only .lba-shell>p,.lba-sheet-only nav,.lba-sheet-only .lbfe-footer{display:none!important}
.lba-sheet-only .lba-shell{width:100%}
.lba-sheet-only .lba-comic .lba-sheet,.lba-sheet-only .lba-sheet .lba-whole-page{display:block!important}
.lba-sheet-only .lba-panel-sequence{display:none!important}

/* Fit the album page within the viewport below the site's fixed menu. */
.lbfe-page.lba-page{padding-top:var(--lba-nav-offset,110px)}
.lba-page .lba-heading{align-items:center;margin:8px 0 12px;padding-bottom:10px}
.lba-page .lba-heading h1{font-size:clamp(24px,3vw,36px);margin:0}
.lba-page .lba-heading p{font-size:13px}
.lba-page .lba-toolbar{margin:8px 0}
.lba-page .lba-toolbar p{margin:0}
.lba-page .lba-pagination{margin:10px 0}
.lba-comic[data-layout=page] .lba-sheet{margin:0 auto}
.lba-shell>.lba-whole-page{object-fit:contain;width:100%}
.lba-sheet-only.lbfe-page.lba-page{padding-top:0}
@media(max-width:600px){.lba-page .lba-heading{gap:2px}.lba-page .lba-heading>span{font-size:12px}}