/* ============================================================
   css/base.css — 土台(リセット・フォーカスリング・ドット絵の描き方)
   ・書体の実体: Web版は index.html が Google Fonts から読む。
     ネイティブ版は tools/build-www.js が同梱の fonts.css へ差し替える。
   ============================================================ */

/* --- 軽量リセット --- */
*,*::before,*::after{ box-sizing:border-box; }

/* 端末が文字を勝手に大きくしない */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }

/* 画像はコンテナ幅を超えない(横スクロール防止の土台) */
img{ max-width:100%; }

/* ドット絵を にじませない */
img.px{ image-rendering:pixelated; image-rendering:crisp-edges; }

/* フォーカスリング(キーボード操作時のみ。マウス/タップでは出さない) */
:focus-visible{ outline:3px solid var(--blue); outline-offset:2px; }

/* reduced-motion 尊重の土台(各コンポーネント側でも個別配慮) */
@media (prefers-reduced-motion:reduce){
  *{ scroll-behavior:auto !important; }
}