:root{color-scheme:dark;--green:#102d23;--gold:#c59a43;--cream:#f5ecd8;--panel:#1c1712}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#254b3b 0,#102d23 36%,#071710 100%);color:var(--cream);font-family:Arial,sans-serif;min-height:100vh}a{color:#efd38f;text-underline-offset:3px}.skip-link{position:fixed;left:12px;top:-80px;background:white;color:#111;padding:12px;z-index:20}.skip-link:focus{top:12px}
.reader-header{position:sticky;top:0;z-index:10;padding:10px clamp(12px,2vw,28px);display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:10px 18px;background:rgba(7,23,16,.97);border-bottom:1px solid rgba(197,154,67,.45);backdrop-filter:blur(10px)}.brand{font-weight:800;text-decoration:none;letter-spacing:.035em;white-space:nowrap}.issue-identity{margin:0;text-align:center;display:flex;flex-direction:column;font:700 clamp(.9rem,1.3vw,1.08rem)/1.25 Georgia,serif;white-space:nowrap}.issue-identity span{display:inline}.issue-identity small{font:400 .7rem/1.35 Arial,sans-serif;color:#cab98f}
.reader-toolbar{width:100%;max-width:680px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.page-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}.page-controls label{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.reader-toolbar button,.reader-toolbar a,.reader-toolbar summary,.reader-toolbar select{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;color:var(--cream);-webkit-text-fill-color:var(--cream);background:var(--panel);border:1px solid var(--gold);border-radius:999px;box-shadow:none;font:700 .76rem/1.15 Arial,sans-serif;text-decoration:none;text-shadow:none;text-align:center}.reader-toolbar button{cursor:pointer}.reader-toolbar button:disabled{opacity:.38;cursor:not-allowed}.reader-toolbar :is(button,a,summary):hover,.reader-toolbar :is(button,a,summary):focus-visible{background:#75411f;border-color:#ffd673;box-shadow:0 0 16px 3px rgba(233,165,43,.42);outline:0}.page-controls button{width:100%}.page-controls select{min-width:58px;padding-inline:10px}.magazine-menu{position:relative}.magazine-menu summary{list-style:none;cursor:pointer;white-space:nowrap}.magazine-menu summary::-webkit-details-marker{display:none}.magazine-menu__links{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(310px,calc(100vw - 24px));padding:8px;display:grid;gap:6px;background:#071710;border:1px solid var(--gold);border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.55)}.magazine-menu__links>*{width:100%!important}.download-control{white-space:nowrap}.status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reader-shell{width:min(100%,1180px);margin:auto;padding:4px 2px 16px}.page-frame{margin:0 auto;max-width:900px;outline:none;display:flex;flex-direction:column;align-items:center}.page-frame:focus-visible{outline:3px solid #f1b85d;outline-offset:5px}.page-frame canvas{display:block;max-width:100%;height:auto;background:#efe4cc;box-shadow:0 22px 60px rgba(0,0,0,.5);border-radius:3px}.page-frame canvas.loading{opacity:.45}.page-frame figcaption{text-align:center;color:#bbaa84;font-size:.72rem;padding:8px 8px 0}.reader-error,.reader-error-visible{position:static!important;width:auto!important;height:auto!important;margin:12px!important;padding:16px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;text-align:center;background:#3c1d17;border:1px solid #bd765d;border-radius:8px}footer{text-align:center;border-top:1px solid rgba(197,154,67,.25);padding:20px 18px;color:#beaf8d;font-size:.85rem}
@media(max-width:1120px){.reader-header{grid-template-columns:1fr auto}.reader-toolbar{grid-column:1/-1}}
@media(max-width:700px){.reader-header{position:static!important;grid-template-columns:1fr!important;padding:7px 8px;gap:6px}.brand{text-align:center}.issue-identity{font-size:.95rem}.reader-toolbar{grid-column:1/-1;grid-template-columns:1fr;max-width:680px;gap:6px}.page-controls{width:100%}.reader-toolbar button,.reader-toolbar a,.reader-toolbar summary,.reader-toolbar select{min-height:36px;padding:6px 8px;font-size:.69rem}.magazine-menu,.download-control{width:100%}.magazine-menu summary,.download-control{width:100%}.magazine-menu__links{position:static;width:100%;margin-top:6px}.reader-shell{padding:4px 2px 16px}.page-frame figcaption{font-size:.68rem}}
@media(max-width:430px){.brand{font-size:.88rem}.page-controls label{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(orientation:landscape)and(hover:none)and(pointer:coarse){.reader-header{position:static!important}}