:root{--paper:#f5eedc;--ink:#22231c;--green:#213e2c;--red:#a63e2c;--yellow:#edc44e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{min-height:88px;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:20px 5%;gap:20px}.brand{text-decoration:none;font-family:Impact,'Arial Black',sans-serif;font-size:25px;letter-spacing:-.6px;line-height:1.1}.brand span{color:var(--red)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:800}nav a{text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.nav-note{font-family:monospace;border-left:1px solid;padding-left:30px;font-size:12px;font-weight:400}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:42px 5% 32px;max-width:1440px;margin:auto;align-items:center}.eyebrow{font-family:monospace;font-size:13px;font-weight:bold;letter-spacing:1.3px;text-transform:uppercase}.hero h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(52px,6.3vw,90px);line-height:.98;letter-spacing:-1.8px;margin:12px 0 18px;transform:rotate(-1deg)}.hero h1 span{color:var(--red)}.hero .premise{font-weight:800;font-size:20px;max-width:490px;line-height:1.3}.hero .sub{max-width:485px;font-size:15px}.hero-art{width:100%;display:block;mix-blend-mode:multiply}.art-note{text-align:center;font-family:monospace;font-size:12px;transform:rotate(-2deg);margin:0}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:10px 20px;text-decoration:none;border:2px solid var(--ink);font-weight:900;font-size:14px;box-shadow:3px 3px 0 var(--ink);background:var(--yellow)}.button.secondary{background:transparent;box-shadow:none}.button:hover{transform:translateY(-2px)}.ticker{background:var(--green);color:var(--paper);padding:9px 5%;border-block:3px solid var(--ink);display:flex;justify-content:space-between;font-family:monospace;font-weight:bold;font-size:13px;letter-spacing:1px}.comic-section{max-width:1120px;margin:auto;padding:42px 28px 54px}.episode-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.episode-heading h2,.page-title{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(36px,4vw,55px);line-height:1.05;margin:10px 0 0;letter-spacing:-.5px}.episode-heading .era{font-family:monospace;font-size:13px;text-align:right}.episode-no{color:var(--red)}.strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{margin:0;position:relative;border:3px solid var(--ink);background:#fffaf0;box-shadow:3px 4px 0 #22231c;display:flex;flex-direction:column;overflow:hidden}.panel figcaption{padding:14px 17px 10px;min-height:93px;border-bottom:2px solid var(--ink);line-height:1.25;background:#fffaf0}.caption-title{font-family:Impact,'Arial Black',sans-serif;font-size:24px;letter-spacing:.3px;display:block}.caption-text{display:block;font-size:15px;margin-top:5px}.caption-small{font-size:13px;font-style:italic}.panel-art{position:relative;aspect-ratio:1.65;background:var(--paper)}.panel-art img{width:100%;height:100%;object-fit:cover;display:block}.panel-number{position:absolute;bottom:7px;right:8px;border:1px solid var(--ink);background:var(--paper);padding:0 5px;font-family:monospace;font-size:12px}.school-label{position:absolute;top:32%;left:27%;width:46%;text-align:center;background:var(--paper);border:2px solid var(--ink);font-weight:900;font-size:clamp(10px,1.1vw,14px);line-height:1.1;padding:4px}.speech{position:absolute;top:8%;left:19%;border:2px solid var(--ink);border-radius:50%;background:#fff;padding:8px 18px;font-weight:bold}.speech.two{left:auto;right:16%;top:17%}.panel.final figcaption{background:var(--yellow)}.final .caption-title{font-size:36px}.comic-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.comic-sign{font-family:monospace;font-size:12px}.pals-preview{border-top:3px solid var(--ink);padding:45px 5% 55px;background:#e8dfca}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto 25px}.section-top h2{font:42px/1 Impact,'Arial Black',sans-serif;margin:0}.text-link{font-size:14px;font-weight:900;text-underline-offset:5px}.pals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1120px;margin:auto}.pal h3{font:32px/1 Impact,'Arial Black',sans-serif;margin:16px 0 8px}.pal p{font-size:15px;max-width:270px}.pal .function{font-weight:bold}.pal img{width:100%;height:220px;object-fit:contain;mix-blend-mode:multiply}.pal:first-child h3{color:var(--red)}.page-wrap{max-width:1120px;margin:auto;padding:45px 28px 70px;min-height:65vh}.page-intro{max-width:580px;margin-bottom:35px}.archive-tools{display:flex;gap:15px;margin:30px 0;align-items:end;flex-wrap:wrap}.archive-tools label{display:flex;flex-direction:column;font-size:13px;font-weight:bold;gap:6px}.archive-tools input,.archive-tools select{padding:12px;background:#fffaf0;border:2px solid var(--ink);border-radius:0;max-width:100%}.archive-tools input{width:340px}.archive-count{margin-left:auto;font-family:monospace;font-size:13px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.episode-card{text-decoration:none;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffaf0;display:block}.episode-card:hover{transform:rotate(-.5deg)}.episode-card img{width:100%;aspect-ratio:1.65;object-fit:cover;border-bottom:3px solid var(--ink);display:block}.episode-card .card-copy{padding:20px}.episode-card h2{font:30px/1.1 Impact,'Arial Black',sans-serif;margin:10px 0}.episode-card p{font-size:14px}.pagination,.episode-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:35px}.pagination button{padding:8px 15px;border:2px solid;background:transparent;font-weight:bold}.pagination button:disabled,.disabled{opacity:.45}.true-story{border-block:2px solid var(--ink);margin-top:35px;padding:18px 0}.true-story summary{font-size:14px;font-weight:900;cursor:pointer;letter-spacing:1px}.true-story p{max-width:720px;font-size:16px}.back{font-size:13px;font-weight:bold;text-underline-offset:5px}.pals-page{margin-top:35px}.pals-page .pal img{height:285px}.pals-page .pal p{line-height:1.65}footer{border-top:3px solid var(--ink);background:var(--green);color:var(--paper);padding:35px 5%;display:flex;justify-content:space-between;gap:30px;align-items:center}footer .brand span{color:var(--yellow)}footer p{font-size:14px}footer div{text-align:right;font-family:monospace;font-size:14px}footer small{display:block;font-size:12px;margin-top:10px}.skip{position:absolute;top:-100px;left:20px;background:var(--yellow);padding:10px;z-index:20}.skip:focus{top:10px}.loading{padding:50px}button{cursor:pointer}button:disabled{cursor:default}@media(min-width:1500px){header,footer{padding-inline:calc((100vw - 1300px)/2)}}@media(max-width:760px){header{padding:18px 5%;gap:16px}.brand{font-size:21px}nav{gap:16px;font-size:12px}.nav-note{display:none}.hero{grid-template-columns:1fr;padding:30px 6% 25px;gap:8px}.hero h1{font-size:62px}.hero .premise{font-size:19px}.hero-art{max-height:230px;object-fit:contain}.art-note{font-size:11px}.hero .sub{font-size:15px}.ticker{font-size:11px;gap:10px}.ticker span:last-child{display:none}.comic-section,.page-wrap{padding:30px 6% 40px}.episode-heading{display:block}.episode-heading .era{text-align:left;margin-top:13px}.strip{grid-template-columns:1fr;gap:22px}.panel figcaption{min-height:83px}.school-label{font-size:13px}.pals-grid{grid-template-columns:repeat(2,1fr);gap:25px}.pal img{height:180px}.section-top h2{font-size:34px}.comic-foot{flex-wrap:wrap}.comic-sign{width:100%}.archive-grid{grid-template-columns:1fr}.archive-tools{align-items:stretch}.archive-tools label{width:100%}.archive-tools input{width:100%}.archive-count{margin-left:0}.pals-page .pal img{height:220px}footer{align-items:start;flex-wrap:wrap}footer div{text-align:left;width:100%}.episode-nav{font-size:13px}.caption-title{font-size:23px}.page-title{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transform:none!important}}
.panel-art{aspect-ratio:1.4}.school-label{top:38%;left:30%;width:39%}.panel:nth-child(4) .caption-title,.panel:nth-child(5) .caption-title{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:800}.speech{top:0;left:18%}.speech.two{top:7%;right:14%}
/* The supplied character designs in their Williams Lake setting. */
.hero-art{mix-blend-mode:normal;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(1deg)}
.art-note{margin-top:15px}
@media(max-width:760px){.hero-art{max-height:none;width:100%;height:auto}.hero{gap:28px}}
.panel-art{aspect-ratio:1}
.school-label{top:42%;left:40%;width:29%;font-size:clamp(10px,1vw,12px);padding:4px 2px}
.panel-dialogue{padding:14px 18px;background:#fffaf0;border-top:2px solid var(--ink);flex:1;line-height:1.35;font-size:17px}.panel-dialogue p{margin:0 0 7px}.panel-dialogue p:last-child{margin-bottom:0}.panel-dialogue strong{font-size:13px;text-transform:uppercase;letter-spacing:.4px}.movie-label{padding:10px 16px;background:#efd7e5;border-top:2px solid var(--ink);font-size:13px;font-weight:bold}.movie-label em{font-size:16px}.panel-beat{padding:12px 18px;background:var(--yellow);border-top:2px solid var(--ink);font-weight:800;font-size:16px}.panel.final .panel-dialogue{background:var(--yellow)}.panel figcaption{min-height:0;padding:14px 17px}
/* Williams Lake, mid-1990s: a homemade comic zine. */
:root{--paper:#eee8d5;--ink:#181a16;--green:#29432d;--red:#9d291b;--yellow:#e6be38}
html{background-color:#263d2b;background-image:repeating-linear-gradient(0deg,transparent 0 47px,#172a2066 47px 50px),repeating-linear-gradient(90deg,transparent 0 47px,#172a2066 47px 50px)}
body{max-width:1240px;margin:22px auto;border:3px solid var(--ink);box-shadow:8px 9px 0 #101b14;font-family:'Courier New',Courier,monospace;background:var(--paper);font-size:16px}
header{min-height:72px;padding:17px 28px;border-bottom:5px double var(--ink);background:#ded5ba;gap:15px;flex-wrap:wrap}
.brand{font-family:Impact,'Arial Black',sans-serif;font-size:28px;letter-spacing:.3px;transform:rotate(-1deg)}
nav{gap:22px;font-family:'Courier New',monospace;font-size:14px}
nav a{color:#1b3274;text-decoration:underline;text-underline-offset:3px}
nav a:visited{color:#603555}
.nav-note{font-size:12px;border:1px dashed;padding:4px 8px;transform:rotate(2deg)}
.hero{grid-template-columns:1fr 1.15fr;gap:30px;padding:32px 30px 28px;align-items:center}
.eyebrow{font-size:14px;letter-spacing:.3px}
.hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-1px;line-height:1.03;margin:17px 0 22px;transform:rotate(-2deg);text-shadow:2px 2px 0 #bcb39e}
.hero h1 span{display:inline-block;background:var(--ink);color:var(--paper);padding:0 10px 4px;transform:rotate(3deg);text-shadow:none}
.hero .premise{font-size:18px;line-height:1.4}.hero .sub{font-size:16px;line-height:1.4}
.hero-art{padding:6px;background:#fcf8eb;border:2px solid var(--ink);border-radius:1% 0 2% 0;box-shadow:3px 4px 0 #79765f;transform:rotate(1.6deg)}
.art-note{font-family:'Courier New',monospace;font-size:13px;font-weight:bold;margin-top:13px}
.actions{gap:15px;margin-top:22px}
.button{font-family:'Courier New',monospace;background:var(--yellow);border:3px outset #a29a70;box-shadow:2px 2px 0 var(--ink);padding:9px 14px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.button.secondary{background:#d6d3c4;border:3px outset #b6b4a7;box-shadow:2px 2px 0 var(--ink)}
.button:hover{transform:none;background:#f4d465}.button:active{border-style:inset;box-shadow:none}
.ticker{background:var(--ink);border-top:2px dashed var(--paper);border-bottom:2px dashed var(--paper);padding:10px 25px;font-size:12px;letter-spacing:0}
.comic-section{padding:35px 30px 44px;max-width:1100px}.comic-section>.eyebrow{display:inline-block;border:2px solid var(--red);color:var(--red);padding:3px 8px;transform:rotate(-2deg)}
.episode-heading{padding-bottom:15px;border-bottom:3px double var(--ink);margin-top:15px}.episode-heading h2,.page-title{font-family:Impact,'Arial Black',sans-serif;font-size:48px;letter-spacing:.2px}.episode-heading .era{font-size:14px}
.strip{gap:18px}.panel{box-shadow:2px 3px 0 #66614f;border:3px solid var(--ink);border-radius:1% .4% .8% 0;background:#fffaf0}
.panel-dialogue{font-family:Arial,Helvetica,sans-serif;font-size:17px}.panel-dialogue strong{font-family:'Courier New',monospace;font-size:14px}.caption-text{font-size:16px}.panel-beat{font-family:'Courier New',monospace}.movie-label{background:#ebc7d5}.panel-number{font-weight:bold}
.pals-preview{padding:33px 30px 43px;border-top:5px double var(--ink);background:#ded5ba}.section-top{margin-bottom:32px}.section-top h2{font-family:Impact,'Arial Black',sans-serif;transform:rotate(-1deg);font-size:39px}.text-link{color:#1b3274}
.pals-grid{gap:25px}.pal{padding:9px;background:#f8f2e2;border:1px solid #a9a18d;border-bottom:3px solid #88806c;align-self:start;transform:rotate(-1.3deg)}.pal:nth-child(even){transform:rotate(1.4deg)}.pal:nth-child(3){transform:rotate(.5deg)}
.pal img,.pals-page .pal img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;mix-blend-mode:normal;border:2px solid var(--ink);background:var(--paper)}
.pal h3{font-family:'Courier New',monospace;font-weight:900;font-size:28px;text-transform:uppercase;margin:11px 3px 7px;border-bottom:2px solid var(--ink);padding-bottom:5px}.pal p{font-size:15px;line-height:1.45;margin:12px 3px}.pal .function{font-size:15px}.pals-page .pal p{line-height:1.45}
.page-wrap{padding:37px 30px 60px}.page-title{margin-top:16px;transform:rotate(-1deg)}.page-intro{font-size:16px}.pals-page{margin-top:40px}
.archive-tools input,.archive-tools select{background:#faf8ed;border:3px inset #aaa592;font-family:'Courier New',monospace}.episode-card{box-shadow:3px 3px 0 #7d7560;border:2px solid var(--ink)}.episode-card h2{font-family:Impact,'Arial Black',sans-serif}.episode-card .card-copy{padding:16px}.episode-card p{font-size:15px}.pagination button{background:#d6d3c4;border:3px outset #b6b4a7}
footer{padding:23px 28px;background:#ded5ba;color:var(--ink);border-top:5px double var(--ink);gap:20px;align-items:start}footer .brand span{color:var(--red)}footer p{margin:0;font-size:14px}footer div{font-size:14px}footer small{font-size:12px}.true-story{border-block:2px dashed var(--ink)}
@media(min-width:1500px){header,footer{padding-inline:28px}}
@media(max-width:900px){body{margin:10px}.hero{gap:22px;padding:25px}.hero h1{font-size:57px}.nav-note{display:none}.pals-grid{gap:16px}}
@media(max-width:760px){body{margin:0;border-width:0;box-shadow:none}header{padding:15px 18px;gap:14px}.brand{font-size:24px}nav{font-size:14px;gap:18px}.hero{grid-template-columns:1fr;padding:25px 21px;gap:28px}.hero h1{font-size:67px}.hero-art{max-height:none}.hero .premise{font-size:18px}.hero .sub{font-size:16px}.comic-section,.page-wrap{padding:29px 19px 38px}.episode-heading h2,.page-title{font-size:43px}.episode-heading .era{font-size:13px}.strip{gap:23px}.pals-preview{padding:28px 20px 35px}.section-top{align-items:start}.section-top h2{font-size:31px}.pals-grid{gap:23px 14px}.pal{padding:7px;transform:none!important}.pal h3{font-size:23px}.pal p,.pal .function{font-size:14px}.text-link{font-size:13px}.ticker{padding:10px 18px}footer{padding:23px 20px}}
@media(max-width:380px){.pals-grid{grid-template-columns:1fr}.hero h1{font-size:58px}.brand{font-size:22px}}
/* Long strips and the rough-cut masthead. */
.hero{padding-top:24px;padding-bottom:28px;grid-template-columns:.88fr 1.12fr}
.hero h1{font-size:clamp(56px,6.4vw,88px);letter-spacing:-1.5px;line-height:1.02}
.hero h1 .masthead-top{font-size:.67em;line-height:1.1;background:none;color:var(--ink);padding:0;transform:none;white-space:nowrap}
.hero h1>span:last-child{font-size:1.36em;letter-spacing:3px;background:var(--red);transform:rotate(-2deg);padding:0 9px 5px;box-shadow:4px 3px 0 var(--ink)}
.hero .eyebrow{font-weight:900;border-block:2px solid var(--ink);padding:5px 0;font-size:13px}
.issue-line{display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--ink);color:var(--paper);padding:9px 12px;font-weight:bold;font-size:13px;border-bottom:5px solid var(--red);transform:rotate(-.5deg)}
.comic-section{max-width:1190px}.strip-nine{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.strip-nine .panel-dialogue{font-size:17px;padding:13px 14px}.strip-nine .caption-title{font-size:23px}.strip-nine .caption-text{font-size:16px}.strip-nine .movie-label{font-size:12px;padding:8px 12px}.strip-nine .movie-label em{font-size:15px}
.panel-dialogue{line-height:1.4}.panel-dialogue p{margin-bottom:10px}.panel.final{border-color:var(--red);box-shadow:3px 4px 0 var(--ink)}
.page-title{display:inline-block;border-bottom:5px solid var(--red);padding-bottom:10px}
.section-top h2{background:var(--ink);color:var(--paper);padding:8px 12px;box-shadow:4px 4px 0 var(--red)}
@media(max-width:980px) and (min-width:761px){.strip-nine{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-nine .panel:last-child{grid-column:1/-1;max-width:530px;width:100%;justify-self:center}.hero h1{font-size:61px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero h1{font-size:70px}.hero h1>span:last-child{font-size:1.3em}.strip-nine{grid-template-columns:1fr;gap:23px}.issue-line{font-size:12px;padding:8px}.section-top{flex-wrap:wrap}.section-top h2{font-size:30px}.strip-nine .panel-dialogue{font-size:18px}}
@media(max-width:380px){.hero h1{font-size:60px}.issue-line{flex-wrap:wrap}}