/* れよんサーバー Wiki 共通スタイル（ベース＋クローム）。
   各ページ固有の配色(accent)・コンポーネント(kit-card / role-section / game-grid 等)は
   各 HTML の <style> に残す。ヘッダー等のクロームはこのファイルに統一。 */

:root{
  --green:#7CC93C;--green-deep:#4F9F1F;--green-soft:#C6E4A6;
  --green-pale:#E9F4D6;--green-light:#F4FAE7;--cream:#FFFDF6;
  --ink:#161616;--ink2:#3a3a3a;--muted:#6a6a6a;--line:#e7eddc;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Noto Sans JP','Hiragino Sans',sans-serif;background:var(--cream);color:var(--ink);line-height:1.75;font-size:15px;}

/* ===== ヘッダー（共通クローム） ===== */
.pixel-logo{width:36px;height:36px;border-radius:6px;overflow:hidden;display:grid;grid-template:repeat(8,1fr)/repeat(8,1fr);flex-shrink:0;}
.site-header{background:var(--green);padding:14px 36px;display:flex;align-items:center;gap:16px;}
.brand{display:flex;align-items:center;gap:10px;font-family:'Zen Maru Gothic',sans-serif;font-weight:900;font-size:20px;color:#1a1a1a;text-decoration:none;}
.topnav{margin-left:auto;display:flex;align-items:center;gap:10px;}
.nav-pill{background:#fff;border-radius:12px;padding:7px 16px;font-weight:700;font-size:13px;font-family:'Zen Maru Gothic',sans-serif;color:#1a1a1a;text-decoration:none;display:inline-block;}
.nav-pill.active{background:var(--ink);color:#fff;}

/* ===== パンくず ===== */
.breadcrumb{padding:18px 56px 0;font-size:12px;color:var(--muted);font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;letter-spacing:.06em;}
.breadcrumb a{color:var(--green-deep);font-weight:800;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}

/* ===== フッター ===== */
.site-footer{margin-top:48px;padding:18px 56px 22px;background:var(--green);color:#0e2a04;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;}

@media(max-width:600px){
  .site-header{padding:12px 20px;}
}