:root,.shop{--shop-ink:#15130f;--shop-soft:#4a4540;--shop-orange:#d7262b;--shop-orange-deep:#b81e22;--shop-blush:#fff8e7;--shop-tint:#fff8e7;--shop-card:#fff;--shop-salmon:#ffd43b;--shop-line:#e6dcc6;--shop-yellow:#ffd43b;--shop-blue:#2050c8;color:var(--shop-ink)}.shop-sans,.shop h1,.shop h2{font-family:var(--font-shop-sans), var(--font-display), system-ui, sans-serif;letter-spacing:-.015em}.shop-serif{font-family:var(--font-shop-serif), var(--font-sans), Georgia, serif;letter-spacing:0}.shop-btn{background:var(--shop-orange);color:#fff;border:2px solid var(--shop-ink);box-shadow:3px 3px 0 var(--shop-ink);font-weight:700;font-family:var(--font-shop-sans), var(--font-display), system-ui, sans-serif;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;transition:background .15s,transform 80ms,box-shadow 80ms;display:inline-flex}.shop-btn:hover{background:var(--shop-orange-deep)}.shop-btn:active{box-shadow:1px 1px 0 var(--shop-ink);transform:translate(2px,2px)}.shop-btn-dark{background:var(--shop-ink);color:#fff;border:2px solid var(--shop-ink);box-shadow:3px 3px 0 var(--shop-orange);font-weight:700;font-family:var(--font-shop-sans), var(--font-display), system-ui, sans-serif;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.shop-btn-dark:hover{background:#2b2722}.comic-card{border:2px solid var(--shop-ink);box-shadow:4px 4px 0 var(--shop-ink);background:#fff;border-radius:12px}.comic-tag{background:var(--shop-yellow);border:2px solid var(--shop-ink);color:var(--shop-ink);transform:rotate(-1.5deg)}.comic-halftone{background-color:var(--shop-blush);background-image:radial-gradient(#d7262b1f 1.6px,#0000 1.8px);background-size:14px 14px}.comic-title{letter-spacing:.02em;font-family:var(--font-comic), var(--font-shop-sans), var(--font-display), sans-serif!important;font-weight:400!important}main a.underline:not(.shop-btn):not(.btn-sun){color:var(--shop-blue)}.shop-rail{scroll-snap-type:x mandatory;scrollbar-width:none}.shop-rail::-webkit-scrollbar{display:none}.shop-rail>*{scroll-snap-align:start}.shop details[open] .shop-chevron{transform:rotate(180deg)}