/*
 * サイトのデザイン — terms（用語のポップアップ・ワードカード。NettogeCore game-terms の見た目をサイトのライト/ダークに合わせる）
 *
 * 元の見た目は NettogeCore の modules/game-terms/assets/style.css（ゲーム別テーマ）。ここではテーマで足りない側だけ作る:
 * - STALKER 2・No Man's Sky: 元は暗いカードだけ → ライトテーマ用を作る（ダークは元のまま）
 * - FF14（魔獣図鑑・闘獣練を含む）: 元は明るい紙のカードだけ → ダークテーマ用を作る（ライトは元のまま）
 * - PC・ARC Raiders: 元からライト/ダークがある → そのまま
 * - Baldur's Gate 3: 暗いカードのまま（2026-09-23 依頼主「BG3 はライトテーマでも現状維持」）
 * ポップアップは body 直下に出るので、#body_wrap ではなく html（data-nettoge-theme）でスコープする。
 * ゲームの画面を写した色なので、ここは生の色を使う（サイトのトークンに寄せない）。
 */

/* ==========================================================================
   STALKER 2 — ライト（明るい灰緑の紙に琥珀の罫）
   ========================================================================== */

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] {
  --ntg-term-accent: #9a5d0c;
  --ntg-term-fg: #1f231f;
  --ntg-term-fg-muted: #474d46;
  --ntg-term-fg-soft: #6a7068;
  color-scheme: light;
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] .ntg-game-tooltip__card {
  background:
    repeating-linear-gradient(0deg, rgb(0 0 0 / 0.012) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, #f6f5ef 0%, #ecebe2 100%);
  border: 1px solid #c9c7b8;
  border-block-start: 2px solid #c8862a;
  box-shadow: 0 14px 34px rgb(0 0 0 / 0.18);
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] .ntg-game-tooltip__card::after {
  background: linear-gradient(90deg, transparent, rgb(200 134 42 / 0.55) 48%, transparent);
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] .ntg-game-tooltip__header {
  border-block-end-color: rgb(154 93 12 / 0.22);
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] :is(.ntg-game-tooltip__effects, .ntg-game-tooltip__facts, .ntg-game-tooltip__sections, .ntg-game-tooltip__actions) {
  border-block-start-color: rgb(154 93 12 / 0.18);
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] .ntg-game-tooltip__description {
  border-inline-start-color: rgb(154 93 12 / 0.4);
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="stalker2"] .ntg-game-tooltip__icon {
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 0.22));
}

/* ==========================================================================
   No Man's Sky — ライト（明るい地。種類ごとの色の帯と白い題は元のまま）
   ========================================================================== */

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="nms"] {
  --ntg-term-fg: #1b1f2a;
  --ntg-term-fg-muted: #474e60;
  --ntg-term-fg-soft: #687085;
  --nms-line: rgb(20 24 36 / 0.12);
  color-scheme: light;
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="nms"] .ntg-game-tooltip__card {
  background: linear-gradient(180deg, #f8f9fc 0%, #eceff5 100%);
  border: 1px solid #cdd3de;
  box-shadow: 0 14px 34px rgb(0 0 0 / 0.18);
}

html:not([data-nettoge-theme="dark"]) .ntg-game-tooltip[data-game="nms"] .ntg-game-tooltip__row span :is(b, em) {
  color: #b35a14;
}

/* ==========================================================================
   FF14 — ダーク（紙の図鑑を暗い革の地に。緑のラベルは明るくする）
   ========================================================================== */

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] {
  --ntg-term-accent: #eee7d7;
  --ntg-term-fg: #e6dfd0;
  --ntg-term-fg-muted: #a3c28e;
  --ntg-term-fg-soft: #bcb4a4;
  --ntg-ff14-label: #a3c28e;
  --ntg-ff14-mute: #948e82;
  --ntg-ff14-size: #5c584f;
  --ntg-ff14-soft: #c9c1b1;
  color-scheme: dark;
}

html[data-nettoge-theme="dark"] :is(.ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__card, .ntg-game-tooltip__card[data-game="ff14"]) {
  background: #25221e;
  border-color: #4a4338;
  box-shadow: 0 14px 32px rgb(0 0 0 / 0.5), inset 0 0 0 1px rgb(255 255 255 / 0.04);
  color: var(--ntg-term-fg);
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__title,
html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] :is(.ntg-game-tooltip__catalog-no, .ntg-game-tooltip__bestiary-fact span, .ntg-game-tooltip__borrow-name, .ntg-game-tooltip__skill-name, .ntg-game-tooltip__skill-desc, .ntg-game-tooltip__bestiary-habitat p) {
  color: #eee7d7;
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__card[data-layout="enemy"] .ntg-game-tooltip__catalog-no {
  color: var(--ntg-ff14-label);
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__header {
  border-block-end-color: rgb(163 194 142 / 0.2);
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] :is(.ntg-game-tooltip__summary, .ntg-game-tooltip__description, .ntg-game-tooltip__effects, .ntg-game-tooltip__facts, .ntg-game-tooltip__sections, .ntg-game-tooltip__actions) {
  border-block-start-color: rgb(163 194 142 / 0.16);
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__actions {
  background: rgb(163 194 142 / 0.08);
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] :is(.ntg-game-tooltip__icon, .ntg-game-tooltip__name-icon, .ntg-game-tooltip__verb-icon, .ntg-game-tooltip__borrow-icon, .ntg-game-tooltip__row-icon) {
  background: #332f29;
  border-color: #564e42;
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__card:not([data-layout="enemy"]) .ntg-game-tooltip__skill-icon {
  background: #332f29;
  border-color: #564e42;
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__bestiary-skills {
  border-block-start-color: #3e3930;
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__bestiary-skill {
  border-block-end-color: #3e3930;
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__skill-type {
  border-color: #564e42;
  color: var(--ntg-ff14-mute);
}

html[data-nettoge-theme="dark"] .ntg-game-tooltip[data-game="ff14"] .ntg-game-tooltip__map {
  background: #3a352b;
}

/* ==========================================================================
   記事の中のワードカード（[word_cards]）とワード専用ページのカードの枠
   ========================================================================== */

#body_wrap .ntg-word-card {
  background: var(--ntg2-surface);
  border: 1px solid var(--ntg2-line);
  border-radius: var(--ntg2-radius);
}

#body_wrap .ntg-word-card__title a:hover {
  color: var(--ntg2-teal);
}

#body_wrap .ntg-word-card__teaser,
#body_wrap .ntg-word-page__source {
  color: var(--ntg2-muted);
}

#body_wrap .ntg-word-cards[data-active]:not([data-active=""]) .ntg-word-card.is-match {
  box-shadow: 0 0 0 2px var(--ntg2-teal);
}

#body_wrap .ntg-persona-table tbody tr.is-active {
  background-color: var(--ntg2-teal-bg);
  box-shadow: inset 4px 0 0 var(--ntg2-teal);
}