:root{--ink:#0b1123;--panel:#121d34;--panel2:#182541;--line:#394661;--paper:#f7f8ff;--muted:#b7c4d8;--lime:#31dce9;--cyan:#31dce9;--violet:#b779f7;--yellow:#ffd45c;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}button{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:var(--lime);color:#000;padding:.75rem 1rem}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:10;background:#0b1123ed;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0d}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.03em}.brandmark{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:var(--lime);font-family:monospace}.navlinks{display:flex;align-items:center;gap:21px;font-size:.9rem}.navlinks a:hover,.navlinks a:focus-visible{color:var(--lime)}.nav-play{padding:.65rem .85rem;border:1px solid var(--lime);border-radius:999px}.menu{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:10px;padding:.55rem .8rem}.hero{min-height:720px;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:50px;padding-block:60px}.eyebrow,.kicker{color:var(--lime);font:700 .76rem/1.3 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}.hero h1,.section-head h2,.comic-layout h2,.quiz h2{font-size:clamp(3rem,6vw,6.6rem);line-height:.9;letter-spacing:-.07em;margin:.2em 0}.hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--paper)}.lede{font-size:1.2rem;color:#c5cbd3;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:1px solid var(--lime);background:var(--lime);color:#0a0c0f;padding:13px 18px;border-radius:12px;font-weight:850;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:transparent;color:white;border-color:var(--line)}.hero-art{height:600px;position:relative;display:grid;place-items:end center;border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 70% 20%,#34ccf52b,transparent 44%),linear-gradient(145deg,#18202a,#0d1014);overflow:hidden}.hero-art img{height:96%;width:auto;object-fit:contain;filter:drop-shadow(0 30px 50px #000)}.code-tag{position:absolute;padding:10px 13px;border-radius:11px;font:600 .75rem ui-monospace,monospace;box-shadow:0 12px 30px #0008}.t1{right:18px;top:15%;background:var(--violet)}.t2{left:18px;bottom:12%;background:#ff786d}.cast,.quiz{border-block:1px solid #252b34;background:#0f1216}section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2{font-size:clamp(2.5rem,5vw,4.7rem)}.section-head>p{max-width:430px;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.filter{border:1px solid var(--line);color:#d1d6dd;background:transparent;padding:8px 13px;border-radius:999px;cursor:pointer}.filter.active{background:var(--paper);color:var(--ink)}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.character{height:420px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);color:white;text-align:left;padding:0;position:relative;cursor:pointer}.character.hidden{display:none}.character:hover,.character:focus-visible{border-color:var(--lime);transform:translateY(-4px)}.character img{width:100%;height:100%;object-fit:cover;object-position:top center}.character>span{position:absolute;inset:auto 0 0;padding:42px 20px 19px;background:linear-gradient(transparent,#090b0fef 35%)}.character small,.character strong,.character em{display:block}.character small{color:var(--lime);text-transform:uppercase;letter-spacing:.12em}.character strong{font-size:1.6rem}.character em{font-style:normal;color:#c4cad2}.comic-layout,.quiz-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;align-items:center}.comic-layout h2,.quiz h2{font-size:clamp(2.7rem,5vw,5rem)}.muted{color:var(--muted)}.comic-preview{padding:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#111;cursor:zoom-in;box-shadow:0 28px 60px #0008}.comic-preview:hover,.comic-preview:focus-visible{border-color:var(--yellow)}.quiz{background:linear-gradient(120deg,#17132b,#0d1820)}.quiz-card{border:1px solid #ffffff22;border-radius:26px;padding:clamp(24px,4vw,42px);background:#ffffff08;min-height:410px}.quiz-card h3{font-size:1.55rem}.quiz-progress{display:flex;align-items:center;gap:18px;color:#c9c4d6}.progress{height:6px;flex:1;background:#ffffff16;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;width:16.66%;background:var(--lime);transition:width .25s}.options{display:grid;gap:10px}.option{border:1px solid #ffffff22;background:#ffffff08;color:white;padding:13px 15px;border-radius:12px;text-align:left;cursor:pointer}.option:hover,.option:focus-visible{border-color:var(--lime);background:#c9ff5712}.quiz-result img{width:150px;height:150px;object-fit:cover;object-position:top;border-radius:50%;border:3px solid var(--lime);float:right;margin-left:20px}.quiz-result h3{font-size:2rem;margin-bottom:.2rem}.shop{background:#11161a}.merch-banner{display:block;border-radius:22px;overflow:hidden}.merch-banner img{width:100%;height:auto}.merch-banner:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.merch-banner:hover img{filter:brightness(1.08)}.etsy{margin-top:8px}footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px}.modal{position:fixed;inset:0;z-index:30;background:#000d;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{position:relative;width:min(850px,100%);max-height:90vh;overflow:auto;background:var(--panel2);border:1px solid var(--line);border-radius:28px;padding:28px;display:grid;grid-template-columns:300px 1fr;gap:28px}.modal-card>img{height:430px;width:100%;object-fit:cover;object-position:top;border-radius:18px}.modal-card h2{font-size:3rem;margin:.1em 0}.modal blockquote{font-size:1.25rem;margin:1rem 0;color:var(--lime)}dl{display:grid;gap:10px}dl div{border-top:1px solid var(--line);padding-top:10px}dt{color:var(--muted);font-size:.8rem;text-transform:uppercase}dd{margin:3px 0}.close{position:absolute;right:14px;top:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#0b0d10;color:white;font-size:1.5rem;cursor:pointer}.comic-full{position:relative;width:min(1200px,100%);max-height:94vh;overflow:auto;background:#111;border-radius:22px;padding:22px}.comic-full h2{margin:0 50px 15px 0}.comic-full img{width:100%;height:auto}.comic-modal{align-items:start}.comic-modal .close{position:fixed}.modal-open{overflow:hidden}
@media(max-width:900px){.navlinks{display:none;position:absolute;left:20px;right:20px;top:66px;flex-direction:column;align-items:stretch;background:#13171df8;border:1px solid var(--line);border-radius:18px;padding:15px}.navlinks.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:540px}.character-grid{grid-template-columns:repeat(2,1fr)}.comic-layout,.quiz-layout{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.brand span:last-child{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 26px,1160px)}section{padding:76px 0}.hero h1{font-size:3.6rem}.hero-art{height:480px}.character-grid{grid-template-columns:1fr}.character{height:450px}.modal-card{grid-template-columns:1fr;padding:18px}.modal-card>img{height:300px}.modal-card h2{font-size:2.3rem}.comic-full{padding:12px;min-width:900px}.comic-modal{overflow:auto;display:block}.comic-modal .close{right:18px;top:18px}.comic-modal h2{font-size:1.2rem}.quiz-result img{float:none;margin:0 0 12px}footer .wrap{flex-direction:column}}
.character{background:radial-gradient(circle at 50% 34%,#263542,#12171d 64%)}.character img{object-fit:contain;object-position:center bottom;padding:12px 12px 54px}.modal-card>img{object-fit:contain;object-position:center bottom;background:radial-gradient(circle at 50% 32%,#263542,#10151b 68%);padding:12px}.quiz-result img{object-fit:contain;background:#18212a}
.terminal-wrap{position:relative}.terminal{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#171b21,#0f1115);box-shadow:0 35px 90px #0009;overflow:hidden;transform:rotate(2deg);transition:.35s}.terminal:hover{transform:rotate(0) translateY(-5px)}.terminal-bar{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:7px}.terminal-bar i{width:9px;height:9px;border-radius:50%;background:#454b56}.terminal-body{padding:28px;font:500 .91rem/1.55 ui-monospace,monospace;min-height:390px}.comment{color:#68717e}.cmd{color:var(--cyan)}.value{color:var(--lime)}.warning{color:var(--yellow)}.cursor{display:inline-block;width:8px;height:17px;background:var(--lime);vertical-align:-3px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.terminal-wrap .t1{right:-18px;top:20%}.terminal-wrap .t2{left:-24px;bottom:26%}
@media(max-width:900px){.terminal{transform:none}.terminal-wrap .t1{right:8px}.terminal-wrap .t2{left:8px}}@media(max-width:560px){.terminal-body{padding:20px;font-size:.76rem;min-height:340px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.terminal-feed{min-height:102px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.terminal-feed-line{min-height:3.1em;color:#dfe4ea}.terminal-prompt{color:var(--cyan)}.terminal-feed-link{display:inline-block;margin-top:5px;color:var(--lime);font-weight:800;text-underline-offset:4px}.terminal-feed-link:hover,.terminal-feed-link:focus-visible{text-decoration:underline}.terminal-feed-link[hidden]{display:none}.terminal-feed.is-paused .cursor{animation-play-state:paused}.terminal-feed.is-static .cursor{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.cursor{animation:none}.terminal-feed .cursor{display:none}}

.latest-comic-alert{border-bottom:1px solid #ffffff14;background:linear-gradient(90deg,#202b1a,#11171b 55%,#171329)}.latest-comic-alert-inner{min-height:54px;display:flex;align-items:center;gap:16px}.latest-comic-label{flex:0 0 auto;padding:.35rem .6rem;border:1px solid var(--lime);border-radius:999px;color:var(--lime);font:800 .72rem/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.latest-comic-alert a{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.latest-comic-alert a:hover strong,.latest-comic-alert a:focus-visible strong{color:var(--lime)}.latest-comic-alert a span{white-space:nowrap;color:var(--lime);font-weight:800}.comic-meta{color:var(--yellow);font:750 .82rem/1.3 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.comic-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.comic-actions .btn{margin:0}.archive-link{color:var(--lime);font-weight:800}.archive-link:hover,.archive-link:focus-visible{text-decoration:underline;text-underline-offset:4px}.comic-error{color:#ff9b93}.comic-preview{min-height:240px}.comic-preview:disabled{cursor:wait;opacity:.58}.btn:disabled{cursor:wait;opacity:.62;transform:none}.archive-nav{display:flex;align-items:center;gap:18px;font-size:.9rem}.archive-nav a:hover,.archive-nav a:focus-visible{color:var(--lime)}.archive-page{padding:76px 0 110px}.archive-head{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;margin-bottom:44px}.archive-head h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.88;letter-spacing:-.07em;margin:.18em 0}.archive-head p:last-child{color:var(--muted);font-size:1.08rem;max-width:540px}.comic-archive{display:grid;gap:32px}.comic-card{scroll-margin-top:100px;display:grid;grid-template-columns:minmax(250px,.58fr) 1fr;gap:30px;align-items:start;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,30px);background:linear-gradient(145deg,var(--panel2),#0e1217)}.comic-card-image{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0a0c0f}.comic-card-image:hover,.comic-card-image:focus-visible{border-color:var(--yellow)}.comic-card-image img{width:100%;height:auto}.comic-card-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.05em;margin:.2em 0 .35em}.comic-card-copy p{color:var(--muted);max-width:650px}.comic-card-copy .btn{margin-top:10px}.archive-status{color:var(--muted);padding:28px;border:1px dashed var(--line);border-radius:18px}.archive-status.error{color:#ff9b93;border-color:#ff786d66}
@media(max-width:900px){.archive-head,.comic-card{grid-template-columns:1fr}.archive-head{align-items:start}.comic-card-image{max-width:700px}.latest-comic-alert-inner{padding-block:10px}}
@media(max-width:560px){.latest-comic-alert-inner,.latest-comic-alert a{align-items:flex-start;flex-direction:column;gap:7px}.latest-comic-alert-inner{padding-block:11px}.latest-comic-alert a span{font-size:.9rem}.archive-nav{gap:9px;font-size:.82rem}.archive-nav a:not(.nav-play){display:none}.archive-page{padding-top:56px}.comic-card{gap:20px}.comic-actions{align-items:flex-start;flex-direction:column}}

/* Let the document scroll naturally when a comic is taller than the viewport. */
.comic-reader-page{min-height:100vh;min-height:100dvh;background:#111318}
.reader-bar{flex:none;min-height:64px;padding:8px clamp(14px,2vw,28px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;border-bottom:1px solid var(--line)}
.reader-bar a{font-weight:750;color:var(--lime);white-space:nowrap}
.reader-bar a:hover,.reader-bar a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.reader-home{justify-self:end}.reader-heading{text-align:center;min-width:0;line-height:1.2}
.reader-heading span{color:var(--yellow);font:750 .75rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.reader-heading h1{font-size:clamp(.95rem,1.8vw,1.3rem);line-height:1.25;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-stage{padding:clamp(8px,1.5vh,18px) clamp(8px,1.5vw,18px)}
.reader-stage img{display:block;width:auto;max-width:min(100%,1100px);height:auto;margin:0 auto;box-shadow:0 12px 48px #0008}
.reader-stage img[hidden],.reader-stage p[hidden]{display:none}
.reader-stage p{color:var(--paper);text-align:center}
@media(max-width:600px){.reader-bar{min-height:56px;grid-template-columns:auto 1fr;gap:8px}.reader-heading{grid-column:2;grid-row:1;text-align:right}.reader-home{display:none}.reader-heading h1{max-width:52vw}.reader-back{font-size:.88rem}}


/* The selected terminal artwork is a wide PNG with transparent outer space. */
.brand-logo{flex:none;display:block;line-height:0;border-radius:10px}.brand-logo img{width:clamp(184px,22vw,252px);height:54px;object-fit:cover;object-position:center}.brand-logo:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:560px){.brand-logo img{width:184px;height:46px}}