/* Foxy Corp. 共通スタイル。ゲームを追加してもこのファイルだけ触れば見た目は揃う。 */
:root{
  --cream:#f7efdd;
  --cream-deep:#efe2c6;
  --ink:#2c2119;
  --ink-soft:#6b5a44;
  --green:#5f8a4a;
  --green-deep:#41633a;
  --card:#fffaf0;
  --line:#e3d4b4;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:system-ui,-apple-system,'Segoe UI','Hiragino Sans','Noto Sans JP',sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.75;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;}
a{color:var(--green-deep);}

/* ヘッダー */
.site-head{padding:40px 0 28px;text-align:center;}
.site-head .mark{
  display:inline-flex;align-items:center;gap:10px;
  font-size:26px;font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--ink);
}
.site-head .mark span.fox{font-size:30px;}
.site-head p{margin:10px 0 0;color:var(--ink-soft);font-size:15px;}

/* ゲーム一覧 */
.games{display:grid;gap:18px;padding:8px 0 8px;}
.game{
  display:flex;gap:18px;align-items:center;
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:18px;text-decoration:none;color:inherit;
  transition:transform .15s ease, box-shadow .15s ease;
}
.game:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(60,45,20,.10);}
.game img{width:76px;height:76px;border-radius:18px;flex:none;}
.game h2{margin:0 0 4px;font-size:18px;}
.game p{margin:0;font-size:14px;color:var(--ink-soft);}
.game .badge{
  display:inline-block;margin-top:8px;font-size:12px;color:var(--green-deep);
  border:1px solid var(--line);border-radius:999px;padding:2px 10px;background:var(--cream-deep);
}
.game.soon{opacity:.72;}

/* 本文ページ */
main h1{font-size:24px;margin:28px 0 6px;}
main h2{font-size:17px;margin:30px 0 8px;}
main .updated{color:var(--ink-soft);font-size:13px;}
main section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:6px 22px 22px;margin:22px 0;}
.btn{
  display:inline-block;background:var(--green);color:#fff;text-decoration:none;
  padding:11px 22px;border-radius:999px;font-weight:600;font-size:15px;
}
.btn:hover{background:var(--green-deep);}
.back{display:inline-block;margin:24px 0 0;font-size:14px;}
hr{border:0;border-top:1px solid var(--line);margin:34px 0;}

/* フッター */
.site-foot{
  margin-top:46px;padding:26px 0 40px;border-top:1px solid var(--line);
  text-align:center;color:var(--ink-soft);font-size:13px;
}
.site-foot a{color:var(--ink-soft);}

@media (prefers-color-scheme:dark){
  :root{
    --cream:#1d241f;--cream-deep:#28312a;--ink:#ece3d2;--ink-soft:#a89c86;
    --card:#242c25;--line:#3a463c;--green:#7ba965;--green-deep:#9ac47f;
  }
  .game:hover{box-shadow:0 6px 18px rgba(0,0,0,.35);}
  .btn{color:#15201a;}
}