:root{--ink:#152b3b;--red:#b82737;--coral:#ef5c4d;--yellow:#f7cc4b;--cream:#fff5df;--paper:#f8eed7;--teal:#187c85;--muted:#58616a;--border:3px solid var(--ink);--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #008eab;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{color:inherit}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:var(--yellow);padding:14px}.skip-link:focus{top:10px}.site-header{height:94px;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:var(--border);background:var(--cream);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:23px;font-weight:900;line-height:1.05;letter-spacing:-1px}.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:3.5px;margin-top:6px}.brand-stamp{display:grid;place-items:center;width:48px;height:54px;background:var(--red);color:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:24px;transform:rotate(-4deg)}nav{display:flex;gap:32px;font-size:14px;font-weight:bold}nav a{border-bottom:2px solid transparent}nav a:hover{border-color:var(--red)}.header-cta{border:2px solid var(--ink);padding:9px 18px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:bold;font-size:14px}.header-cta span{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:65px clamp(25px,7vw,120px) 75px;max-width:1600px;margin:0 auto;align-items:center;overflow:hidden;background:radial-gradient(circle at 30% 20%,#ffffff88,transparent 45%)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.2px;line-height:1.5}.spark{font-size:18px;color:var(--red);margin-right:8px}.hero h1{font-family:var(--serif);font-weight:900;line-height:.79;letter-spacing:-8px;font-size:clamp(80px,8.8vw,140px);margin:29px 0 17px;color:var(--red);text-shadow:2px 2px 0 var(--cream),4px 4px 0 var(--ink)}.hero h1 span{color:var(--ink)}.series-ribbon{font-size:clamp(13px,1.3vw,19px);font-weight:900;letter-spacing:8px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:6px 0;width:max-content;max-width:100%}.hero h2{font-family:var(--serif);font-size:clamp(27px,3vw,42px);line-height:1.14;letter-spacing:-1.3px;margin:30px 0 14px}.hero-description{font-size:16px;max-width:470px;color:#43515b;line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:13px 21px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:bold;font-size:14px;line-height:1.5;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button.red{background:var(--red);color:var(--cream)}.button.navy{background:var(--ink);color:var(--cream);box-shadow:4px 4px 0 var(--teal)}.button.cream{background:var(--cream)}.text-link{border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:13px;font-weight:bold}.hero-footnote{font-size:12px;margin-top:25px;color:var(--muted)}.hero-footnote span{font-size:20px;color:var(--red);margin-right:7px}.hero-art{position:relative;max-width:440px;justify-self:center;width:100%;margin:20px 0 15px}.hero-art:before{content:'';position:absolute;inset:-35px -50px;background-image:radial-gradient(var(--teal) 1.1px,transparent 1.1px);background-size:9px 9px;opacity:.18;transform:rotate(6deg);clip-path:polygon(10% 3%,100% 0,93% 95%,0 100%)}.poster-offset{position:absolute;inset:7px -10px -9px 7px;background:var(--teal);border:var(--border);transform:rotate(6deg)}.hero-poster{position:relative;display:block;border:var(--border);background:var(--ink);box-shadow:8px 12px 0 #152b3b22;transform:rotate(-3deg);transition:transform .3s}.hero-poster:hover{transform:rotate(-1deg) translateY(-4px)}.hero-poster img{width:100%;height:auto}.poster-caption{display:flex;align-items:center;gap:12px;color:var(--cream);font-size:10px;padding:11px 12px;line-height:1.4}.poster-caption b{font-size:12px;flex:1}.poster-caption span{font-size:20px}.hero-burst{position:absolute;right:-40px;top:-24px;z-index:2;width:108px;height:108px;display:grid;place-content:center;background:var(--yellow);font-weight:900;font-size:18px;line-height:1.05;text-align:center;transform:rotate(14deg);clip-path:polygon(50% 0%,60% 12%,75% 4%,79% 20%,96% 21%,89% 38%,100% 50%,87% 61%,96% 78%,78% 80%,75% 96%,60% 88%,50% 100%,39% 87%,23% 96%,20% 79%,4% 77%,12% 61%,0% 50%,12% 39%,4% 22%,21% 20%,24% 4%,39% 12%)}.hero-margin-note{position:absolute;bottom:-44px;right:10px;font-family:var(--serif);font-size:17px;font-style:italic;transform:rotate(-3deg)}.ticker{display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;overflow:hidden;background:var(--red);color:var(--cream);border-top:var(--border);border-bottom:var(--border);padding:13px 0;font-size:16px;letter-spacing:2.5px;font-weight:900}.ticker span{flex-shrink:0}.section-pad{padding:85px clamp(25px,6vw,100px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:0 auto 40px;max-width:1360px}.section-heading h2{font:900 clamp(34px,4.5vw,62px)/1.1 var(--serif);letter-spacing:-2px;margin-top:8px}.section-heading h2 span{color:var(--red)}.section-heading>p{font-size:14px;color:var(--muted);max-width:270px}.issues{background-color:var(--paper);background-image:radial-gradient(#a8997633 .65px,transparent .65px);background-size:5px 5px}.issue-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:30px;max-width:1360px;margin:auto;align-items:start}.issue-card{position:relative}.issue-poster{display:block;position:relative;background:var(--ink);border:var(--border);padding:7px;box-shadow:7px 7px 0 #152b3b21;transition:transform .2s}.issue-poster:hover{transform:translateY(-5px)}.issue-poster img{width:100%;aspect-ratio:2/3;object-fit:contain;background:#fffaee}.issue-flag{position:absolute;left:18px;top:18px;padding:5px 9px;background:var(--yellow);border:2px solid var(--ink);font-size:10px;font-weight:900;letter-spacing:1px;box-shadow:2px 2px 0 var(--ink)}.issue-flag.preview{background:#8cddd5}.issue-meta{display:flex;justify-content:space-between;gap:10px;margin:23px 0 7px;text-transform:uppercase;font-size:11px;letter-spacing:1.3px;font-weight:bold}.issue-meta span:last-child{color:var(--muted);font-weight:normal}.issue-card h3{font:900 clamp(24px,2.4vw,34px)/1.14 var(--serif);letter-spacing:-.7px}.issue-card>p{font-size:14px;color:#4c5b63;margin:12px 0 19px}.issue-card .button{width:100%;justify-content:space-between}.issue-card .resume-note{display:block;margin-top:13px;font-size:11px;color:#63707a}.coming-poster{aspect-ratio:2/3;border:3px dashed #526471;background:var(--ink);color:var(--cream);padding:28px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.coming-poster:before{content:'?';position:absolute;font:900 390px/.8 var(--serif);color:#ffffff0b;right:-30px;top:50px}.coming-poster>*{position:relative}.coming-poster .small{font-size:10px;letter-spacing:2px;color:var(--yellow)}.coming-poster .star{font-size:52px;color:var(--yellow);margin:15px}.coming-poster h3{font-size:clamp(28px,3vw,43px);line-height:1.08;max-width:200px}.coming-poster p{font-size:11px;letter-spacing:2px;margin-top:25px}.upcoming-card>p{font-size:13px}.cards-section{background:var(--ink);color:var(--cream);position:relative;border-top:3px solid var(--ink)}.section-heading.light h2 span{color:var(--yellow);font-size:35px;vertical-align:middle;margin-left:14px}.section-heading.light .eyebrow{color:#9ec8ce}.print-badge{padding:13px 21px;border:2px solid var(--yellow);color:var(--yellow);text-align:center;font-size:11px;line-height:1.5;letter-spacing:1.4px;transform:rotate(4deg);flex-shrink:0}.print-badge strong{font-size:14px}.print-badge>span{position:absolute;left:-14px;top:-13px;background:var(--ink);font-size:25px}.cards-intro{max-width:620px;font-size:15px;color:#c0d2d7;margin:-14px 0 32px}.card-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1360px;margin:0 auto 28px}.filter-list{display:flex;flex-wrap:wrap;gap:8px}.filter-list button{color:var(--cream);background:transparent;border:1px solid #ffffff55;border-radius:2px;padding:6px 14px;font-size:12px}.filter-list button:hover{border-color:var(--yellow)}.filter-list button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:900}#card-count{font-size:12px;color:#b9ced1;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 22px;max-width:1360px;margin:auto}.collector-card{border:0;background:none;padding:0;text-align:left;min-width:0;color:var(--cream)}.collector-image{position:relative;display:block;aspect-ratio:5/7;background:#0a1c28;padding:5px;border:1px solid #e6d5b269;box-shadow:4px 5px 0 #091b25;transition:transform .2s,box-shadow .2s}.collector-card:hover .collector-image{transform:translateY(-7px) rotate(-1deg);box-shadow:7px 12px 0 #091b25}.collector-image img{width:100%;height:100%;object-fit:contain}.collector-card h3{font-size:15px;font-weight:800;line-height:1.35;margin:14px 0 5px}.collector-card .code{font-family:monospace;font-size:10px;letter-spacing:1px;color:#a7bfc4}.collector-card .card-arrow{float:right;color:var(--yellow);font-size:20px}.collection-note{border-top:1px solid #ffffff33;padding-top:24px;margin:35px auto 0;max-width:1360px;color:#bcd1d6;font-size:13px}.about-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;background:var(--yellow);border-bottom:var(--border)}.about-heading h2{font:900 clamp(32px,4vw,54px)/1.08 var(--serif);letter-spacing:-1.8px;margin:15px 0 22px}.about-heading>p:last-child{font-size:14px;max-width:380px}.character-list article{display:flex;gap:22px;padding:22px 0;border-top:2px solid var(--ink)}.character-list article:last-child{border-bottom:2px solid var(--ink)}.character-number{font-family:var(--serif);font-size:18px;font-style:italic;line-height:1.9}.character-list h3{font:900 28px/1.2 var(--serif);margin-bottom:8px}.character-list p{font-size:14px;max-width:500px}.character-mark{font-size:36px;color:var(--red);margin-left:auto}.closing-strip{background:#b7d7d2;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px clamp(25px,6vw,100px);border-bottom:var(--border)}.closing-strip h2{font:900 clamp(25px,3vw,40px)/1.15 var(--serif);margin-top:9px;letter-spacing:-1px}footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:40px clamp(25px,6vw,100px);background:var(--cream);font-size:12px}footer>p{color:#54626d}.footer-wordmark{font:900 24px/1 var(--serif);color:var(--red)}.footer-wordmark span{display:block;font:900 9px/2 var(--sans);letter-spacing:4px;color:var(--ink)}footer small{font-size:10px;color:#54626d}.protected-media img,[data-protected] img,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.protected-media img,[data-protected] img{pointer-events:none}.protected-media{isolation:isolate}dialog{border:0;padding:0;color:var(--cream);background:var(--ink)}dialog::backdrop{background:#08121ded;backdrop-filter:blur(6px)}body.modal-open{overflow:hidden}.reader-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden}.reader-dialog[open]{display:flex;flex-direction:column}.reader-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;background:#0d202e;border-bottom:1px solid #ffffff23}.reader-title-group{display:flex;align-items:center;gap:13px}.reader-title-group h2{font:900 21px/1.3 var(--serif)}.mini-badge{font-size:10px;letter-spacing:1px;background:var(--yellow);color:var(--ink);padding:3px 8px;font-weight:900;white-space:nowrap}.mini-badge.preview{background:#aee4dd}.icon-button{width:40px;height:40px;border:1px solid #ffffff44;background:transparent;color:var(--cream);font-size:29px;line-height:1}.icon-button:hover{background:#ffffff20}.reader-controls{display:flex;justify-content:center;gap:12px;align-items:center;padding:10px 16px;background:#152b3b;flex-wrap:wrap}.control-button{border:1px solid #ffffff55;background:#ffffff0a;color:var(--cream);padding:6px 12px;font-size:12px;min-height:34px;border-radius:3px}.control-button:hover:not(:disabled),.control-button[aria-pressed=true]{background:#ffffff22}.page-select-label{font-size:12px;display:flex;align-items:center;gap:8px;color:#b9cdd3}select{background:#0d202e;color:var(--cream);border:1px solid #ffffff55;padding:6px;max-width:200px;font-size:12px}.reader-tools{display:flex;gap:7px;margin-left:20px}.preview-notice{background:#254c54;color:#d9eeec;font-size:11px;text-align:center;padding:6px 12px;letter-spacing:.3px}.reader-stage{flex:1;min-height:0;overflow:auto;position:relative;background:#081722;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:9px 9px;padding:20px;text-align:center;touch-action:pan-x pan-y}.canvas-wrap{position:relative;display:block;width:max-content;min-width:120px;min-height:100%;margin:0 auto}#comic-canvas{display:block;margin:0 auto;background:var(--cream);box-shadow:0 5px 24px #0008;max-width:none}.page-loading{position:absolute;top:80px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#152b3be8;padding:15px 25px;border-radius:4px;font-size:13px}.page-error{padding:50px;text-align:center}.page-error .button{margin-top:20px}.reader-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:11px;padding:9px 20px;color:#c6d5d9;background:#0d202e;min-height:39px}.reader-hint{font-size:10px;color:#8fa7b0}.reader-progress{height:4px;flex-shrink:0;background:#092030}.reader-progress span{display:block;height:100%;background:var(--yellow);transition:width .2s}.card-dialog{width:min(1100px,95vw);max-width:95vw;max-height:94dvh;overflow:auto;border:2px solid #eee4cd}.card-dialog[open]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.85fr)}.card-dialog>.close-card{position:absolute;top:12px;right:12px;z-index:3;background:#0d202eea}.card-dialog-art{background:#091a26;padding:18px;min-height:300px;display:grid;place-items:center;position:relative}.card-dialog-art canvas{width:100%;height:auto;max-height:86dvh;object-fit:contain}.card-dialog-art>p{position:absolute;background:#152b3b;padding:15px}.card-dialog-info{padding:75px 35px 35px;display:flex;flex-direction:column;justify-content:center}.card-dialog-info h2{font:900 38px/1.06 var(--serif);letter-spacing:-1px;margin:17px 0 20px}.card-dialog-info .eyebrow{color:var(--yellow);font-size:9px}#card-joke{font:italic 23px/1.45 var(--serif);color:#e3dac9;margin-bottom:26px}.card-meta{display:flex;flex-direction:column;gap:10px;border-top:1px solid #ffffff33;padding-top:20px;font-size:12px;color:#bcd0d7}.card-meta code{color:var(--yellow);font-size:12px}.card-dialog-nav{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-dialog-nav>span{font-size:10px;white-space:nowrap}.card-coming{font-size:12px;margin-top:30px;color:#bcd0d7}.print-notice{display:none}
@media(min-width:1600px){.cards-intro{margin-left:auto;margin-right:auto;max-width:1360px}.hero{gap:100px}}
@media(max-width:1100px){.site-header{padding:0 25px}.brand{font-size:20px}nav{gap:20px}.hero{gap:35px;padding:55px 45px 65px}.hero h1{letter-spacing:-6px}.hero-burst{right:-20px;width:90px;height:90px;font-size:16px}.hero-art{max-width:360px}.hero-description{font-size:14px}.hero-actions{gap:19px}.hero-actions .text-link{font-size:12px}.issue-grid{grid-template-columns:1fr 1fr;gap:30px}.upcoming-card{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr;column-gap:25px;align-items:start}.coming-poster{grid-row:1/4;aspect-ratio:auto;min-height:200px;padding:20px}.coming-poster h3{font-size:25px}.coming-poster .star{font-size:20px;margin:5px}.coming-poster p{margin-top:12px}.upcoming-card .issue-meta{margin-top:20px;justify-content:start;gap:20px}.upcoming-card>p{margin-top:5px}.card-grid{grid-template-columns:repeat(3,1fr)}.about-section{gap:35px}.section-heading h2{letter-spacing:-1.5px}.section-pad{padding:65px 35px}footer{flex-wrap:wrap}.card-dialog-info{padding:60px 25px 25px}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:auto;min-height:78px;padding:15px 20px;flex-wrap:wrap;gap:17px}.brand{font-size:19px}.brand-stamp{width:38px;height:43px;font-size:21px}.brand small{font-size:8px;letter-spacing:3px}.header-cta{padding:7px 11px;font-size:12px}.site-header nav{order:3;flex:0 0 100%;justify-content:center;border-top:1px solid #152b3b22;padding-top:11px;font-size:12px;gap:35px}.hero{grid-template-columns:1fr;gap:35px;padding:38px 25px 60px}.hero-copy{text-align:center}.hero h1{font-size:clamp(75px,15.5vw,115px);letter-spacing:-5px;line-height:.83;margin-top:23px}.series-ribbon{margin:auto;font-size:14px;letter-spacing:5px}.hero h2{font-size:32px;margin-top:23px}.hero-description{font-size:14px;margin:auto;max-width:430px}.hero-actions{justify-content:center;margin-top:23px}.hero-footnote{margin-top:17px}.hero-art{max-width:340px;width:80%;margin-top:10px}.hero-burst{right:-26px}.poster-caption{font-size:8px}.poster-caption b{font-size:10px}.hero-margin-note{font-size:14px}.ticker{font-size:12px;padding:10px 0;gap:20px}.section-pad{padding:45px 22px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px}.section-heading h2{font-size:37px}.section-heading>p{max-width:440px;font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.7px}.issue-grid{gap:30px 17px}.issue-poster{padding:4px;box-shadow:4px 4px 0 #152b3b21}.issue-flag{left:10px;top:10px;font-size:8px;padding:3px 5px;border-width:1px}.issue-meta{font-size:8px;letter-spacing:.7px;flex-wrap:wrap;gap:2px;margin-top:17px}.issue-card h3{font-size:23px}.issue-card>p{font-size:12px;line-height:1.5;margin:10px 0 15px}.issue-card .button{font-size:11px;padding:10px;gap:6px}.issue-card .resume-note{font-size:9px}.upcoming-card{grid-template-columns:145px 1fr;gap:10px 20px}.upcoming-card .issue-meta{margin-top:13px}.coming-poster{min-height:190px;padding:14px}.coming-poster .small{font-size:8px}.coming-poster h3{font-size:23px}.coming-poster p{font-size:8px}.upcoming-card>h3{font-size:23px}.cards-section .section-heading{position:relative;padding-bottom:5px;gap:20px}.print-badge{transform:rotate(-2deg);font-size:8px;padding:8px 14px;align-self:start}.print-badge strong{font-size:11px}.section-heading.light h2 span{font-size:23px;margin-left:7px}.cards-intro{font-size:13px;margin:0 0 23px}.card-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-list{gap:6px}.filter-list button{font-size:10px;padding:5px 10px}#card-count{font-size:10px}.card-grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}.collector-card h3{font-size:12px;margin-top:11px}.collector-card .code{font-size:8px;letter-spacing:.3px}.collector-image{padding:3px}.collection-note{font-size:11px;margin-top:27px}.about-section{grid-template-columns:1fr;gap:25px}.about-heading h2{font-size:38px;margin-top:10px}.about-heading>p:last-child{max-width:100%;font-size:13px}.character-list article{gap:15px;padding:20px 0}.character-list h3{font-size:25px}.character-list p{font-size:12px}.character-mark{font-size:26px}.closing-strip{padding:30px 22px;flex-direction:column;align-items:start;gap:23px}.closing-strip h2{font-size:29px}footer{padding:30px 22px;gap:24px}footer>div{width:100%}.footer-wordmark{font-size:22px}footer>p{font-size:10px}.reader-topbar{padding:8px 12px}.reader-title-group{gap:8px}.reader-title-group h2{font-size:15px}.mini-badge{font-size:8px;padding:3px 5px}.icon-button{width:34px;height:34px;font-size:25px}.reader-controls{gap:8px;padding:7px 8px}.control-button{font-size:10px;padding:5px 9px;min-height:32px}.reader-tools{margin-left:2px;gap:5px}.reader-controls>button span{display:none}select{max-width:120px;font-size:10px}.page-select-label{font-size:10px;gap:5px}.reader-stage{padding:12px 8px}.preview-notice{font-size:9px;padding:5px 8px}.reader-bottom{padding:8px 12px;font-size:10px;gap:10px}.reader-hint{display:none}.reader-bottom .text-link{font-size:10px}.card-dialog[open]{display:flex;flex-direction:column}.card-dialog{max-height:94dvh;width:min(470px,94vw)}.card-dialog-art{padding:14px;min-height:150px}.card-dialog-art canvas{max-height:65dvh}.card-dialog-info{padding:20px 23px 25px}.card-dialog-info h2{font-size:28px;margin:10px 0 14px}#card-joke{font-size:18px;margin-bottom:18px}.card-meta{padding-top:12px;gap:5px}.card-dialog-nav{margin-top:20px}.card-coming{margin-top:18px;font-size:11px}}
@media(max-width:380px){.hero h1{font-size:72px}.hero-actions{gap:16px}.series-ribbon{font-size:12px;letter-spacing:4px}.brand{font-size:17px}.site-header nav{gap:25px}.reader-tools{width:100%;justify-content:center}.section-heading h2{font-size:32px}.issue-card h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body>*{display:none!important}body>.print-notice{display:block!important;padding:30px;font:20px Georgia,serif}}

/* Compact reader: one toolbar on desktop, two small rows on phones. */
.reader-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:6px 12px;background:#0d202e;border-bottom:1px solid #ffffff23;min-height:46px}
.reader-toolbar .reader-title-group{min-width:0;flex:1 1 160px;gap:8px}
.reader-toolbar .reader-title-group h2{font:900 14px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-toolbar .mini-badge{font-size:9px;padding:2px 6px;letter-spacing:.5px}
.reader-navigation,.reader-actions,.zoom-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}
.reader-navigation .page-select-label{gap:5px;font-size:11px}
.reader-toolbar select{min-height:32px;max-width:120px;padding:3px 5px;font-size:11px}
.reader-toolbar .control-button{min-height:32px;padding:4px 8px;font-size:11px;white-space:nowrap}
.reader-toolbar .icon-button,.reader-restore .icon-button{width:32px;height:32px;min-width:32px;font-size:23px}
.reader-toolbar .reader-tools{display:flex;align-items:center;gap:5px;margin:0;width:auto;flex-shrink:0}
.zoom-controls{gap:4px}
.zoom-controls .control-button{min-width:30px;font-size:18px;line-height:1;padding:2px 6px}
#reader-zoom-range{width:clamp(68px,8vw,115px);min-width:36px;height:28px;margin:0 3px;accent-color:var(--yellow);cursor:pointer}
.zoom-value{display:flex;align-items:center;gap:1px;font-size:11px;white-space:nowrap;color:var(--cream)}
#reader-zoom-value{width:44px;min-width:0;min-height:32px;border:1px solid #ffffff55;border-radius:3px;background:#152b3b;color:var(--cream);padding:4px 2px;text-align:center;font:12px var(--sans);appearance:textfield;-moz-appearance:textfield}
#reader-zoom-value::-webkit-inner-spin-button,#reader-zoom-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#reader-zoom-range:focus-visible,#reader-zoom-value:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.reader-dialog .reader-stage{padding:8px;overscroll-behavior:contain}
.reader-dialog .canvas-wrap{margin:0 auto;max-width:none}
.reader-dialog .preview-notice{padding:2px 8px;font-size:10px;line-height:1.5;flex-shrink:0}
.reader-dialog .reader-bottom{min-height:26px;padding:3px 12px;gap:10px;font-size:10px;flex-shrink:0}
.reader-dialog .reader-hint{font-size:9px}
.reader-dialog .reader-progress{height:2px}
.reader-restore{position:absolute;top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:5;display:flex;align-items:center;gap:5px;padding:4px;background:#0d202eee;border:1px solid #ffffff44;border-radius:5px;box-shadow:0 2px 10px #0005}
.reader-restore[hidden]{display:none}
.reader-restore .control-button{min-height:32px;padding:3px 9px;font-size:11px}
.reader-dialog.controls-hidden .reader-toolbar,.reader-dialog.controls-hidden .preview-notice,.reader-dialog.controls-hidden .reader-bottom{display:none}
@media(max-width:1180px){.reader-toolbar{gap:8px}.reader-toolbar .reader-title-group{flex:0 0 auto}.reader-toolbar .reader-title-group h2{display:none}.reader-navigation>button span{display:none}.reader-toolbar .reader-tools{margin-left:auto}}
@media(max-width:900px){
  .reader-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:5px 8px;min-height:0}
  .reader-toolbar .reader-title-group{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .reader-toolbar .reader-title-group h2{display:block}
  .reader-toolbar .reader-navigation{grid-column:1;grid-row:1;gap:5px;min-width:0}
  .reader-toolbar .reader-actions{grid-column:2;grid-row:1;gap:5px}
  .reader-toolbar .reader-tools{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:center;gap:6px}
  .reader-toolbar .control-button,.reader-toolbar select,.reader-toolbar .icon-button,.reader-restore .icon-button,.reader-restore .control-button{min-height:36px}
  .reader-toolbar .icon-button,.reader-restore .icon-button{height:36px;width:36px;min-width:36px}
  .reader-toolbar .control-button{font-size:11px;padding:4px 8px}
  .reader-navigation>button{min-width:36px}
  .reader-navigation>button span{display:none}
  .reader-toolbar select{font-size:11px;max-width:118px}
  .reader-toolbar .zoom-controls{flex:1 1 150px;max-width:300px;gap:4px}
  .zoom-controls .control-button{font-size:18px;min-width:32px;padding:2px 4px}
  #reader-zoom-range{width:0;flex:1 1 auto;min-width:28px;margin:0 1px}
  #reader-zoom-value{width:43px;min-height:36px}
  .reader-dialog .reader-stage{padding:6px}
  .reader-dialog .reader-bottom{padding:2px 8px;min-height:24px}
  .reader-dialog .reader-hint{display:none}
  .reader-dialog .preview-notice{font-size:9px;padding:2px 6px}
}
@media(max-width:360px){.reader-toolbar{gap:5px;padding:5px 6px}.reader-navigation .page-select-label{font-size:0;gap:0}.reader-toolbar .reader-tools{gap:4px}.reader-toolbar .reader-tools>.control-button{font-size:10px;padding:4px 6px}.reader-toolbar .zoom-controls{gap:3px}.reader-toolbar select{max-width:100px}}

/* Full-window collector viewer: art gets the space; details stay optional. */
.card-dialog{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;overflow:hidden}
.card-dialog[open]{display:flex;flex-direction:column}
.card-viewer-toolbar{display:flex;align-items:center;gap:10px;flex:none;padding:6px 12px;background:#0d202e;border-bottom:1px solid #ffffff23;min-height:46px}
.card-viewer-title{display:flex;align-items:center;gap:10px;flex:1 1 180px;min-width:0}
.card-viewer-title h2{font:900 16px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#card-position{font-size:11px;color:#b9cdd3;white-space:nowrap;flex:none}
.card-viewer-navigation,.card-viewer-actions,.card-viewer-zoom{display:flex;align-items:center;gap:5px;flex:none}
.card-viewer-toolbar .control-button{min-height:34px;padding:4px 9px;font-size:11px;white-space:nowrap}
.card-viewer-navigation .control-button{min-width:34px;font-size:16px}
.card-viewer-toolbar .icon-button{width:34px;height:34px;min-width:34px;font-size:24px}
#card-zoom-out,#card-zoom-in{min-width:30px;font-size:18px;line-height:1;padding:3px 6px}
#card-zoom-range{width:clamp(70px,9vw,130px);min-width:35px;height:30px;margin:0 3px;accent-color:var(--yellow);cursor:pointer}
.card-zoom-value{display:flex;align-items:center;gap:2px;font-size:11px;color:var(--cream);white-space:nowrap}
#card-zoom-value{width:45px;min-height:34px;min-width:0;padding:4px 2px;border:1px solid #ffffff55;border-radius:3px;background:#152b3b;color:var(--cream);font:12px var(--sans);text-align:center;appearance:textfield;-moz-appearance:textfield}
#card-zoom-value::-webkit-inner-spin-button,#card-zoom-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#card-zoom-range:focus-visible,#card-zoom-value:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.card-viewer-stage{flex:1 1 0;min-height:0;min-width:0;overflow:auto;position:relative;padding:8px;background:#081722;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:9px 9px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.card-canvas-wrap{display:flex;align-items:center;justify-content:center;width:max-content;min-width:100%;min-height:100%;margin:0}
#card-canvas{display:block;flex:none;width:auto;height:auto;max-width:none;max-height:none;box-shadow:0 5px 26px #0008;background:var(--cream)}
.card-viewer-stage.can-pan{cursor:grab}
.card-viewer-stage.is-dragging{cursor:grabbing}
.card-loading{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:15px 22px;background:#152b3bf2;border:1px solid #ffffff33;border-radius:4px;text-align:center;font-size:13px;max-width:85%;width:max-content}
.card-viewer-details{flex:none;max-height:25dvh;overflow:auto;padding:10px 18px;border-top:1px solid #ffffff26;background:#132b3b;font-size:12px;color:#bcd0d7;text-align:center}
.card-viewer-details #card-joke{font:italic 18px/1.35 var(--serif);color:#f3e7cf;margin:0 0 5px}
.card-viewer-details p+p{margin-top:3px}
.card-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 12px;flex:none;min-height:26px;background:#0d202e;font-size:10px;line-height:1.6;color:#9cb6be}
.card-viewer-footer code{font-size:10px;color:var(--yellow);white-space:nowrap}
.card-viewer-footer p{font-size:10px;text-align:right}
@media(max-width:1050px){.card-viewer-title h2{font-size:14px}.card-viewer-toolbar{gap:7px}.card-viewer-title{gap:7px}#card-fullscreen span{display:none}.card-viewer-actions .control-button{padding:4px 7px}}
@media(max-width:800px){
  .card-viewer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px 7px;padding:5px 8px;min-height:0}
  .card-viewer-title{grid-column:1;grid-row:1;gap:7px}
  .card-viewer-navigation{grid-column:2;grid-row:1}
  .card-viewer-actions{grid-column:3;grid-row:1}
  .card-viewer-zoom{grid-column:1/-1;grid-row:2;justify-content:center;gap:6px}
  .card-viewer-toolbar .control-button{min-height:36px}
  .card-viewer-toolbar .icon-button{width:36px;height:36px;min-width:36px}
  #card-zoom-range{width:0;flex:1 1 auto;max-width:230px;min-width:28px;margin:0 1px}
  #card-zoom-value{min-height:36px}
  .card-viewer-stage{padding:6px}
  .card-viewer-footer{min-height:24px;padding:2px 8px}
  .card-viewer-footer p{max-width:55%;font-size:9px}
  .card-viewer-details{padding:8px 12px;font-size:11px}
  .card-viewer-details #card-joke{font-size:16px}
}
@media(max-width:420px){
  .card-viewer-toolbar{gap:5px;padding:5px 6px}
  .card-viewer-title{flex-direction:column;align-items:start;gap:0}
  .card-viewer-title h2{font-size:12px;max-width:100%}
  #card-position{font-size:9px}
  .card-viewer-actions,.card-viewer-navigation{gap:4px}
  .card-viewer-toolbar .control-button{padding:4px 6px;font-size:10px}
  .card-viewer-navigation .control-button{min-width:30px;font-size:15px}
  .card-viewer-footer p{font-size:8px}
}

/* Extras remains a quiet footer destination, separate from the main release. */
.extras-footer-link{display:block;width:fit-content;margin-top:13px;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;opacity:.78}.extras-footer-link:hover,.extras-footer-link:focus-visible{opacity:1}.collector-card .code{line-height:1.5}

/* Extras is the third main destination, after comics and trading cards. */
.extras-feature{padding:70px clamp(25px,6vw,100px);display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:var(--border);background:var(--cream)}.extras-feature-copy h2{font:900 clamp(38px,4.5vw,62px)/1.05 var(--serif);letter-spacing:-2px;margin:14px 0 22px;color:var(--red)}.extras-feature-copy>p:not(.eyebrow){max-width:480px;font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:28px}.extras-feature-shelves{align-self:center;border-top:2px solid var(--ink)}.extras-feature-shelves>a{display:flex;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #152b3b35}.extras-feature-shelves>a:hover h3{color:var(--red)}.extras-feature-shelves>a>span{font:italic 26px var(--serif);color:var(--red)}.extras-feature-shelves h3{font:700 25px/1.2 var(--serif);margin:0 0 8px}.extras-feature-shelves p{font-size:12px;color:var(--muted)}.extras-feature-shelves b{margin-left:auto;font-size:20px}.site-header nav{gap:clamp(15px,2.3vw,32px)}
@media(max-width:760px){.extras-feature{grid-template-columns:1fr;gap:30px;padding:45px 22px}.extras-feature-copy h2{font-size:40px}.extras-feature-shelves h3{font-size:23px}.extras-feature-shelves>a{padding:20px 0}.site-header nav{gap:22px;flex-wrap:wrap}}
@media(max-width:380px){.site-header nav{gap:17px;font-size:11px}}