*{box-sizing:border-box}body{margin:0}button,input{font:inherit}
.free-shell{max-width:1120px;margin:0 auto;padding:48px 24px 72px;color:#293d35;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.free-shell h1,.free-shell h2,.free-shell h3{font-family:Georgia,"Times New Roman",serif;color:#183c35;font-weight:500;line-height:1.12;letter-spacing:-.025em}
.free-hero{max-width:860px;margin:8px 0 56px}.free-hero h1{font-size:clamp(2.6rem,5.3vw,4.5rem);margin:15px 0 22px}.free-hero>p:not(.free-kicker){max-width:730px;font-size:1.14rem;color:#526055}
.free-kicker{font-size:.73rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:#86513a;margin:0 0 12px}
.free-shell a{color:#183c35;text-underline-offset:4px}.free-shell :focus-visible{outline:3px solid #ae4528;outline-offset:4px}
.free-jump-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.free-jump-links a{padding:10px 18px;background:#e9eadb;border-radius:999px;text-decoration:none;min-height:44px;font-weight:600}
.free-section{border-top:1px solid #ded5c4;padding-top:40px;margin:0 0 56px;scroll-margin-top:24px}.free-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.free-section-heading h2{font-size:clamp(2rem,3.4vw,2.75rem);margin:0 0 12px}.free-section-heading p:not(.free-kicker){margin:0;max-width:690px;color:#526055}
.free-text-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-weight:600;white-space:nowrap}.free-comic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.free-game-grid,.free-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.free-card{overflow:hidden;background:#fffaf1;border:1px solid #ded5c4;border-radius:12px}.free-card img{display:block;width:100%;height:auto}.comic-card-art{display:block;padding:12px;background:#faf6ed}.comic-card-art img{aspect-ratio:1;object-fit:contain}.free-card-copy{padding:22px}.free-card h3{font-size:1.55rem;margin:0 0 12px}.free-card h3 a{text-decoration:none}.free-card h3 a:hover{text-decoration:underline}.free-card-copy>p:not(.free-kicker){color:#526055;margin:0 0 14px}.game-card>a img{aspect-ratio:16/10;object-fit:contain;background:#eee9db}
.free-guides{padding:34px;background:#e9eadb;border-radius:12px;border:0}.free-guide-grid .home-article-card{background:#fffaf1;border:1px solid #ded5c4;border-radius:10px;padding:24px}.free-guide-grid .article-kicker{color:#86513a;font-size:.75rem;margin-top:0}.free-guide-grid h3{font-size:1.5rem}.free-guide-grid .article-read{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.free-guide-grid p{color:#526055}
.free-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.88rem;margin-bottom:28px}.free-breadcrumbs a{display:inline-flex;align-items:center;min-height:36px}.free-breadcrumbs span{align-self:center}.free-end-link{margin:36px 0 0;color:#526055}
.comic-hero{max-width:850px;margin-bottom:30px}.comic-reader{max-width:900px;margin:0 auto 30px}.comic-reader img{display:block;width:100%;height:auto;border-radius:8px}.comic-reader figcaption{font-size:.86rem;color:#526055;padding-top:12px}.comic-reader figcaption a{display:inline-flex;align-items:center;min-height:36px}
.comic-share,.comic-transcript,.comic-next{max-width:900px;margin:0 auto 28px}.comic-share{background:#e9eadb;padding:28px;border-radius:12px}.comic-share h2{font-size:2rem;margin:0 0 12px}.comic-share>p{margin:0 0 20px}.comic-actions{display:flex;flex-wrap:wrap;gap:12px}.comic-actions a,.comic-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #bdad94;border-radius:999px;background:#fffaf1;color:#183c35;text-decoration:none;font-weight:600;cursor:pointer}.comic-actions button[data-copy-comic-link]{background:#ae4528;border-color:#ae4528;color:#fffaf1}.comic-actions [hidden],.comic-link-fallback[hidden]{display:none}.comic-share .comic-share-status{margin:16px 0 0;min-height:1.65em;color:#183c35}.comic-link-fallback{display:block;margin-top:12px}.comic-link-fallback input{width:100%;padding:12px;border:1px solid #bdad94;border-radius:6px;background:#fffaf1;color:#183c35;min-width:0}
.comic-transcript{border:1px solid #ded5c4;border-radius:10px;padding:12px 20px}.comic-transcript summary{padding:8px 0;cursor:pointer;font-weight:600;min-height:44px}.comic-transcript li{padding:8px 0}.comic-next{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.comic-next a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){.free-shell{padding:28px 24px 48px}.free-wide-break{display:none}.free-hero{margin-bottom:36px}.free-hero h1{font-size:2.75rem}.free-section-heading{align-items:start;flex-direction:column;gap:12px}.free-comic-grid,.free-game-grid,.free-guide-grid{grid-template-columns:1fr;gap:22px}.free-guides{padding:24px 18px}.free-section{padding-top:28px;margin-bottom:36px}.comic-share{padding:22px}.comic-reader figcaption a{min-height:44px}.free-card-copy{padding:20px}.free-breadcrumbs{margin-bottom:20px}}
.comic-reuse{font-size:1rem;color:#293d35;max-width:760px;margin:0 0 22px}
.comic-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.comic-filter-bar[hidden],.comic-card[hidden]{display:none}
.comic-filter-bar button{min-height:44px;padding:10px 16px;border:1px solid #bdad94;border-radius:999px;background:#fffaf1;color:#183c35;cursor:pointer;font-size:.9rem}.comic-filter-bar button[aria-pressed=true]{background:#183c35;color:#fffaf1;border-color:#183c35}
.comic-result-count{font-size:.9rem;color:#526055;margin:12px 0 22px}.comic-card-actions{display:flex;flex-wrap:wrap;gap:8px 18px}.comic-card-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:600}
.comic-follow{font-size:.9rem;color:#526055;margin:24px 0 0}.comic-follow a,.comic-category-links a{display:inline-flex;align-items:center;min-height:44px}.comic-category-links{font-size:.9rem}
.comic-preview-dialog{width:min(1060px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:22px;border:1px solid #ded5c4;border-radius:12px;background:#faf6ed;color:#183c35}
.comic-preview-dialog[open]{display:flex;flex-direction:column;gap:14px}.comic-preview-dialog::backdrop{background:#183c35b8}
.comic-preview-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.comic-preview-header h2{font:500 clamp(1.4rem,3vw,2rem)/1.2 Georgia,serif;margin:0}.comic-preview-header form{margin:0;flex:none}
.comic-preview-dialog button,.comic-preview-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #bdad94;border-radius:7px;background:#fffaf1;color:#183c35;cursor:pointer;text-underline-offset:4px}
.comic-preview-dialog :focus-visible{outline:3px solid #ae4528;outline-offset:3px}
.comic-preview-canvas{overflow:auto;max-height:68dvh;min-height:0;overscroll-behavior:contain;border-radius:6px;background:#f0ecdf;text-align:center}
.comic-preview-canvas img{display:block;width:auto;height:auto;max-width:100%;max-height:68dvh;margin:0 auto}
.comic-preview-canvas.is-zoomed img{width:var(--comic-original-width);max-width:none;max-height:none;margin:0}
.comic-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.comic-preview-hint{font-size:.83rem;color:#526055;margin:0}
html:has(.comic-preview-dialog[open]){overflow:hidden}
@media(max-width:760px){.comic-preview-dialog{padding:16px;gap:12px}.comic-preview-header{gap:12px}.comic-preview-header button{padding:8px 10px;font-size:.88rem}.comic-preview-actions a,.comic-preview-actions button{font-size:.9rem}.comic-preview-canvas,.comic-preview-canvas img{max-height:60dvh}}