/* =========================================================
   KSB 共通デザイン（案A 黒曜 / NOCTURNE）
   ここを直すと、shared を使う全アプリの色・書体が変わります。
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Barlow:wght@300;500&display=swap");

:root {
  color-scheme: dark;
  /* 色 */
  --ksb-bg: #0B0D10;
  --ksb-bg-intro: #07090B;
  --ksb-panel: #10141A;
  --ksb-cell: #0F1317;
  --ksb-line: #1E242C;
  --ksb-line-soft: #1A2028;
  --ksb-line-strong: #2A323C;
  --ksb-text: #ECEEF1;
  --ksb-text-2: #B9C2CE;
  --ksb-muted: #9AA4B1;
  --ksb-muted-2: #8B95A3;
  --ksb-muted-3: #6F7A88;
  --ksb-accent: #3C8FD8;
  --ksb-accent-light: #7FB6E8;
  --ksb-accent-pale: #B9D8F4;
  --ksb-blue: #0E6EB8;
  --ksb-ok: #5FB98A;
  --ksb-warn: #E0B45A;
  --ksb-bad: #E07A6B;
  --ksb-wait: #C98A6B;
  --ksb-glow: radial-gradient(90% 70% at 85% -10%, rgba(14,110,184,.28), rgba(11,13,16,0) 70%);
  /* 書体 */
  --ksb-font-head: "Shippori Mincho B1", serif;
  --ksb-font-body: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;
  --ksb-font-num: "Barlow", sans-serif;
  /* 形 */
  --ksb-tap: 44px;
}

/* 夜（21時〜5時）はさらに暗く。motion.js が html に .ksb-night を付けます */
html.ksb-night {
  --ksb-bg: #08090C;
  --ksb-panel: #0D1015;
  --ksb-cell: #0C0F13;
  --ksb-glow: radial-gradient(90% 70% at 85% -10%, rgba(14,110,184,.18), rgba(8,9,12,0) 70%);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ksb-bg);
  color: var(--ksb-text);
  font-family: var(--ksb-font-body);
  overflow-x: hidden;
}
a { color: var(--ksb-accent-light); }
a:hover { color: var(--ksb-accent-pale); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--ksb-accent-light); outline-offset: 2px; }
.ksb-num { font-family: var(--ksb-font-num); font-variant-numeric: tabular-nums; }
.ksb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }