:root{--bg: #ffffff;--bg-2: #f3f5f9;--fg: #0a0c11;--muted: #586276;--line: #e2e6ee;--blue: #23324f;--blue-ink: #ffffff;--link: #23324f;--blue-soft: #e8edf6;--focus: #3d5a99;--shadow: 0 1px 2px rgb(10 12 17 / .05), 0 10px 30px rgb(10 12 17 / .06);--art-blue: #23324f;--art-deep: #141d30;--art-black: #07080b;--art-white: #ffffff;--display: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;--text: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;--serif: "Source Serif 4", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 14px;--gutter: clamp(16px, 4vw, 40px);--max: 1200px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--bg-2: #0b0e15;--fg: #f3f5f9;--muted: #8d96a9;--line: #1b2130;--blue: #2c3e63;--blue-ink: #ffffff;--link: #9fb4df;--blue-soft: #111a2b;--focus: #9fb4df;--shadow: 0 1px 2px rgb(0 0 0 / .5), 0 10px 30px rgb(0 0 0 / .4);color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--bg-2: #0b0e15;--fg: #f3f5f9;--muted: #8d96a9;--line: #1b2130;--blue: #2c3e63;--blue-ink: #ffffff;--link: #9fb4df;--blue-soft: #111a2b;--focus: #9fb4df;--shadow: 0 1px 2px rgb(0 0 0 / .5), 0 10px 30px rgb(0 0 0 / .4);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--text);font-stretch:100%;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}h1,h2,h3{margin:0;text-wrap:balance}p{margin:0}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--blue);color:var(--blue-ink);padding:10px 14px;border-radius:8px}.skip:focus{top:12px}.eyebrow{font:600 .72rem/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.h1{font:800 clamp(2.2rem,5vw,3.6rem)/1 var(--display);font-stretch:72%;letter-spacing:-.01em;text-transform:uppercase}.h2{font:800 clamp(1.6rem,3vw,2.2rem)/1.05 var(--display);font-stretch:72%;text-transform:uppercase}.h3{font:700 1.2rem/1.25 var(--display)}.lede{font:400 clamp(1.05rem,1.6vw,1.2rem)/1.6 var(--serif);color:var(--muted);max-width:60ch}.meta{font-size:.82rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kicker{font:700 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--link)}.more{font-size:.88rem;font-weight:600;color:var(--link);white-space:nowrap}.more:hover{text-decoration:underline;text-underline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--blue);color:var(--blue-ink)}.btn--primary:hover{filter:brightness(1.15)}.btn--ghost{background:transparent;border-color:var(--line)}.btn--ghost:hover{border-color:var(--fg)}.btn--sm{min-height:34px;padding:6px 12px;font-size:.85rem}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:transparent;cursor:pointer}.icon-btn:hover{border-color:var(--fg)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);font-size:.88rem;font-weight:500;background:var(--bg);cursor:pointer}.chip:hover{border-color:var(--fg)}.chip--sm{padding:4px 10px;font-size:.8rem}.chip.is-on{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.rec-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;text-align:right;font:700 .72rem/1 var(--text);letter-spacing:.02em;border:1px solid var(--line);color:var(--muted)}.rec-chip--essential{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.rec-chip--recommended{border-color:var(--link);color:var(--link)}.prior-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--link)}.prior-dot--none{background:var(--link)}.prior-dot--some{background:linear-gradient(90deg,var(--link) 50%,transparent 50%)}.sponsored-tag{font:700 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;gap:24px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--blue);color:var(--blue-ink);font:900 1.05rem/1 var(--display);font-stretch:80%}.brand__name{font:800 1.15rem/1 var(--display);font-stretch:75%;text-transform:uppercase;letter-spacing:.02em}.nav__links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav__link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.92rem;font-weight:500;color:var(--muted);background:none;border:0;cursor:pointer}.nav__link:hover,.nav__link.is-active,.dd.is-open>.nav__link{color:var(--fg);background:var(--bg-2)}.nav__tools{display:flex;gap:8px}.nav__burger{display:none}.dd{position:relative}.dd__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:none;flex-direction:column}.dd.is-open .dd__menu{display:flex}.dd__item{padding:9px 12px;border-radius:8px;font-size:.92rem}.dd__item:hover,.dd__item:focus-visible{background:var(--bg-2)}.mnav{border-top:1px solid var(--line);background:var(--bg)}.mnav__inner{display:grid;gap:18px;padding-block:18px 24px}.mnav__group{display:grid;gap:10px}.mnav__chips{display:flex;flex-wrap:wrap;gap:8px}.mnav__link{font:700 1.3rem/1 var(--display);font-stretch:75%;text-transform:uppercase}@media (max-width: 860px){.nav__links{display:none}.nav__burger{display:inline-grid}.nav__tools{margin-left:auto}}.sample-banner{font:500 .75rem/1 var(--mono);color:var(--muted);padding-block:10px;text-align:center}.cover{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:16 / 10;max-width:100%;background:linear-gradient(150deg,var(--art-blue) 0%,var(--art-deep) 55%,var(--art-black) 100%);color:var(--art-white);container-type:inline-size}.cover{margin:0}.cover img{width:100%;height:100%;object-fit:cover}.cover-fig,.char__fig,.jumbo__fig{margin:0;display:grid;gap:6px;min-width:0;align-content:start}.credit{font:500 .66rem/1.35 var(--mono);letter-spacing:.02em;color:var(--muted);overflow-wrap:anywhere}.card--row .credit{font-size:.58rem}.cover-fig--hero{gap:0}.cover-fig--hero .credit{width:100%;max-width:var(--max);margin-inline:auto;padding:8px var(--gutter) 0;text-align:right}.jumbo__fig{transform:rotate(-1.2deg)}.jumbo__fig .credit{text-align:right}.cover__pattern{position:absolute;top:0;right:0;bottom:0;left:0}.cover--comic .cover__pattern{background:radial-gradient(circle,rgb(255 255 255 / .28) 1.1px,transparent 1.6px) 0 0 / 9px 9px;-webkit-mask-image:linear-gradient(135deg,#000 0%,transparent 65%);mask-image:linear-gradient(135deg,#000 0%,transparent 65%)}.cover--marvel{background:linear-gradient(200deg,var(--art-black) 0%,var(--art-deep) 50%,var(--art-blue) 100%)}.cover--marvel .cover__pattern{-webkit-mask-image:linear-gradient(315deg,#000 0%,transparent 70%);mask-image:linear-gradient(315deg,#000 0%,transparent 70%)}.cover--indie{background:linear-gradient(160deg,var(--art-black),#10131b)}.cover--game{background:linear-gradient(170deg,var(--art-black) 0%,var(--art-deep) 70%,var(--art-blue) 100%)}.cover--game .cover__pattern{background:repeating-linear-gradient(0deg,rgb(255 255 255 / .06) 0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(0deg,rgb(255 255 255 / .05) 1px,transparent 1px) 0 0 / 24px 24px}.cover__tag{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:6px;background:var(--art-white);color:var(--art-black);font:700 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cover__title{position:absolute;left:6cqi;right:6cqi;bottom:6cqi;font:900 9.5cqi/.92 var(--display);font-stretch:62%;text-transform:uppercase;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.cover--hero{border-radius:0;aspect-ratio:21 / 9;max-height:72vh;width:100%}.cover--hero .cover__title{font-size:7.5cqi;left:max(var(--gutter),calc((100cqi - var(--max)) / 2 + var(--gutter)));bottom:5cqi;right:30cqi}.cover--hero .cover__tag{top:24px;left:max(var(--gutter),calc((100cqi - var(--max)) / 2 + var(--gutter)))}@media (max-width: 700px){.cover--hero{aspect-ratio:4 / 3}.cover--hero .cover__title{font-size:12cqi;right:var(--gutter)}.cover--hero .cover__tag{top:16px;bottom:auto}}.jumbo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(28px,5vw,64px) clamp(20px,3vw,36px)}.jumbo__copy{display:grid;gap:18px;min-width:0}.jumbo__title{font:900 clamp(2.6rem,6.4vw,5.2rem)/.92 var(--display);font-stretch:64%;text-transform:uppercase;letter-spacing:-.01em}.jumbo__title span{display:block;color:var(--link)}.jumbo__lede{font:400 1.12rem/1.6 var(--serif);color:var(--muted);max-width:46ch}.jumbo__actions{display:flex;flex-wrap:wrap;gap:10px}.jumbo__art{position:relative;margin:0;min-width:0;max-width:100%;aspect-ratio:5 / 4;border-radius:6px;overflow:hidden;border:10px solid var(--fg);background:var(--art-black);color:var(--art-white);container-type:inline-size}.jumbo__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jumbo__drawn{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.1fr 1fr 1fr}.jumbo__band{display:block}.jumbo__band--dc{background:radial-gradient(circle,rgb(255 255 255 / .32) 1.3px,transparent 1.9px) 0 0 / 10px 10px,radial-gradient(ellipse at 30% 30%,#3b5283 0%,var(--art-blue) 50%,var(--art-deep) 100%)}.jumbo__band--marvel{background:repeating-conic-gradient(from 0deg at 50% 45%,rgb(255 255 255 / .1) 0deg 4deg,transparent 4deg 12deg),linear-gradient(180deg,var(--art-deep),var(--art-black))}.jumbo__band--game{background:repeating-linear-gradient(0deg,rgb(255 255 255 / .07) 0 2px,transparent 2px 5px),linear-gradient(90deg,rgb(159 180 223 / .18) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(0deg,rgb(159 180 223 / .18) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(200deg,var(--art-deep),var(--art-black))}.jumbo__worlds{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.jumbo__world{padding:8px 14px;background:var(--art-white);color:var(--art-black);font:800 clamp(.9rem,3.4cqi,1.3rem)/1 var(--display);font-stretch:72%;text-transform:uppercase;letter-spacing:.02em;box-shadow:3px 3px 0 var(--art-black);transition:transform .15s ease}.jumbo__world:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--art-black)}@media (max-width: 900px){.jumbo{grid-template-columns:1fr}.jumbo__fig{transform:none}.jumbo__art{aspect-ratio:16 / 10}}@media (max-width: 480px){.jumbo__art{aspect-ratio:4 / 3;border-width:6px}}.shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-block:8px 12px}.shortcuts .eyebrow{margin-right:6px}.section{padding-block:clamp(32px,5vw,56px) 0}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:2px solid var(--fg);margin-bottom:24px;flex-wrap:wrap}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px)}.split__col{display:grid;gap:16px;align-content:start;min-width:0}.split__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.latest-list{display:grid;gap:18px}@media (max-width: 760px){.split{grid-template-columns:1fr}}.card__link{display:grid;gap:14px}.card__body{display:grid;gap:8px;min-width:0}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.card__title{font:700 1.2rem/1.2 var(--display);transition:color .15s ease}.card__excerpt{color:var(--muted);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__link:hover .card__title{color:var(--link)}.card__link .cover{transition:transform .3s ease}.card__link:hover .cover{transform:translateY(-2px)}.card--row .card__link{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:16px;padding-top:18px;border-top:1px solid var(--line)}.card--row .cover{aspect-ratio:1 / 1;border-radius:10px}.card--row .cover__title{font-size:15cqi}.card--row .cover__tag{display:none}.card--row .card__title{font-size:1.05rem}.card--row .card__excerpt{-webkit-line-clamp:2;font-size:.88rem}@media (max-width: 420px){.card--row .card__link{grid-template-columns:96px minmax(0,1fr)}.card--row .card__excerpt{display:none}}.ranked{list-style:none;margin:0;padding:0;display:grid}.ranked__item{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:12px;align-items:center;padding-block:14px;border-bottom:1px solid var(--line)}.ranked li:first-child .ranked__item{border-top:1px solid var(--line)}.ranked__n{font-size:1.4rem;font-weight:700;color:var(--muted)}.ranked__text{display:grid;gap:3px;min-width:0}.ranked__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked__item:hover .ranked__title{color:var(--link)}.skeleton{height:220px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-2),var(--line),var(--bg-2));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton--hero{height:min(56vw,70vh);border-radius:0}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}*{transition:none!important;animation:none!important}}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);margin-block:16px}.list-page{padding-block:clamp(28px,4vw,48px) 64px}.list-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.list-head>div:first-child{display:grid;gap:8px}.list-tools{display:flex;gap:10px;flex-wrap:wrap}.search,.select{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted)}.search:focus-within,.select:focus-within{border-color:var(--fg)}.search input{border:0;outline:0;background:transparent;color:var(--fg);width:180px;min-width:0}.select select{border:0;outline:0;background:transparent;color:var(--fg);cursor:pointer;padding-block:10px}.filters-btn.is-on{border-color:var(--fg)}.tabs{display:flex;gap:4px;margin-top:28px;box-shadow:inset 0 -1px 0 var(--line);overflow-x:auto;scrollbar-width:none}.tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:0;border-bottom:2px solid transparent;font-weight:600;color:var(--muted);cursor:pointer}.tab.is-active{color:var(--fg);border-bottom-color:var(--blue)}.tab__n{font-size:.72rem;padding:2px 6px;border-radius:999px;background:var(--bg-2)}.list-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:28px}.list-body.is-collapsed{grid-template-columns:minmax(0,1fr)}.filters{display:grid;gap:26px;align-content:start;position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px)}.fgroup{border:0;margin:0;padding:0;display:grid;gap:4px}.fgroup legend{margin-bottom:8px}.check{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:.94rem}.check input{width:17px;height:17px;accent-color:var(--blue);margin:0}.check__count{margin-left:auto;font-size:.75rem;color:var(--muted)}.tagcloud{display:flex;flex-wrap:wrap;gap:6px}.results{min-width:0}.results__bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;min-height:30px}.active-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:32px 24px}.empty{display:grid;gap:10px;justify-items:start;padding:32px;border:1px dashed var(--line);border-radius:var(--radius)}.empty h2{font:700 1.3rem/1.2 var(--display)}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px;color:var(--muted);font-size:.85rem}@media (max-width: 900px){.list-body{grid-template-columns:1fr;gap:20px}.filters{position:static;padding:18px;border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.search input{width:140px}}.article{padding-bottom:0}.article__hero{position:relative}.article__col{width:100%;max-width:calc(700px + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.crumbs{display:flex;gap:8px;flex-wrap:wrap;padding-top:28px;font-size:.82rem;color:var(--muted)}.crumbs a:hover{color:var(--fg);text-decoration:underline}.article__head{display:grid;gap:14px;padding-block:18px 28px;border-bottom:1px solid var(--line)}.article__title{font:900 clamp(2.4rem,6vw,4rem)/.95 var(--display);font-stretch:66%;text-transform:uppercase}.article__dek{font:400 1.25rem/1.45 var(--serif);font-style:italic;color:var(--muted)}.article__meta{gap:6px 16px}.prose{padding-block:32px;font:400 1.14rem/1.75 var(--serif);max-width:65ch}.prose>*+*{margin-top:1.15em}.inline-fig{clear:both;margin-inline:0;margin-bottom:0;display:grid;gap:8px}.inline-fig img{width:100%;height:auto;border-radius:10px;background:var(--bg-2)}.inline-fig figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.inline-fig__caption{font:italic 400 .95rem/1.45 var(--serif);color:var(--muted)}.prose p:first-child:first-letter{float:left;font:900 4.2em/.8 var(--display);font-stretch:62%;margin:.06em .08em 0 0;color:var(--link)}.article__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-bottom:32px}.article__tags .meta{margin-left:auto}.sponsor{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:16px 18px;border:1px solid var(--fg);border-radius:12px}.sponsor__badge{flex:none;padding:5px 8px;border-radius:6px;background:var(--fg);color:var(--bg);font:700 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.sponsor>div{display:grid;gap:4px;min-width:0}.sponsor__title{font-weight:600}.sponsor__title a{text-decoration:underline;text-underline-offset:3px}.sponsor__note{font-size:.9rem;color:var(--muted)}.take{display:grid;gap:28px;padding:clamp(20px,4vw,32px);border-radius:calc(var(--radius) + 4px);background:var(--bg-2)}.take__head{display:grid;gap:8px}.take__rec{font:900 clamp(2.2rem,6vw,3.2rem)/.95 var(--display);font-stretch:64%;text-transform:uppercase;color:var(--link)}.take__verdict{font:400 1.15rem/1.5 var(--serif);max-width:52ch}.take__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.fact{display:grid;gap:6px;align-content:start;padding:16px;background:var(--bg)}.fact--wide{grid-column:1 / -1}.fact dt{font:600 .72rem/1.2 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.fact dd{margin:0;display:grid;gap:6px;font-size:.96rem}.fact--wide dd{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px}.fact__note{grid-column:1 / -1;color:var(--muted);font:400 .98rem/1.5 var(--serif)}.prior-meter{display:inline-flex;gap:3px}.prior-meter__seg{width:22px;height:8px;border-radius:2px;background:var(--line)}.prior-meter__seg.is-on{background:var(--blue)}.take__lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.take__lists h3{font:700 .95rem/1.3 var(--display);margin-bottom:8px}.list{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:.94rem}.list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px}.list--pro li:before{content:"+";font:700 1rem/1.4 var(--mono);color:var(--link)}.list--con li:before{content:"−";font:700 1rem/1.4 var(--mono);color:var(--muted)}.take__discuss{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line)}.take__discuss>div{display:grid;gap:4px;flex:1 1 260px}.take__discuss h3{font:700 1.05rem/1.3 var(--display)}.take__discuss p{color:var(--muted);font-size:.92rem}@media (max-width: 640px){.take__facts,.take__lists{grid-template-columns:1fr}}.affiliate{display:grid;gap:14px;margin-top:28px}.affiliate__head{display:grid;gap:6px}.affiliate__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}.affiliate__item{display:flex;justify-content:space-between;align-items:center;gap:12px;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.affiliate__item:hover{border-color:var(--fg)}.affiliate__text{display:grid;gap:3px;min-width:0}.affiliate__go{color:var(--muted)}.article__col{padding-bottom:48px}body{padding-bottom:var(--ad-h, 0px)}.ad-anchor{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:4px 8px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line)}.ad-anchor__inner{position:relative;margin-inline:auto;display:grid;gap:2px}.ad-anchor__label{font:500 .6rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ad-anchor__slot{display:grid;place-items:center;overflow:hidden;max-width:100%}.ad-anchor__placeholder{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed var(--line);border-radius:6px;background:var(--bg-2);color:var(--muted);font-size:.8rem}.ad-anchor__placeholder .mono{font-size:.7rem}.ad-anchor__close{position:absolute;top:-14px;right:-4px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;cursor:pointer;background:var(--bg);color:var(--fg);border:1px solid var(--line);box-shadow:var(--shadow)}.ad-anchor__close:hover{border-color:var(--fg)}.path-short{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.path-short__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius)}.path-short__step>div{display:grid;gap:4px;min-width:0}.path-short__title{font:700 1.02rem/1.25 var(--display)}a.path-short__title:hover{color:var(--link);text-decoration:underline;text-underline-offset:3px}.path-short__step.is-done .journey__status{color:var(--link)}.path-short__step.is-reading{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.path-short__step.is-reading .journey__status,.path-short__step.is-reading .journey__n{color:var(--blue-ink);opacity:.85}@media (max-width: 700px){.path-short{grid-template-columns:1fr}}.about{padding-block:clamp(28px,5vw,56px) 72px;display:grid;gap:clamp(40px,6vw,72px)}.about__head{display:grid;gap:16px}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,64px)}.about__block{display:grid;gap:14px;align-content:start}.about__block p{font:400 1.08rem/1.7 var(--serif);max-width:60ch}.about__journey{display:grid;gap:10px}.journey{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.journey__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--radius)}.journey__step h3{font:700 1rem/1.25 var(--display);margin-block:4px}.journey__step p{font-size:.88rem;color:var(--muted)}.journey__n{font-size:1.1rem;font-weight:700;color:var(--muted)}.journey__status{font:700 .66rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.journey__step.is-done .journey__status{color:var(--link)}.journey__step.is-reading{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.journey__step.is-reading p,.journey__step.is-reading .journey__status,.journey__step.is-reading .journey__n{color:var(--blue-ink);opacity:.85}.join{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;padding:clamp(24px,4vw,40px);border-radius:calc(var(--radius) + 4px);background:var(--bg-2)}.join>div:first-child{display:grid;gap:10px;flex:1 1 320px}.join p{color:var(--muted);max-width:56ch}.join__actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 760px){.about__grid{grid-template-columns:1fr}}.contact{padding-block:clamp(28px,5vw,56px) 72px;display:grid;gap:40px}.contact__head{display:grid;gap:14px}.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}.contact__grid>section{display:grid;gap:14px;min-width:0}.socials{list-style:none;margin:0;padding:0;display:grid}.social{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding-block:14px;border-bottom:1px solid var(--line)}.socials li:first-child .social{border-top:1px solid var(--line)}.social__badge{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bg-2);font:700 .8rem/1 var(--mono);text-transform:uppercase}.social__badge--reddit{background:var(--blue);color:var(--blue-ink)}.social__text{display:grid;gap:2px;min-width:0}.social__text .mono{font-size:.82rem;color:var(--link)}.social__go{color:var(--muted)}.social:hover strong{color:var(--link)}.collab{padding:clamp(20px,4vw,32px);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px)}.email-box{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 10px 10px 14px;border-radius:12px;background:var(--bg-2)}.email-text{font-size:.92rem;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.form{display:grid;gap:16px;margin-top:8px}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form label{display:grid;gap:6px;font-size:.86rem;font-weight:600}.form .opt{font-weight:400;color:var(--muted)}.form input,.form select,.form textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-weight:400;font-size:.98rem}.form textarea{resize:vertical;min-height:140px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:transparent}.form button[type=submit]{justify-self:start}.form__error{color:var(--fg);background:var(--bg-2);border-left:3px solid var(--fg);padding:10px 12px;border-radius:6px;font-size:.9rem}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.sent{display:grid;gap:10px;justify-items:start;padding:20px;border-radius:12px;background:var(--blue-soft)}.sent h3{font:700 1.1rem/1.2 var(--display)}@media (max-width: 820px){.contact__grid{grid-template-columns:1fr}}@media (max-width: 520px){.form__row{grid-template-columns:1fr}}.empty-page{display:grid;gap:14px;justify-items:start;padding-block:80px}.empty-page h1{font:900 2.6rem/1 var(--display);font-stretch:66%;text-transform:uppercase}.big-404{font-size:.9rem;color:var(--muted)}.footer{margin-top:72px;border-top:1px solid var(--line);padding-block:40px 28px}.article+.footer,main:has(.article)+.footer{margin-top:0}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}.footer__inner>div{display:grid;gap:12px;max-width:360px}.footer__note{color:var(--muted);font-size:.9rem}.footer__cols{display:flex;gap:56px;flex-wrap:wrap}.footer__cols>div{display:grid;gap:8px;align-content:start;font-size:.92rem}.footer__cols a:hover{color:var(--link)}.footer__legal{margin-top:32px;font-size:.78rem;color:var(--muted)}.take__unless{display:block;margin-top:6px;font:400 1.25rem/1.35 var(--serif);font-style:italic;text-transform:none;color:var(--fg)}.take__try{justify-self:start;display:inline-flex;gap:6px;align-items:center;margin-top:4px;padding:8px 14px;border-radius:999px;border:1px solid var(--link);color:var(--link);font-size:.9rem;font-weight:600}.take__try:hover{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.support{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-top:28px;padding:clamp(20px,4vw,28px);border-radius:calc(var(--radius) + 4px);background:var(--blue);color:var(--blue-ink)}.support .eyebrow{color:var(--blue-ink);opacity:.75}.support__text{display:grid;gap:8px;flex:1 1 300px;min-width:0}.support__text p:last-child{opacity:.88;font-size:.95rem;max-width:52ch}.support__links{display:flex;flex-wrap:wrap;gap:10px}.support__link{display:grid;gap:2px;padding:12px 16px;min-width:150px;border-radius:12px;background:var(--art-white);color:var(--art-black);transition:transform .15s ease}.support__link span{font-size:.8rem;color:var(--art-blue)}.support__link:hover{transform:translateY(-2px)}.favs{padding-block:clamp(28px,5vw,56px) 72px;display:grid;gap:clamp(36px,5vw,56px)}.favs__head{display:grid;gap:16px}.favs__jump{display:flex;flex-wrap:wrap;gap:8px}.favs__section{scroll-margin-top:88px}.favs__section .section__head .meta{max-width:44ch}.chars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.char{display:grid;gap:14px;align-content:start}.char__art{position:relative;margin:0;aspect-ratio:4 / 5;max-width:100%;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;color:var(--art-white);container-type:inline-size}.char__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.char__art--dc{background:radial-gradient(circle,rgb(255 255 255 / .3) 1.2px,transparent 1.8px) 0 0 / 10px 10px,radial-gradient(ellipse at 30% 20%,#3b5283 0%,var(--art-blue) 45%,var(--art-black) 100%)}.char__art--marvel{background:repeating-conic-gradient(from 0deg at 50% 40%,rgb(255 255 255 / .09) 0deg 4deg,transparent 4deg 12deg),linear-gradient(160deg,var(--art-black),var(--art-deep))}.char__art--game{background:repeating-linear-gradient(0deg,rgb(255 255 255 / .07) 0 2px,transparent 2px 5px),linear-gradient(90deg,rgb(159 180 223 / .16) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(0deg,rgb(159 180 223 / .16) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(200deg,var(--art-deep),var(--art-black))}.char__mono{font:900 42cqi/.85 var(--display);font-stretch:62%;color:transparent;-webkit-text-stroke:2px rgb(255 255 255 / .9)}.char__body{display:grid;gap:8px}.char__name{font:800 1.6rem/1 var(--display);font-stretch:70%;text-transform:uppercase}.char__moment{display:grid;gap:4px;padding:10px 12px;border-left:3px solid var(--blue);background:var(--bg-2);border-radius:0 8px 8px 0}.char__moment p:last-child{font-size:.9rem}.char__why{font:400 1.02rem/1.55 var(--serif)}.char .more{justify-self:start}@media (max-width: 860px){.chars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.chars{grid-template-columns:1fr}.char__art{aspect-ratio:16 / 9}.char__mono{font-size:24cqi}}.affiliate__item--coffee{background:var(--blue);border-color:var(--blue);color:var(--blue-ink)}.affiliate__item--coffee .meta{color:var(--blue-ink);opacity:.8}.affiliate__item--coffee:hover{border-color:var(--blue);opacity:.92}.type-chip{font:700 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:var(--fg);color:var(--bg)}.prose h2{font:800 1.6rem/1.15 var(--display);margin-top:1.8em}.prose h3{font:700 1.25rem/1.2 var(--display);margin-top:1.4em}.prose ul{padding-left:1.2em}.prose li+li{margin-top:.4em}.series-tag{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 0}.series-tag__day{background:var(--blue);color:var(--blue-ink);padding:4px 10px;border-radius:6px;font-size:.8rem}.series-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.series-nav__link{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.series-nav__link:hover{border-color:var(--fg)}.series-nav__link--next{text-align:right;grid-column:2}
