:root{--meme-yellow:#ffd400;--meme-orange:#ff8a00;--meme-red:#ef3340;--meme-green:#00c805;--meme-ink:#17120b;--meme-paper:#fff7d6}
body{background:var(--meme-yellow);color:var(--meme-ink);font-family:'Noto Sans SC',Manrope,sans-serif}
.grain{opacity:.1;mix-blend-mode:multiply}
.nav{position:absolute;border:0}.brand{color:var(--meme-ink);background:var(--meme-yellow);padding:9px 13px;border:3px solid var(--meme-ink);box-shadow:5px 5px 0 var(--meme-ink)}.brand-seal{background:var(--meme-red);color:#fff;border:0}.nav nav{background:var(--meme-ink);padding:13px 22px;border-radius:99px}.nav nav a{color:#fff}.nav-cta{background:var(--meme-green);color:#071507;border:3px solid var(--meme-ink);font-weight:900;box-shadow:4px 4px 0 var(--meme-ink)}
.hero{background:var(--meme-yellow)}.hero-art{left:48%;background:url('/assets/nailong-logo.jpg') center/cover no-repeat;transform:none;border-left:6px solid var(--meme-ink)}.hero-shade{right:52%;background:radial-gradient(circle at 15% 20%,#fff477,transparent 32%),linear-gradient(145deg,var(--meme-yellow),var(--meme-orange))}.hero-content{max-width:1180px}.hero-content>*{max-width:46%}.eyebrow{color:var(--meme-red)}.eyebrow span{background:var(--meme-red)}h1,h2,h3,blockquote{font-family:'Archivo Black','Noto Sans SC',sans-serif}h1{font-size:clamp(72px,9vw,128px);line-height:.78;color:var(--meme-ink);text-transform:uppercase;text-shadow:6px 6px 0 rgba(255,255,255,.65)}h1 em,h2 em{color:var(--meme-red);font-style:normal}.lede{color:var(--meme-ink);font-size:22px;line-height:1.35}.lede strong{font-size:1.35em}.button{border:3px solid var(--meme-ink);border-radius:10px;box-shadow:5px 5px 0 var(--meme-ink)}.button.primary{background:var(--meme-green);color:#071507}.button.ghost{background:#fff;color:var(--meme-ink)}.coordinates{color:rgba(23,18,11,.65)}.coordinates b{color:var(--meme-ink)}.scroll-mark{background:var(--meme-red);border:3px solid var(--meme-ink);color:#fff}
.section{padding-block:95px}.section-heading h2{font-size:clamp(48px,6vw,76px)}.section-intro,.copy-note{color:rgba(23,18,11,.7)}.lore:before{color:rgba(239,51,64,.08)}.lore-grid{gap:16px;border:0}.lore-card{border:4px solid var(--meme-ink);background:var(--meme-paper);box-shadow:8px 8px 0 var(--meme-ink);color:var(--meme-ink)}.lore-card.featured{background:#ffef70}.chapter{color:var(--meme-red)}.lore-card p{color:rgba(23,18,11,.72)}.lore-card blockquote{color:var(--meme-red)}.moon{color:rgba(239,51,64,.1)}.source-link{color:var(--meme-ink);font-weight:900;text-decoration:underline}
.stickers{background:#fff4c1;border-block:5px solid var(--meme-ink);color:var(--meme-ink)}.sticker-tools input{background:#fff;color:var(--meme-ink);border:3px solid var(--meme-ink);border-radius:9px}.sticker-card{background:#fff;border:3px solid var(--meme-ink);border-radius:12px;box-shadow:5px 5px 0 var(--meme-ink)}.sticker-card:hover{border-color:var(--meme-ink);box-shadow:8px 8px 0 var(--meme-red)}.sticker-card button{background:radial-gradient(circle,#fff7a8,var(--meme-yellow))}.sticker-meta{color:var(--meme-ink);font-weight:900}.sticker-meta a{color:var(--meme-red)}
.chain-panel{border:5px solid var(--meme-ink);border-radius:22px;background:linear-gradient(135deg,#17120b,#302006);box-shadow:12px 12px 0 var(--meme-red)}.chain-panel .eyebrow{color:var(--meme-yellow)}.chain-panel .eyebrow span{background:var(--meme-yellow)}.orb{background:var(--meme-yellow);border:4px solid #fff;box-shadow:0 0 0 8px var(--meme-green)}.orb b{color:var(--meme-ink)}.pulse{background:var(--meme-green)}footer{color:var(--meme-ink);border-color:var(--meme-ink)}footer .brand{box-shadow:none}footer a{color:var(--meme-ink);font-weight:900}
@media(max-width:980px){.hero-art{left:42%;opacity:.55}.hero-shade{right:40%;background:linear-gradient(90deg,var(--meme-yellow) 0%,rgba(255,212,0,.92) 52%,rgba(255,138,0,.25))}.hero-content>*{max-width:62%}}
@media(max-width:680px){.hero{min-height:790px}.hero-art{inset:0;top:280px;border:0;background-position:center top;opacity:1}.hero-shade{inset:0;background:linear-gradient(180deg,var(--meme-yellow) 0 46%,transparent 68%,var(--meme-yellow) 100%)}.hero-content{padding-top:110px}.hero-content>*{max-width:100%}h1{font-size:62px}.lede{font-size:17px;max-width:290px}.coordinates{display:none}.nav .brand{padding:6px 9px}.nav-cta{padding:8px 10px;font-size:9px}.lore-grid{gap:12px}.lore-card{box-shadow:5px 5px 0 var(--meme-ink)}.chain-panel{box-shadow:7px 7px 0 var(--meme-red)}}