/* ════════════════════════════════════════════════════
   赤穂遊戯堂 共通意匠
   index.html と games/*.html はすべてこの一枚を読み込みます。
   色・書体を変えるときはここだけを書き換えてください。
   ════════════════════════════════════════════════════ */

:root{
  /* ── 地色:討ち入り前夜の藍墨 ── */
  --night:#131a2b;
  --night-deep:#0d1322;
  --panel:#172131;      /* 札・盤の地 */
  --panel-hi:#1d2a3e;   /* 一段明るい面 */
  --line:#2c3a4f;       /* 罫・枠 */

  /* ── 文字:生成りの和紙 ── */
  --washi:#f1e9d6;
  --washi-dim:#cfc4a8;  /* 添え書き */
  --washi-mute:#8a97ac; /* さらに控えめ */
  --sumi:#2b2620;

  /* ── 差し色 ── */
  --hi:#c2452d;     /* 緋色(義士・警告) */
  --kin:#c9a227;    /* 金茶(強調・見出し) */
  --ai:#3d7ea8;     /* 縹色 */
  --moegi:#7a8b6f;  /* 苔色 */
  --moegi-hi:#9ab88c; /* 苔色(明) 暗い地の上で可否を示すとき用 */

  /* ── 書体 ── 見出しは明朝、本文は角ゴシック ── */
  --font-min:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
  --font-go:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;

  --radius:6px;
}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;
  min-height:100vh;
  font-family:var(--font-go);
  color:var(--washi);
  background:radial-gradient(1300px 750px at 50% -12%, #1d2842 0%, var(--night) 55%, var(--night-deep) 100%);
  background-attachment:fixed;
  -webkit-text-size-adjust:100%;
}

h1,h2,h3{font-family:var(--font-min);font-weight:800;margin:0}

button{font-family:var(--font-go);color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--kin);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* ── 赤穂遊戯堂へ戻る札 ──
   位置は各ゲームの見出しまわりに合わせて上書きします。 */
.home{
  display:inline-block;
  font-family:var(--font-go);font-size:13px;letter-spacing:.08em;white-space:nowrap;
  color:var(--washi-dim);text-decoration:none;
  padding:6px 12px;border-radius:4px;
  border:1px solid rgba(241,233,214,.28);
  transition:color .2s,border-color .2s,background .2s;
}
.home:hover,.home:focus-visible{
  color:var(--kin);border-color:var(--kin);background:rgba(201,162,39,.08);
}