:root{--ground: #fbf8f1;--ground-soft: #f1ead8;--panel: #ffffff;--ink: #332c22;--ink-soft: #7d735f;--link: #c9502f;--cat-review: #ef6b4f;--cat-how-to-play: #3f8fd1;--cat-accessory-guide: #4a9b6e;--gold: #e8a53a;--font-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Segoe UI", sans-serif;--shadow-hard: 3px 3px 0 var(--ink);--radius: 10px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);line-height:1.75;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-image:radial-gradient(circle at 12px 12px,rgba(51,44,34,.05) 1.4px,transparent 1.6px);background-size:24px 24px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:100%;max-width:720px;margin:0 auto;padding:0 18px}.site-header{border-bottom:2px solid var(--ink);position:sticky;top:0;background:var(--ground);z-index:10}.site-header .inner{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:12px 18px}.tagline{font-size:12px;color:var(--ink-soft)}@media(max-width:560px){.tagline{display:none}}.logo-mark{display:flex;align-items:center;gap:10px}.favicon-icon{border-radius:22%;background:var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;box-shadow:var(--shadow-hard)}.favicon-icon img{width:62%;filter:brightness(0) invert(1);transform:rotate(-14deg)}.logo-tiles{display:flex;gap:6px}.logo-tiles .tile{border-radius:24%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:var(--shadow-hard)}.logo-tiles .tile:nth-child(1){background:var(--cat-review);transform:rotate(-4deg)}.logo-tiles .tile:nth-child(2){background:var(--cat-how-to-play);transform:rotate(3deg)}.logo-tiles .tile:nth-child(3){background:var(--cat-accessory-guide);transform:rotate(-3deg)}.logo-tiles .tile:nth-child(4){background:var(--gold);transform:rotate(4deg)}.logo-mark.sm .favicon-icon{width:32px;height:32px}.logo-mark.sm .logo-tiles .tile{width:28px;height:28px;font-size:13px}.logo-mark.lg .favicon-icon{width:56px;height:56px}.logo-mark.lg .logo-tiles .tile{width:56px;height:56px;font-size:25px}@media(max-width:560px){.logo-mark.lg .favicon-icon{width:44px;height:44px}.logo-mark.lg .logo-tiles .tile{width:44px;height:44px;font-size:20px}}.hero{padding:40px 0 8px}.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cat-accessory-guide);font-weight:700;margin:0 0 14px}.hero-headline{font-size:28px;line-height:1.4;margin:0;letter-spacing:-.01em}.hero p.tagline-desc{font-size:15px;color:var(--ink-soft);margin:14px 0 0;max-width:44em}.infobar{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px}.infobar div{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.infobar b{display:block;font-size:22px;font-weight:800;color:var(--ink)}.section-label{font-size:13px;font-weight:800;color:var(--ink-soft);letter-spacing:.04em;margin:34px 0 10px;text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;color:var(--chip-color, var(--ink));border:1.5px solid var(--chip-color, var(--ink));background:color-mix(in srgb,var(--chip-color, var(--ink)) 14%,var(--panel))}.feed{display:flex;flex-direction:column;gap:12px}.post-card{display:flex;gap:14px;padding:16px;align-items:flex-start;border:1.5px solid var(--ground-soft);border-radius:10px;background:var(--panel);transition:border-color .15s ease,background-color .15s ease}.post-card:hover{border-color:var(--ink);background:var(--ground-soft)}.post-icon{flex:0 0 auto;width:26px;height:auto;margin-top:3px}.post-thumb{flex:0 0 auto;width:120px;height:80px;border-radius:8px;overflow:hidden;background:var(--ground-soft)}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-body{display:flex;flex-direction:column;gap:5px;min-width:0}.card-title{font-size:17px;font-weight:700;color:var(--ink)}.post-card:hover .card-title{text-decoration:underline;text-decoration-color:var(--link);text-underline-offset:3px}.card-excerpt{font-size:13.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-date{font-size:11px;color:var(--ink-soft)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:4px 0 6px}@media(max-width:640px){.cat-grid{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:400px){.cat-grid{grid-template-columns:1fr}}.cat-card{display:flex;flex-direction:column;background:var(--panel);border:1.5px solid var(--ink);border-radius:var(--radius);padding:15px 16px;transition:transform .12s ease}.cat-card:hover{transform:translateY(-2px)}.cat-card-icon{width:26px;height:auto;margin-bottom:8px}.cat-card-name{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:6px}.cat-card-desc{font-size:12px;color:var(--ink-soft);margin:0 0 10px;flex:1}.cat-card-go{font-size:12px;font-weight:800;color:var(--link)}.cat-head{padding:24px 0 10px}.cat-title{font-size:22px;margin:6px 0 8px}.cat-desc{font-size:14px;color:var(--ink-soft);margin:0}.back-link{font-size:13px;color:var(--ink-soft)}.crumbs{display:flex;gap:6px;font-size:12px;color:var(--ink-soft);padding:16px 0 0;flex-wrap:wrap}.crumbs a{color:var(--link)}.crumbs-cur{color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:#fff;background:var(--cat-review);border-radius:8px;padding:10px 20px}.link-strong{color:var(--link);font-weight:800}.article{padding:8px 0 60px}.article h1{font-size:25px;line-height:1.45;margin:10px 0 12px}.meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink-soft);margin-bottom:18px}.byline{color:var(--link);font-weight:700}.article-hero{margin:0 0 20px}.article-hero img{border-radius:10px;width:100%}.article-hero figcaption{font-size:11px;color:var(--ink-soft);margin-top:6px}.prose{font-size:16px}.article-toc{margin:22px 0 30px;padding:14px 18px 16px;border:1.5px solid var(--ground-soft);border-radius:var(--radius);background:var(--panel)}.article-toc-label{font-size:11px;font-weight:800;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px}.article-toc ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:5px}.article-toc a{color:var(--link);font-size:13.5px;font-weight:700}.article-toc a:hover{text-decoration:underline}.prose figure{margin:24px 0}.prose figure img{border-radius:10px;border:1px solid var(--ground-soft);width:100%}.prose .figure-row{display:flex;gap:14px;margin:24px 0;align-items:flex-start}.prose .figure-row figure{flex:1;min-width:0;margin:0}@media(max-width:560px){.prose .figure-row{flex-direction:column}}.prose figcaption{font-size:12.5px;color:var(--ink-soft);margin-top:8px;text-align:center}.prose h2{font-size:19px;margin:34px 0 12px;padding-top:10px;border-top:1px solid var(--ground-soft)}.prose h3{font-size:16px;margin:26px 0 10px}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--ground-soft);padding:8px 10px;text-align:left}.prose th{background:var(--ground-soft);font-weight:800}.table-scroll{overflow:hidden;position:relative;margin:18px 0}.table-scroll-inner{overflow-x:auto}.faq{margin-top:40px;padding-top:20px;border-top:1px solid var(--ground-soft)}.faq h2{font-size:19px;margin:0 0 16px}.faq-list{margin:0;display:flex;flex-direction:column;gap:12px}.faq-item{margin:0;padding:14px 16px;border:1.5px solid var(--ground-soft);border-radius:var(--radius);background:var(--panel)}.faq-q,.faq-a{position:relative;padding-left:30px}.faq-q{font-weight:800;color:var(--ink);margin-bottom:8px}.faq-a{margin:0;color:var(--ink-soft)}.faq-q:before,.faq-a:before{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.faq-q:before{content:"Q";background:var(--ink)}.faq-a:before{content:"A";background:var(--link)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:50px 0}.empty-state .mascot-img{width:110px;height:auto}.site-footer{border-top:2px solid var(--ink);margin-top:60px;background:var(--ground-soft)}.site-footer .inner{max-width:720px;margin:0 auto;padding:30px 18px 40px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--ink-soft)}.foot-cats,.foot-links{display:flex;flex-wrap:wrap;gap:12px}.foot-cats a,.foot-links a{color:var(--ink-soft)}.foot-cats a:hover,.foot-links a:hover{color:var(--link)}.copy{font-size:12px;color:var(--ink-soft);margin-top:6px}