:root{--black:#09090a;--panel:#121216;--bone:#e4d9ca;--dim:#91847b;--red:#d42e2e;--ember:#ff5a19;--orange:#ff7b22;--line:rgba(255,95,28,.2);--line2:rgba(228,217,202,.12);--mono:"Courier New",ui-monospace,monospace;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--bone);background:var(--black);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
body.hijacked{--red:#ff481e;--line:rgba(255,122,34,.42)}
body.hijacked .crosshair{display:block}
body.hijacked main{animation:hudJolt .35s ease}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.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}
.scanlines{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.65) 4px)}
#embers{position:fixed;inset:0;z-index:15;pointer-events:none}
.crosshair{display:none;position:fixed;left:50%;top:50%;z-index:40;width:56px;height:56px;border:1px solid var(--ember);border-radius:50%;pointer-events:none;box-shadow:0 0 20px rgba(255,90,25,.5)}
.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--ember)}
.crosshair:before{left:50%;top:-10px;width:1px;height:76px}
.crosshair:after{top:50%;left:-10px;height:1px;width:76px}
.crosshair i{position:absolute;width:6px;height:6px;border:1px solid var(--ember);transform:rotate(45deg)}
.crosshair i:first-child{left:24px;top:24px}
.crosshair i:last-child{right:-18px;bottom:-18px}
.topbar{position:fixed;inset:0 0 auto;z-index:25;height:74px;padding:0 clamp(1rem,3.5vw,3.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,90,25,.18);background:rgba(8,8,9,.84);backdrop-filter:blur(16px);transition:height .3s}
.topbar.scrolled{height:62px;background:rgba(8,8,9,.96)}
.system-brand{display:flex;align-items:center;gap:.8rem;width:max-content}
.system-brand>span:last-child{display:flex;flex-direction:column}
.system-brand b{letter-spacing:.22em;font-size:.72rem}
.system-brand small{color:#716761;font:400 .52rem/1.4 var(--mono);letter-spacing:.2em}
.wb-rune{display:grid;place-items:center;width:37px;height:37px;color:var(--orange);border:1px solid var(--line);font:700 .72rem var(--mono);transform:rotate(45deg);box-shadow:inset 0 0 18px rgba(255,90,25,.13)}
.topbar nav{display:flex;gap:clamp(1rem,2.4vw,2.5rem)}
.topbar nav a{color:#a99e94;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}
.topbar nav a small{color:var(--red);font-family:var(--mono);margin-right:.35rem}
.topbar nav a:hover{color:var(--orange)}
.system-state{justify-self:end;color:#716761;font:700 .56rem var(--mono);letter-spacing:.14em}
.system-state i,.card-state i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.5rem;background:#75df68;box-shadow:0 0 10px #75df68}
.nav-toggle{display:none;background:none;border:0;padding:.5rem}
.nav-toggle span{display:block;width:24px;height:1px;background:var(--bone);margin:5px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:74px}
.hero-art{position:absolute;inset:0;background:url("assets/operator-042-banner.png") center/cover no-repeat;transform:scale(1.012);animation:heroPulse 15s ease-in-out infinite alternate}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,7,.96) 0%,rgba(6,6,7,.78) 33%,rgba(6,6,7,.14) 67%,rgba(6,6,7,.18)),linear-gradient(0deg,rgba(7,7,8,.94),transparent 22%)}
.hero-hud{position:relative;z-index:2;width:min(690px,86vw);margin-left:clamp(1.3rem,7vw,8rem);padding:2rem 0}
.hud-label{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font:700 .64rem var(--mono);letter-spacing:.22em;color:var(--orange)}
.hud-label:before{content:"";width:48px;height:1px;background:var(--red)}
.hud-label b{padding:.2rem .5rem;border:1px solid var(--line);font-size:.6rem}
.hero h1{margin:0;font:400 clamp(3.3rem,7vw,7.2rem)/.9 var(--serif);letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 10px 45px #000}
.hero h1 em{color:var(--orange);font-style:normal;text-shadow:0 0 30px rgba(255,90,25,.24)}
.status-stack{max-width:520px;margin:2rem 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:.7rem 0}
.status-stack p{display:flex;justify-content:space-between;margin:.22rem 0;font:700 .6rem/1.8 var(--mono);letter-spacing:.13em}
.status-stack span{color:#756b65}
.status-stack b{color:#c9bdb1}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.4rem;border:1px solid transparent;text-transform:uppercase;letter-spacing:.15em;font-size:.64rem;font-weight:800;cursor:pointer;transition:.25s}
.button:hover{transform:translateY(-2px)}
.primary{color:#120705;background:var(--orange);border-color:var(--orange);box-shadow:0 0 26px rgba(255,90,25,.14)}
.ghost{background:rgba(10,10,11,.46);border-color:rgba(228,217,202,.3)}
.ghost:hover{color:var(--orange);border-color:var(--orange)}
.hero-footer{position:absolute;z-index:2;left:clamp(1rem,3.5vw,3.5rem);right:clamp(1rem,3.5vw,3.5rem);bottom:1.2rem;display:flex;justify-content:space-between;color:#625953;font:700 .54rem var(--mono);letter-spacing:.12em}
.hero-footer b{color:#aa8170}
.codex-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0b0c}
.codex-strip div{padding:1.1rem clamp(.7rem,2vw,2rem);border-right:1px solid var(--line2);display:flex;justify-content:space-between;gap:1rem;font:700 .57rem var(--mono);letter-spacing:.09em}
.codex-strip span{color:#655d58}
.codex-strip b{color:var(--orange)}
.section{position:relative;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem)}
.section-code{position:absolute;left:clamp(1.25rem,6vw,7rem);top:2rem;color:#5f5550;font:700 .58rem var(--mono);letter-spacing:.13em}
.kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.22em;font:700 .65rem var(--mono)}
h2{margin:.4rem 0 1.5rem;font:400 clamp(2.6rem,5.5vw,5.6rem)/.96 var(--serif);letter-spacing:-.045em}
.archive{background:radial-gradient(circle at 80% 45%,rgba(212,46,46,.1),transparent 35%),#0d0d0f}
.archive-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,9rem);align-items:center}
.archive-copy>p:not(.kicker){color:var(--dim);max-width:640px}
.archive-visual{position:relative;border:1px solid var(--line);padding:.7rem;background:#080809;box-shadow:0 40px 100px rgba(0,0,0,.55)}
.archive-visual img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.78) contrast(1.08)}
.image-data{display:flex;justify-content:space-between;padding:.7rem .2rem 0;color:#675e58;font:700 .52rem var(--mono);letter-spacing:.09em}
.inline-command,.record-link{border:0;border-bottom:1px solid #594b45;background:none;color:#c9bdb2;padding:.4rem 0;text-transform:uppercase;letter-spacing:.12em;font:700 .62rem var(--mono);cursor:pointer}
.inline-command span{color:var(--orange);margin-right:.5rem}
.inline-command:hover,.record-link:hover{color:var(--orange);border-color:var(--orange)}
.registry{background:linear-gradient(150deg,#0a090a,#111012)}
.registry-heading{max-width:900px}
.registry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem}
.operator-card{min-height:560px;display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--line2);background:#0d0c0e;overflow:hidden}
.portrait{min-height:100%;overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.1)}
.operator-data{position:relative;padding:clamp(1.5rem,3vw,3rem);align-self:center}
.card-state{color:#70ad68;font:700 .55rem var(--mono);letter-spacing:.12em}
.card-state.warning{color:var(--orange)}
.card-state.warning i{background:var(--orange);box-shadow:0 0 10px var(--orange)}
.operator-data>span{display:block;margin-top:4rem;color:#6c625c;font:700 .58rem var(--mono);letter-spacing:.16em}
.operator-data h3{margin:.3rem 0 1.4rem;font:400 clamp(2.8rem,4.5vw,5rem)/.9 var(--serif)}
.operator-data p{color:var(--dim);font-size:.9rem}
.operator-data blockquote{margin:1.8rem 0 0;padding-left:1rem;border-left:1px solid var(--red);font:italic 1.15rem var(--serif)}
.clickums-card{grid-template-columns:1fr}
.clickums-stage{position:relative;min-height:280px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,90,25,.13),transparent 56%);overflow:hidden}
.clickums-stage img{position:relative;z-index:2;width:min(260px,70%);filter:drop-shadow(0 25px 25px #000)}
.target-rings{position:absolute;width:270px;height:270px;border:1px solid var(--line);border-radius:50%}
.target-rings:before,.target-rings:after{content:"";position:absolute;border:1px solid rgba(255,90,25,.16);border-radius:50%;inset:27px}
.target-rings:after{inset:61px}
.clickums-card .operator-data>span{margin-top:2.2rem}
.historical-note{margin:1rem 0 0;padding:1rem 1.2rem;border:1px dashed var(--line2);color:#756a64;font:700 .59rem/1.7 var(--mono);letter-spacing:.06em}
.historical-note b{color:#a78d7e}
.protocols{background:#0a090a}
.protocol-intro{max-width:960px}
.protocol-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid var(--line2);border-left:1px solid var(--line2)}
.protocol-grid article{min-height:300px;padding:clamp(1.5rem,3vw,3rem);border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transition:.3s}
.protocol-grid article:hover{background:#141012;transform:translateY(-4px)}
.protocol-grid span{color:var(--red);font:700 .6rem var(--mono)}
.protocol-grid h3{margin:4rem 0 1rem;font:400 1.7rem var(--serif)}
.protocol-grid p{color:#80746d;font-size:.88rem}
.bulletins{background:radial-gradient(circle at 15% 30%,rgba(212,46,46,.11),transparent 30%),#0e0c0d}
.bulletin-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:1px;background:var(--line2);border:1px solid var(--line2)}
.bulletin-title,.book-record{min-height:500px;padding:clamp(1.6rem,3.8vw,3.8rem);background:#0d0c0e}
.bulletin-title img{width:100%;height:90px;object-fit:cover;object-position:center;mix-blend-mode:screen;margin-bottom:5rem}
.bulletin-title h2{font-size:clamp(2.4rem,4vw,4rem)}
.record-head{display:flex;justify-content:space-between;color:#6d635e;font:700 .57rem var(--mono);letter-spacing:.1em}
.record-head b{color:var(--orange)}
.book-record h3{margin:6rem 0 1.5rem;font:400 clamp(2.4rem,4vw,4.3rem)/.95 var(--serif)}
.book-record>p{color:var(--dim);font-size:.9rem}
.book-record dl{display:grid;grid-template-columns:repeat(3,1fr);margin:2rem 0;padding:1rem 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.book-record dt{color:#625a55;font:700 .52rem var(--mono);text-transform:uppercase}
.book-record dd{margin:.2rem 0 0;font:400 .9rem var(--serif)}
.book-record blockquote{margin:2.5rem 0;padding-left:1rem;border-left:1px solid var(--red);color:#b9aaa0;font:italic 1.2rem var(--serif)}
.incidents{background:#09090a}
.incident-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,8rem);align-items:center}
.incident-main>p:not(.kicker){color:var(--dim)}
.alert-line{margin-top:3rem;border:1px solid rgba(255,90,25,.35);padding:1rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;color:var(--orange);font:700 .58rem var(--mono);letter-spacing:.08em;animation:alertPulse 2.2s ease-in-out infinite}
.incident-image{height:650px;border:1px solid var(--line2);overflow:hidden}
.incident-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.12)}
.architect{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(3rem,8vw,9rem);background:#0e0d0f}
.architect-sigil{height:430px;overflow:hidden;border:1px solid var(--line2)}
.architect-sigil img{width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(.75) contrast(1.08)}
.architect-copy p:not(.kicker){color:var(--dim)}
.architect-copy blockquote{margin:2rem 0 0;font:italic clamp(2rem,4vw,4rem) var(--serif);color:var(--orange)}
.final-node{min-height:560px;padding:5rem 1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 85%,rgba(212,46,46,.18),transparent 42%),#09090a}
.final-node>p,.final-node>span{color:#675d58;font:700 .59rem var(--mono);letter-spacing:.2em}
.final-node h2{font-size:clamp(3rem,7vw,7rem)}
.final-node>span{margin-top:3rem;color:var(--red)}
footer{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding:1.5rem clamp(1rem,4vw,4rem);border-top:1px solid var(--line2);color:#5e5651;font:700 .52rem var(--mono);letter-spacing:.07em}
footer div:nth-child(2){text-align:center}
footer div:last-child{text-align:right}
dialog{width:min(760px,calc(100vw - 2rem));padding:0;color:#9eb59a;background:#080a08;border:1px solid rgba(117,223,104,.28);box-shadow:0 0 0 100vmax rgba(0,0,0,.88),0 40px 120px #000}
dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.dialog-close{position:absolute;right:1rem;top:.7rem;z-index:2;border:0;background:none;color:#71806f;font-size:1.8rem;cursor:pointer}
.terminal-window{padding:clamp(1.6rem,5vw,4rem);font:500 .83rem/1.85 var(--mono)}
.terminal-top{display:flex;justify-content:space-between;margin:-1rem -1rem 2rem;padding:1rem;border-bottom:1px solid rgba(117,223,104,.15);font-size:.58rem;letter-spacing:.12em}
.terminal-window p{margin:.1rem 0}
.terminal-window em{color:var(--orange);font-style:normal}
.terminal-window h2{color:#d2ddd0;font:400 clamp(2rem,5vw,3.4rem)/1.05 var(--serif);margin:2.5rem 0 1rem}
.terminal-copy{color:#b5c7b2}
.terminal-alert{margin-top:2rem!important;padding-top:1rem;border-top:1px solid rgba(117,223,104,.15);color:var(--orange)}
.crab-toast{position:fixed;z-index:45;right:1rem;bottom:1rem;width:min(520px,calc(100vw - 2rem));display:grid;grid-template-columns:90px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--orange);background:rgba(14,10,9,.96);box-shadow:0 20px 70px #000,0 0 30px rgba(255,90,25,.14);transform:translateY(150%);transition:.45s}
.crab-toast.show{transform:translateY(0)}
.crab-toast img{width:90px}
.crab-toast div{display:flex;flex-direction:column}
.crab-toast b{color:var(--orange);font:700 .64rem var(--mono);letter-spacing:.1em}
.crab-toast span{color:#8b7e76;font-size:.75rem}
.crab-toast button{border:0;background:none;color:#8b7e76;font-size:1.5rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.reveal.visible{opacity:1;transform:none}
@keyframes heroPulse{to{transform:scale(1.045)}
}
@keyframes alertPulse{50%{box-shadow:0 0 25px rgba(255,90,25,.14)}
}
@keyframes hudJolt{25%{transform:translateX(5px)}
50%{transform:translateX(-3px)}
75%{transform:translateX(2px)}
}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}
.system-state{display:none}
.archive-grid,.incident-layout,.architect{grid-template-columns:1fr}
.registry-grid{grid-template-columns:1fr}
.bulletin-grid{grid-template-columns:1fr 1fr}
.bulletin-title{grid-column:1/-1;min-height:auto}
.bulletin-title img{max-width:500px;margin-bottom:2rem}
.incident-image{height:560px}
.codex-strip{grid-template-columns:repeat(2,1fr)}
footer{grid-template-columns:1fr;text-align:center}
footer div:last-child{text-align:center}
.architect-sigil{height:360px}
}
@media(max-width:760px){.topbar{height:62px;grid-template-columns:1fr auto}
.system-brand small{display:none}
.nav-toggle{display:block}
.topbar nav{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:1rem 1.2rem;background:rgba(8,8,9,.98);border-bottom:1px solid var(--line)}
.topbar nav.open{display:flex}
.topbar nav a{padding:.8rem 0;border-bottom:1px solid var(--line2)}
.hero{padding-top:62px}
.hero-art{background-position:65% center}
.hero-vignette{background:linear-gradient(90deg,rgba(6,6,7,.94),rgba(6,6,7,.52)),linear-gradient(0deg,rgba(7,7,8,.95),transparent 30%)}
.hero-hud{margin:0;padding:7rem 1.2rem 6rem;width:100%}
.hero h1{font-size:clamp(3rem,14vw,5rem)}
.hero-footer{display:none}
.codex-strip{grid-template-columns:1fr}
.codex-strip div{border-bottom:1px solid var(--line2)}
.section{padding-top:6rem}
.archive-grid,.registry-grid,.operator-card,.protocol-grid,.bulletin-grid{grid-template-columns:1fr}
.portrait{height:420px}
.protocol-grid article{min-height:230px}
.protocol-grid h3{margin-top:2.5rem}
.bulletin-title{grid-column:auto}
.book-record{min-height:auto}
.incident-image{height:480px}
.architect-sigil{height:300px}
.alert-line{flex-direction:column}
.crab-toast{grid-template-columns:68px 1fr auto}
.crab-toast img{width:68px}
.crosshair{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
.reveal{opacity:1;transform:none}
#embers{display:none}
}
.comic{background:radial-gradient(circle at 75% 15%,rgba(255,90,25,.12),transparent 32%),#0c0b0d}.comic-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.comic-heading h2{margin-bottom:0}.comic-status{display:grid;grid-template-columns:auto auto;gap:.15rem .7rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--line);font:700 .57rem var(--mono);letter-spacing:.1em}.comic-status i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.comic-status span{color:var(--orange)}.comic-status b{color:#716761}.latest-comic{display:block;width:100%;padding:0;border:1px solid var(--line2);background:#080809;color:inherit;text-align:left;cursor:pointer;box-shadow:0 35px 100px rgba(0,0,0,.55);transition:.3s}.latest-comic:hover{border-color:var(--orange);transform:translateY(-4px)}.comic-frame{display:block;padding:clamp(.5rem,1vw,1rem);background:#050506}.comic-frame img{width:100%;max-height:720px;object-fit:contain;margin:auto}.comic-meta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem clamp(1rem,2vw,2rem);border-top:1px solid var(--line2)}.comic-meta>span:first-child{display:flex;flex-direction:column}.comic-meta small{color:#6d635e;font:700 .53rem var(--mono);letter-spacing:.14em}.comic-meta strong{font:400 clamp(1.25rem,2vw,2rem) var(--serif)}.archive-call{color:var(--orange);font:700 .59rem var(--mono);letter-spacing:.12em}.archive-call b{margin-left:.6rem;padding:.24rem .45rem;border:1px solid var(--line)}.comic-dialog{width:min(1500px,calc(100vw - 2rem));max-height:94vh;color:var(--bone);background:#09090a;border-color:var(--line);overflow:auto}.comic-archive{padding:clamp(1.2rem,3vw,3rem)}.comic-archive-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line2);margin-bottom:1.5rem}.comic-archive-head h2{font-size:clamp(2.4rem,5vw,5rem);margin-bottom:1rem}.comic-archive-head>span{padding-bottom:1.4rem;color:#665d58;font:700 .55rem var(--mono);letter-spacing:.12em}.comic-viewer{display:grid;grid-template-columns:54px 1fr 54px;gap:1rem;align-items:center}.comic-viewer figure{margin:0}.comic-viewer img{width:100%;max-height:67vh;object-fit:contain;background:#050506}.comic-viewer figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0}.comic-viewer figcaption b{color:var(--orange);font:700 .58rem var(--mono);letter-spacing:.12em}.comic-viewer figcaption strong{font:400 1.15rem var(--serif)}.comic-nav{height:90px;border:1px solid var(--line2);background:#111014;color:var(--bone);font-size:1.5rem;cursor:pointer}.comic-nav:hover{color:var(--orange);border-color:var(--orange)}.comic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line2)}.comic-thumb{padding:.4rem;border:1px solid var(--line2);background:#0d0c0e;color:#8e8179;text-align:left;cursor:pointer}.comic-thumb.active,.comic-thumb:hover{border-color:var(--orange);color:var(--bone)}.comic-thumb img{width:100%;aspect-ratio:16/7;object-fit:cover}.comic-thumb span{display:block;padding:.55rem .3rem .2rem;font-size:.65rem}.comic-thumb b{color:var(--orange);font-family:var(--mono);margin-right:.35rem}@media(max-width:760px){.comic-heading,.comic-meta,.comic-archive-head{align-items:flex-start;flex-direction:column}.comic-status{align-self:stretch}.archive-call{width:100%;padding-top:.8rem;border-top:1px solid var(--line2)}.comic-viewer{grid-template-columns:36px 1fr 36px;gap:.35rem}.comic-nav{height:70px}.comic-grid{grid-template-columns:repeat(2,1fr)}}