:root{--ink:#111827;--muted:#6b7280;--bg:#f7f7fb;--card:#fff;--brand:#6d28d9;--brand2:#ec4899;--amz:#ff9900;--r:18px;--sh:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(17,24,39,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
a{color:var(--brand)}
header.site{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid #ececf3}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{font-weight:900;font-size:1.5rem;text-decoration:none;color:var(--ink);letter-spacing:-.03em}.logo span{background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;color:transparent}
nav{display:flex;gap:4px;overflow-x:auto;max-width:100%}nav a{text-decoration:none;color:#374151;font-weight:600;font-size:.92rem;padding:8px 12px;border-radius:999px;white-space:nowrap}nav a:hover{background:#f1effb;color:var(--brand)}
main{padding:28px 20px 60px}
h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.03em;margin:.4em 0}
h2{font-size:1.5rem;letter-spacing:-.02em;margin-top:2em}h3{line-height:1.3}
.hero{border-radius:28px;background:radial-gradient(circle at 85% 20%,#f472b6 0,transparent 40%),linear-gradient(135deg,#4c1d95,#6d28d9 55%,#db2777);color:#fff;padding:clamp(36px,7vw,80px) clamp(22px,5vw,64px);box-shadow:var(--sh)}
.hero h1{font-size:clamp(2.1rem,6vw,3.6rem);margin:.2em 0}.hero p{font-size:1.15rem;opacity:.92;max-width:560px}
.eyebrow{display:inline-block;background:rgba(255,255,255,.18);padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-block;background:#fff;color:var(--brand);font-weight:800;padding:13px 22px;border-radius:999px;text-decoration:none}.btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{border-radius:var(--r);padding:22px;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:2px;box-shadow:var(--sh);transition:transform .15s}.tile:hover{transform:translateY(-3px)}
.tile span{font-size:2rem}.tile b{font-size:1.2rem}.tile small{opacity:.9}
.t-guides,.ph-guides{background:linear-gradient(135deg,#2563eb,#7c3aed)}.t-gaming,.ph-gaming{background:linear-gradient(135deg,#059669,#0ea5e9)}.t-squishies,.ph-squishies{background:linear-gradient(135deg,#f472b6,#f59e0b)}.t-books,.ph-books{background:linear-gradient(135deg,#ea580c,#dc2626)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);border-top:5px solid var(--brand);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,24,39,.14)}.card h3{margin:0 0 8px;font-size:1.08rem}.card p{color:var(--muted);margin:0 0 12px;font-size:.95rem}.card .more{margin-top:auto;font-weight:700;color:var(--brand);font-size:.9rem}
.c-gaming{border-color:#059669}.c-squishies{border-color:#f472b6}.c-books{border-color:#ea580c}
.topics{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.topics li{background:#fff;border-radius:999px;padding:6px 14px;box-shadow:var(--sh);font-size:.9rem}
article{max-width:1000px;margin:0 auto}article>p,article>ul,article>ol,article>h2,article>h3{max-width:720px}
.disclosure{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 16px;font-size:.88rem;color:#7c2d12}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:22px 0 34px}
.pcard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}.pcard:hover{transform:translateY(-3px)}
.pmedia{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center}.pmedia img{max-width:85%;max-height:85%;object-fit:contain}
.ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.ph-emo{font-size:4rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.ph-init{position:absolute;right:14px;bottom:8px;font-size:2.2rem;font-weight:900;opacity:.35}
.pbody{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.pbody h3{margin:8px 0 6px;font-size:1.05rem}.pbody p{margin:0 0 14px;color:var(--muted);font-size:.92rem;line-height:1.5}
.badge{align-self:flex-start;background:#f1effb;color:var(--brand);font-weight:700;font-size:.75rem;padding:4px 10px;border-radius:999px}
.buy{margin-top:auto;display:block;text-align:center;background:var(--amz);color:#111;font-weight:800;text-decoration:none;padding:12px;border-radius:12px}.buy:hover{background:#f08800}
a.aff{display:inline-block;background:#fff3e0;color:#9a3412;border:1px solid #fdba74;font-weight:700;font-size:.85rem;text-decoration:none;padding:6px 12px;border-radius:999px}a.aff:hover{background:var(--amz);color:#111}
mark.verify{background:#fef3c7;border-radius:4px;padding:0 4px;font-size:.8em}
footer.site{background:#111827;color:#9ca3af;padding:36px 0;font-size:.88rem}footer.site a{color:#e5e7eb}
@media(max-width:640px){body{font-size:16px}.nav-wrap{flex-direction:column;align-items:flex-start}}
.tile img{width:64px;height:64px;border-radius:14px;object-fit:cover;margin-bottom:8px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.pmedia img.illo{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.trend h2{margin-top:.6em}.trow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tcard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}.tcard:hover{transform:translateY(-3px)}
.timg img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.tbody{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.tbody small{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tbody h3{margin:4px 0 10px;font-size:1rem}
.tbody .buy{padding:10px;font-size:.92rem}.rg{margin-top:8px;text-align:center;font-size:.85rem;font-weight:700;text-decoration:none}
.tnote{font-size:.78rem;color:var(--muted)}
@media(max-width:760px){.trow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.tcard{flex:0 0 68%;scroll-snap-align:start}}
.t-packs,.ph-packs{background:linear-gradient(135deg,#0891b2,#4f46e5)}.c-packs{border-color:#0891b2}
