:root{--ink:#101010;--paper:#f8f7f2;--white:#fff;--acid:#f5dc38;--muted:#6d6c68;--line:2px solid var(--ink);--shadow:6px 6px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:92px;border-bottom:var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font:700 15px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--ink);color:var(--paper);font-size:20px;transform:rotate(-3deg)}.main-nav{display:flex;gap:42px;font-weight:700}.main-nav a{height:92px;display:flex;align-items:center;gap:8px;position:relative}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--acid)}.hot-dot{width:8px;height:8px;border-radius:50%;background:#ee3e2c}.header-tools{justify-self:end;display:flex;gap:10px}.icon-btn,.lang{height:42px;border:var(--line);background:transparent;font-weight:700}.icon-btn{width:42px;font-size:24px}.lang{padding:0 16px}.icon-btn:hover,.lang:hover{background:var(--acid)}.intro{padding:76px 0 66px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{margin:0 0 16px;font:700 13px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.intro h1,.page-title h1{font:900 clamp(3.4rem,8vw,7.8rem)/.86 Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:0}.intro h1 span{position:relative;z-index:1}.intro h1 span:after{content:"";position:absolute;inset:auto -8px 4px -4px;height:22%;background:var(--acid);z-index:-1;transform:rotate(-1deg)}.intro-copy{max-width:345px;font-size:19px;margin:0 0 8px;border-left:6px solid var(--acid);padding-left:20px}.section-head{border-top:var(--line);padding:22px 0 28px;display:flex;align-items:center;justify-content:space-between}.section-head h2{font:700 28px Arial,sans-serif;margin:0}.section-head h2 span{font-size:13px;vertical-align:top;margin-left:6px}.section-head>a{font-weight:700;border-bottom:2px solid}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 28px;padding-bottom:76px}.comic-art{aspect-ratio:4/3;border:var(--line);background:var(--white);display:grid;place-items:center;position:relative;overflow:hidden;transition:.18s}.comic-card:nth-child(3n+2) .comic-art{background:#efefec}.comic-card:hover .comic-art{transform:translate(-4px,-4px);box-shadow:var(--shadow)}.issue{position:absolute;top:10px;left:12px;font:700 12px Arial,sans-serif}.panel-copy{width:76%;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;text-align:center;font:700 clamp(15px,2vw,23px)/1.05 Arial,sans-serif}.panel-copy span,.panel-copy i{border:2px solid;padding:18px 8px;background:var(--white);font-style:normal;transform:rotate(-2deg)}.panel-copy i{transform:rotate(2deg);background:var(--acid)}.card-meta,.status-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em}.pill{display:inline-block;background:var(--ink);color:var(--paper);padding:5px 9px;font-size:11px}.comic-card h3{font:700 22px/1.15 Arial,sans-serif;margin:12px 0 0}.comic-card h3 a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--acid)}.trend-band{background:var(--ink);color:var(--paper);padding:66px 0 74px}.section-head--light{border-color:var(--paper)}.trend-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.trend-row{border:2px solid #555;background:#181818;padding:18px;display:grid;grid-template-columns:auto 100px 1fr auto;gap:16px;align-items:center;transition:.15s}.trend-row:hover{border-color:var(--acid);transform:translateY(-3px)}.trend-row>strong{font:700 30px Arial,sans-serif;color:var(--acid)}.mini-art{height:76px;background:var(--paper);color:var(--ink);display:grid;place-items:center;text-align:center;padding:8px;font:700 11px Arial,sans-serif}.trend-state{font:700 10px Arial,sans-serif;letter-spacing:.1em;color:#aeadab}.trend-state--hot{color:var(--acid)}.trend-row h3{font:700 16px/1.15 Arial,sans-serif;margin:5px 0}.trend-row p{margin:0;font-size:11px;color:#aaa}.categories{padding:72px 0 92px}.category-list{border-top:var(--line)}.category-list a{display:grid;grid-template-columns:60px 1fr auto;align-items:center;border-bottom:var(--line);padding:22px 10px;font:700 clamp(22px,3vw,38px) Arial,sans-serif}.category-list a span{font-size:13px}.category-list a b{font-size:14px}.category-list a:hover{background:var(--acid);padding-left:24px}.page-title{padding:74px 0 48px}.page-title h1{font-size:clamp(4rem,10vw,8rem)}.page-title>p:last-child{font-size:18px}.page-title--hot h1{display:inline-block;background:var(--acid);padding:0 14px;transform:rotate(-1deg)}.trend-board{border-top:var(--line);padding-bottom:80px}.trend-board .trend-row{grid-template-columns:70px 150px 1fr auto;color:var(--ink);background:transparent;border:0;border-bottom:var(--line);padding:20px 0}.trend-board .trend-row>strong{color:var(--ink);font-size:46px}.trend-board .trend-row:hover{padding-left:12px;background:var(--acid)}.pagination{display:flex;justify-content:center;gap:8px;padding:10px 0 90px}.pagination button{width:46px;height:46px;border:var(--line);background:transparent;font-weight:700}.pagination button.current,.pagination button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.detail{padding:44px 0 90px}.back{font-weight:700;display:inline-block;margin-bottom:30px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:56px}.comic-art--detail{aspect-ratio:1/1}.comic-art--detail .panel-copy{font-size:clamp(22px,4vw,45px)}.detail-copy h1{font:700 clamp(2.4rem,4vw,4.4rem)/.94 Arial,sans-serif;letter-spacing:-.05em;margin:22px 0}.caption{font-size:19px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.tags a{border:1px solid;padding:6px 10px;font-size:13px}.share{border-top:var(--line);padding-top:20px}.share p{font-weight:700}.share button{height:42px;border:var(--line);background:transparent;padding:0 14px}.share button:hover{background:var(--acid)}.ad-slot{margin-top:34px;border:1px dashed var(--muted);color:var(--muted);font-size:10px;text-align:center;padding:18px}.ad-slot span{display:block;font-size:14px;margin-top:5px}footer{border-top:var(--line);min-height:130px;padding:36px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:48px;font-size:13px}.brand--small .brand-mark{width:34px;height:34px;font-size:14px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.main-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--paper);border-top:var(--line);z-index:30;justify-content:space-around;gap:0}.main-nav a{height:64px}.intro{align-items:flex-start;gap:40px}.comic-grid{grid-template-columns:repeat(2,1fr)}.trend-list,.detail-layout{grid-template-columns:1fr}.trend-board .trend-row{grid-template-columns:54px 110px 1fr auto}footer{margin-bottom:64px}}@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.site-header{height:72px;padding:0 14px}.brand-mark{width:38px;height:38px}.brand>span:last-child{display:none}.header-tools{gap:6px}.intro{padding:48px 0 42px;display:block}.intro h1{font-size:clamp(3.2rem,16vw,5.4rem)}.intro-copy{margin-top:32px}.comic-grid{grid-template-columns:1fr;gap:42px}.comic-art{aspect-ratio:5/4}.section-head{align-items:baseline}.trend-board .trend-row,.trend-row{grid-template-columns:42px 76px 1fr}.trend-row>b{display:none}.trend-board .trend-row>strong{font-size:30px}.mini-art{height:64px}.page-title{padding-top:46px}.detail{padding-top:26px}.detail-layout{gap:30px}.detail-copy h1{font-size:2.75rem}footer{grid-template-columns:1fr;gap:6px;padding-block:28px}.category-list a{grid-template-columns:42px 1fr auto}.pagination{padding-bottom:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}