:root{color-scheme:dark;--paper:#0b1116;--ink:#d7ddd6;--dim:#75868a;--line:#303e42;--orange:#e38b65;--accent:#83aeb7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 65% 0%,#17232a66,transparent 45%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:disabled{cursor:default;opacity:.25}button{border:0;background:none}button span,button svg{pointer-events:none}[hidden]{display:none!important}
.masthead,main,footer{width:min(1190px,calc(100% - 88px));margin:auto}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:17px;align-items:center;font-size:12px;letter-spacing:3px;font-weight:700}.wordmark small{display:block;font-family:monospace;font-weight:400;font-size:8px;letter-spacing:1.5px;color:var(--dim);margin-top:7px}.mark{position:relative;font-size:34px;letter-spacing:-4px}.mark span{position:absolute;width:17px;height:2px;background:var(--orange);top:-5px;left:2px}.header-actions{display:flex;gap:21px}.header-actions button{display:flex;align-items:center;gap:9px;font:10px monospace;letter-spacing:.8px;padding:10px 0;color:#9eaead}.sound-icon{font-size:17px;color:var(--orange)}.motion-icon{font-size:22px}.header-actions button[aria-pressed=true]{color:var(--ink)}
.issue-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 33px}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--dim);margin:0 0 12px}.eyebrow span{color:var(--orange);margin:0 10px}h1{font-size:clamp(35px,5vw,64px);font-weight:900;line-height:.95;letter-spacing:-3.7px;margin:0}h1 span{color:var(--orange)}.intro-copy{display:flex;align-items:center;gap:30px}.intro-copy p{font-size:12px;line-height:1.65;color:#a8b5b6;margin:0}.begin{border:1px solid #a17b65;padding:14px 17px;font:9px monospace;letter-spacing:1.3px;white-space:nowrap}.begin:hover{background:#e38b6515}.begin span{font-size:16px;margin-left:20px;color:var(--orange)}
.reader-shell{display:grid;grid-template-columns:100px 1fr;gap:32px}.chapter-rail{display:flex;flex-direction:column;padding-top:65px;gap:3px}.chapter-tab{text-align:left;border-top:1px solid #263137;padding:14px 0 14px 12px;position:relative;transition:color .2s}.chapter-tab .number{font:15px monospace;color:#697c82;display:block}.chapter-tab .tab-title{font:7px monospace;letter-spacing:.7px;line-height:1.5;display:block;margin-top:7px;color:#66757a}.chapter-tab:before{content:'';position:absolute;left:0;top:16px;bottom:18px;width:2px;background:transparent}.chapter-tab[aria-current=page]:before{background:var(--accent)}.chapter-tab[aria-current=page] .number{color:var(--accent)}.chapter-tab[aria-current=page] .tab-title{color:var(--ink)}.chapter-tab:hover .number{color:var(--ink)}
.page-heading{display:flex;justify-content:space-between;align-items:center;min-height:65px;padding:0 0 15px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}h2{font-size:15px;letter-spacing:1.4px;line-height:1.3;margin:0;font-weight:500}.page-count{font:9px monospace;letter-spacing:1px;color:var(--dim)}.comic-page{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.panel{margin:0;position:relative;isolation:isolate;overflow:hidden;background:#132028;border:1px solid #44585c66;cursor:zoom-in;min-width:0;outline-offset:3px}.panel:first-child{grid-column:1/-1}.panel-art{aspect-ratio:2/1;overflow:hidden;position:relative}.panel-art .sheet{position:absolute;left:0;top:0;width:100%;height:300%;max-width:none;object-fit:fill;transform:translateY(calc(var(--slice) * -33.333333%));user-select:none;pointer-events:none}.panel-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 25px #0002;pointer-events:none;z-index:2}.panel:hover{border-color:#91adae}.panel:hover .zoom-hint{opacity:1}.caption{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 36px);background:#e3e3ce;color:#202b30;padding:10px 13px;font:700 10px/1.5 monospace;letter-spacing:1px;z-index:5;box-shadow:3px 3px 0 #03080c55}.panel:first-child .caption{left:22px;top:22px;bottom:auto}.sound-word{position:absolute;bottom:18px;right:22px;color:#d6e8df;transform:rotate(-8deg);font-size:clamp(15px,2.5vw,36px);letter-spacing:-1px;font-weight:900;font-style:italic;text-shadow:3px 3px #17222b;z-index:5}.panel-index{position:absolute;right:10px;top:9px;font:8px monospace;color:#c9ded880;background:#07101755;padding:5px 6px;z-index:4}.zoom-hint{position:absolute;right:9px;bottom:10px;padding:5px 7px;opacity:0;transition:opacity .2s;background:#071017aa;font:8px monospace;color:#d0ddda;z-index:6}.loading-label{position:absolute;inset:0;display:grid;place-items:center;color:#65818c;font:9px monospace;letter-spacing:2px}.sheet.loaded+.loading-label{display:none}.page-navigation{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);gap:15px}.nav-button{font:9px monospace;letter-spacing:1px;padding:8px 0;white-space:nowrap}.nav-button span{color:var(--accent);font-size:18px;vertical-align:-1px;margin:0 10px}.nav-button.next{color:var(--ink)}#readingHint{font:7px monospace;letter-spacing:1px;color:#607479;text-align:center}.closing{padding:26px 20px;text-align:center;letter-spacing:3px;font:11px monospace;color:#ccd7c5;border-bottom:1px solid var(--line)}
footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:31px 0 35px;font:7px monospace;letter-spacing:1px;color:#64767b}footer div{display:flex;gap:24px}footer a:hover{color:var(--ink)}
dialog{width:min(1200px,calc(100% - 48px));max-height:94vh;padding:19px;border:1px solid #486066;background:#0a1117;color:var(--ink);box-shadow:0 20px 100px #000b}dialog::backdrop{background:#03090ee8;backdrop-filter:blur(8px)}.focus-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 17px;font:9px monospace;letter-spacing:1px}.focus-toolbar button{font:9px monospace;color:#a5b9ba}.focus-toolbar button span{font-size:22px;vertical-align:-3px;margin-left:13px}#focusArt .panel{cursor:default}#focusArt .panel-art{max-height:74vh;aspect-ratio:2/1}.focus-navigation{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;font:9px monospace;color:var(--dim)}.focus-navigation button{font-size:24px;width:50px}.focus-navigation button:hover{color:var(--ink)}.notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(10px);background:#1b2b32;border:1px solid #638080;padding:13px 20px;z-index:20;font:11px monospace;opacity:0;pointer-events:none;transition:.25s}.notice.visible{opacity:1;transform:translateX(-50%)}
@media(min-width:1250px){.masthead{height:84px}.issue-heading{padding:27px 0}.panel:first-child .panel-art{aspect-ratio:2.15/1}.reader-shell{gap:25px}}
@media(max-width:760px){.masthead,main,footer{width:calc(100% - 36px)}.masthead{height:77px}.wordmark{font-size:10px;gap:13px;letter-spacing:2px}.wordmark small{font-size:6px;letter-spacing:1px}.header-actions{gap:13px}.header-actions button{font-size:8px;gap:5px}.issue-heading{padding:25px 0;gap:20px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:41px;letter-spacing:-2.7px}.intro-copy{display:block;text-align:right}.intro-copy p{font-size:9px}.begin{margin-top:9px;padding:8px 10px;font-size:7px}.begin span{margin-left:8px;font-size:11px}.reader-shell{display:block}.chapter-rail{flex-direction:row;padding:0 0 20px;gap:0}.chapter-tab{flex:1;text-align:center;padding:9px 4px}.chapter-tab:before{top:auto;bottom:0;left:10px;right:10px;width:auto;height:2px}.chapter-tab .number{font-size:12px}.chapter-tab .tab-title{display:none}.page-heading{min-height:58px}.comic-page{gap:8px}.caption{font-size:8px;letter-spacing:.6px;padding:7px 9px;bottom:10px;left:10px;max-width:calc(100% - 20px)}.panel:first-child .caption{left:12px;top:12px}.panel-index{font-size:6px;top:5px;right:5px}.sound-word{font-size:21px;bottom:12px;right:12px}h2{font-size:13px}.page-count{font-size:8px}.page-navigation{padding:16px 0}.nav-button{font-size:7px;letter-spacing:.5px}.nav-button span{margin:0 4px;font-size:16px}#readingHint{font-size:6px;max-width:82px;line-height:1.5}footer{align-items:flex-start;font-size:6px;padding:23px 0}footer div{flex-direction:column;gap:8px;text-align:right}dialog{width:calc(100% - 24px);padding:12px}.focus-toolbar{font-size:7px}.focus-toolbar button{font-size:7px}}
@media(max-width:480px){.comic-page{grid-template-columns:1fr}.panel:first-child{grid-column:auto}.panel-art{aspect-ratio:2/1}.issue-heading .eyebrow{max-width:190px;line-height:1.7;margin-bottom:8px}.issue-heading{align-items:flex-end}h1{font-size:34px}.intro-copy p{display:none}.caption{font-size:9px}.panel-index{font-size:7px}.panel-art .zoom-hint{display:none}.header-actions .motion-icon{font-size:18px}.header-actions .action-label{font-size:7px}.wordmark small{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Frame actual artwork rows and preserve their native proportions. */
.panel{align-self:start}
.panel-art,.panel:first-child .panel-art,#focusArt .panel-art{aspect-ratio:var(--art-ratio,2);max-height:none}
.panel-art .sheet{height:var(--sheet-height,300%);top:var(--sheet-top,0);transform:none}
#focusArt .panel{width:min(100%,var(--focus-width,148vh));margin:auto}
@media(max-width:480px){.issue-heading{flex-wrap:wrap;gap:12px}.intro-copy{width:100%;text-align:left}.begin{margin-top:0}}

/* The enlarged reader stays open through the complete eighteen-panel story. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.focus-toolbar{gap:18px;align-items:flex-start}.focus-heading{min-width:0;display:flex;flex-direction:column;gap:8px;line-height:1.4}.focus-heading small{font:8px monospace;color:var(--dim);letter-spacing:1px}.focus-actions{display:flex;align-items:center;gap:17px;flex-shrink:0}.focus-actions button{display:flex;gap:7px;align-items:center;min-height:30px}.focus-actions button span{font-size:14px;margin:0;vertical-align:baseline}.focus-actions button .action-label{font:9px monospace}.focus-actions .sound-icon{color:var(--orange)}.focus-actions #closeFocus{margin-left:8px}.focus-actions #closeFocus span{font-size:21px}
#focusArt{touch-action:pan-y pinch-zoom}.focus-position{display:flex;flex-direction:column;align-items:center;gap:6px}.focus-hint{font:7px monospace;letter-spacing:1px;color:#71878d}.focus-navigation{padding-top:17px;gap:12px}.focus-navigation button{width:auto;min-width:110px;font:9px monospace;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0}.focus-navigation button span{font-size:22px;color:var(--accent)}.focus-ending{text-align:center;font:9px monospace;letter-spacing:2px;line-height:1.5;color:#becfbd;margin:14px 0 0}.focus-progress-label{display:block;margin-top:11px}#focusProgress{display:block;width:100%;height:20px;margin:0;cursor:pointer;accent-color:var(--accent);background:transparent}.focus-notice{font:10px monospace;color:#e3b394;margin:0 0 12px}
dialog.fullscreen-reader{width:100vw;max-width:none;max-height:100dvh;height:100dvh;margin:0;inset:0;border:0;padding:20px 30px;display:flex;flex-direction:column;overflow:hidden}dialog.fullscreen-reader #focusArt{flex:1;min-height:0;display:grid;place-items:center}dialog.fullscreen-reader #focusArt .panel{width:min(100%,var(--focus-width,148vh))}dialog.fullscreen-reader .focus-toolbar,dialog.fullscreen-reader .focus-navigation,dialog.fullscreen-reader .focus-progress-label{flex-shrink:0}
@media(max-width:760px){.focus-toolbar{flex-wrap:wrap;gap:10px;padding-bottom:12px}.focus-heading{width:100%}.focus-actions{width:100%;justify-content:space-between;gap:10px}.focus-actions #closeFocus{margin:0}.focus-actions button .action-label{font-size:8px}.focus-heading small{font-size:7px}.focus-navigation button{min-width:94px;font-size:8px}.focus-hint{font-size:6px}.focus-ending{font-size:8px}dialog.fullscreen-reader{padding:15px}}
@media(max-width:480px){.focus-actions{gap:7px}.focus-actions button .action-label{font-size:7px}.focus-actions button span{font-size:13px}.focus-actions #closeFocus{font-size:7px}.focus-hint{max-width:105px;text-align:center;line-height:1.5}.focus-navigation button{min-width:83px;gap:7px;font-size:7px}.focus-navigation button span{font-size:20px}}
.panel-art .panel-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#071018;z-index:1;opacity:0;pointer-events:none}.panel-art .panel-video.ready{opacity:1}.video-unavailable .panel-video{display:none}

.panel-art .loop-crossfade{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#071018;z-index:2;pointer-events:none}
.panel-video.ready+.loading-label{display:none}

/* One centered leaf at every screen size. */
.reader-shell{grid-template-columns:80px minmax(0,1fr) 80px;gap:22px;padding-top:24px}.reader{min-width:0}
.comic-page{display:block;position:relative;width:min(100%,520px);aspect-ratio:.65;margin-inline:auto;touch-action:pan-y pinch-zoom;background:#070d12}
.magazine-leaf{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;padding:18px;background:#0e1820;min-width:0;border:1px solid #394c5266}
.leaf-heading{font:8px/1.4 monospace;letter-spacing:1.2px;color:#9eb2b4;padding:0 0 14px}
.leaf-panels{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.leaf-panels .panel:first-child{grid-column:auto}.leaf-panels .panel{height:100%;min-height:0}
.panel-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.magazine-leaf .panel-art,.magazine-leaf .panel:first-child .panel-art{height:100%;aspect-ratio:auto;container-type:size}
.magazine-leaf .panel-media{inset:0;width:100%;height:100%}
.page-turn-canvas{position:absolute;left:0;top:0;z-index:12;pointer-events:none;max-width:none}
.page-turning{overflow:hidden;cursor:grabbing}.page-turning :is(.panel-video,.caption,.sound-word,.zoom-hint){visibility:hidden}
#focusArt{position:relative;cursor:pointer}#focusArt .panel{cursor:pointer}
/* One sheet size for every enlarged panel; media changes inside it. */
#focusArt{margin-inline:auto;background:#0b1116;overflow:hidden}
#focusArt .panel{width:100%;height:100%;max-width:none;margin:0}
#focusArt .panel-art{width:100%;height:100%;aspect-ratio:auto;container-type:size}
#focusArt .panel-media{inset:0;width:100%;height:100%}
dialog.fullscreen-reader #focusArt{flex:0 0 auto;display:block}
dialog.fullscreen-reader #focusArt .panel{width:100%}
.comic-page.showing-cover{display:grid;grid-template-columns:1fr;place-items:center;background:transparent}
.magazine-cover{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:#13242c;border:1px solid #6a808855;color:#e0e7df;cursor:pointer;touch-action:manipulation}
.magazine-cover:focus-visible{outline:2px solid var(--orange);outline-offset:8px}.magazine-cover:hover{border-color:#b9c8c799}
.cover-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.cover-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.12);transform-origin:50% 32%}
.cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07101711 0%,transparent 48%,#07101766 100%)}
.cover-design{position:absolute;inset:0;pointer-events:none}.cover-design img{display:block;width:100%;height:100%;object-fit:fill}
.cover-top{display:flex;justify-content:space-between;gap:10px;padding:26px 28px 0;font:8px/1.4 monospace;letter-spacing:1.6px;color:#bed1d0}
.cover-title{font-size:clamp(35px,6vw,63px);font-weight:900;letter-spacing:-3.7px;padding:18px 27px 0;line-height:1.05}
.cover-rule{height:2px;background:#e38b65;width:42px;margin:18px 30px}
.cover-copy{position:absolute;left:30px;right:30px;bottom:32px;display:flex;flex-direction:column;align-items:flex-start}
.page-heading .page-count{margin-left:auto}
.cover-issue-title{font-size:clamp(16px,2.2vw,23px);font-weight:500;line-height:1.35;letter-spacing:2.5px;max-width:390px;margin:0 0 18px;text-shadow:0 2px 14px #0008}
.cover-tagline{font-size:clamp(26px,3.5vw,40px);font-weight:700;line-height:1.1;letter-spacing:-1px;margin:0 0 10px;max-width:320px}
.cover-subtitle{font-size:12px;line-height:1.5;color:#b2c6c9;margin:0 0 23px}
.cover-note{font:7px/1.7 monospace;letter-spacing:1.5px;color:#b1c5c7;margin-top:8px}
.cover-spine{position:absolute;inset:0 auto 0 0;width:14px;background:linear-gradient(90deg,#02090ba0,#dce5da14 40%,#0002 80%,transparent);pointer-events:none}
@media(max-width:760px){.reader-shell{display:block}.magazine-leaf{padding:12px}.leaf-panels{gap:9px}.cover-title{font-size:clamp(33px,9vw,55px);letter-spacing:-2.6px}.cover-top{font-size:7px;padding:22px 23px 0;letter-spacing:1px}.cover-copy{left:24px;right:24px;bottom:24px}.cover-title{padding-left:22px}.cover-tagline{font-size:32px}.cover-subtitle{font-size:11px;margin-bottom:16px}}
@media(max-width:380px){.cover-top{font-size:6px}.cover-copy{bottom:18px}.cover-tagline{font-size:27px}.cover-subtitle{font-size:10px}.cover-title{font-size:32px}.cover-note{font-size:6px}}
/* Horizontal drags retain native vertical scrolling and pinch zoom. */
.comic-page,#focusArt,.magazine-cover{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}

/* Generated uncoated paper, with raised frames and full-bleed moving artwork. */
:root{--paper:#0e1820;--site-background:#0b1116;--paper-grain:url('assets/charcoal-paper-texture.webp');--paper-grain-opacity:.06;--paper-grain-size:768px;--paper-grain-blend:screen;--paper-grain-filter:grayscale(1) brightness(5) contrast(2);--cover-gloss-opacity:.55}
body{background:var(--site-background);background-image:radial-gradient(ellipse at 65% 0%,#17232a66,transparent 45%)}
.magazine-leaf{isolation:isolate;background:var(--paper)}
/* The paper stack belongs to the reader, so every page rests on it. */
.comic-page,#focusArt{background-color:var(--paper);box-shadow:4px 5px 0 #4e6065,8px 10px 0 #132028,0 26px 75px #0008}
.magazine-leaf::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--paper-grain);background-size:var(--paper-grain-size);filter:var(--paper-grain-filter);mix-blend-mode:var(--paper-grain-blend);opacity:var(--paper-grain-opacity)}
.magazine-leaf>.leaf-heading,.magazine-leaf>.leaf-panels{position:relative;z-index:1}
/* Smooth laminated cover: restrained reflection, with no paper fibers. */
.magazine-cover::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(118deg,transparent 0%,#ffffff03 22%,#ffffff20 29%,#ffffff09 34%,transparent 44%,transparent 72%,#ffffff06 100%);mix-blend-mode:screen;opacity:var(--cover-gloss-opacity);box-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff12}
.leaf-panels .panel{box-shadow:0 3px 5px #0008,0 9px 17px #0006;border-color:#6b828a88}
.panel-art .panel-video,.panel-art .loop-crossfade{object-fit:cover;object-position:center}
.panel-index{left:auto;right:6px;top:6px;padding:2px 3px;background:transparent;font:8px monospace;color:#a4bac3}
.wordmark small{letter-spacing:1.6px}
footer{line-height:1.9;letter-spacing:2px}footer>span:last-child{text-align:right;border-left:1px solid #52666e;padding-left:22px}

.comic-page,.comic-page .magazine-cover,.comic-page .panel,#focusArt,#focusArt .panel{cursor:grab}
.comic-page:active,.comic-page:active *,.comic-page.page-turning,.comic-page.page-turning *,#focusArt:active,#focusArt:active *,#focusArt.page-turning,#focusArt.page-turning *{cursor:grabbing}

/* Keep page numbers below the artwork and fit the entire mobile sheet. */
.reader-shell{grid-template-columns:minmax(0,1fr)}
.reader{width:min(100%,700px);margin-inline:auto}
.page-position{display:flex;flex-direction:column;align-items:center;gap:6px}
.chapter-rail{flex-direction:row;padding:8px 0 0;gap:0}
.chapter-tab{flex:1;text-align:center;padding:10px 4px}
.chapter-tab .tab-title{display:none}
.chapter-tab:before{top:auto;bottom:0;left:10px;right:10px;width:auto;height:2px}
.page-heading:has(>div[hidden]){display:none}
@media(max-width:760px){
 .masthead{height:64px}
 .reader-shell{height:calc(100vh - 64px);height:calc(100dvh - 64px);padding:8px 0 max(12px,env(safe-area-inset-bottom))}
 .reader{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"heading" "art" "closing" "navigation" "chapters"}
 .page-heading{grid-area:heading;min-height:0;padding:0 0 10px}
 .comic-stage{grid-area:art;min-height:0;container-type:size;display:grid;place-items:center}
 .comic-page{width:min(calc(100% - 8px),calc((100cqh - 10px)*.65),520px)}
 .closing{grid-area:closing;padding:8px 0;font-size:8px;letter-spacing:1.5px}
 .page-navigation{grid-area:navigation;padding:10px 0 8px;gap:8px}
 .page-position{gap:4px}
 #readingHint{max-width:110px}
 .chapter-rail{grid-area:chapters;padding:4px 0 0}
 .chapter-tab{padding:8px 4px}
}

@media(max-width:420px){.header-actions{gap:8px}.header-actions button{font-size:7px;gap:4px;letter-spacing:.3px}.wordmark{font-size:9px;gap:8px;letter-spacing:1.5px}.mark{font-size:30px}}
/* Only the panel number is visible until that panel's video is playable. */
.panel:not(.video-visible) :is(.caption,.sound-word,.zoom-hint){visibility:hidden}
.panel .loading-label{display:none}
/* A plain footer link adds no rows or height to the original layout. */
footer{position:relative}
#language{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:10px/1.4 sans-serif;color:inherit;padding:4px 6px;text-decoration:underline;text-underline-offset:3px;letter-spacing:0}
html[lang="ja"]{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
html[lang="ja"] :is(.caption,.leaf-heading,.nav-button,.focus-navigation button,.focus-toolbar,.action-label,.closing,#readingHint,.focus-hint){letter-spacing:.3px}
.japanese-cover{display:none;position:absolute;inset:0;pointer-events:none;color:#e5e8db;text-shadow:0 2px 8px #0008}
html[lang="ja"] .cover-design{display:none}
html[lang="ja"] .japanese-cover{display:block}
.ja-cover-top{position:absolute;left:6%;top:4%;font:clamp(7px,1.8vw,11px)/1.5 sans-serif;letter-spacing:1px}
.ja-cover-title{position:absolute;left:5%;top:7%;font:900 clamp(65px,18vw,130px)/1.2 "Yu Gothic",Meiryo,sans-serif;letter-spacing:5px;color:#dedcc6}
.ja-cover-bottom{position:absolute;left:6%;right:6%;bottom:5%}
.ja-cover-subtitle{font:700 clamp(22px,6vw,42px)/1.5 "Yu Gothic",Meiryo,sans-serif;color:#f4c595}
.ja-cover-tagline{font:clamp(12px,3vw,20px)/1.8 sans-serif;letter-spacing:1px;margin-top:8px}
.ja-cover-note{font:clamp(7px,1.6vw,10px)/1.7 sans-serif;margin-top:14px;color:#bed1d0}

#trailer{font:10px/1.4 sans-serif;text-decoration:underline;text-underline-offset:3px;letter-spacing:0;padding:4px 6px;margin-right:auto;margin-left:20px}footer{gap:12px}@media(max-width:760px){#trailer{margin-left:0;font-size:9px}footer>span:last-child{padding-left:10px}#language{left:62%}}