/* =========================================================
   Ochify Site — ゲーム感（アーケード）レイヤー / B案
   style.css の後に全ページで読み込む共通アドオン
   SHIMAYASU DESIGN / CDO / 2026-06-04
   ========================================================= */

/* --- タイポ：脱ゲーム色（案B ミニマル統一 / 2026-06-10）。ラベル・数字は Space Grotesk --- */
.eyebrow{ font-family:"Space Grotesk","IBM Plex Sans JP",sans-serif; font-size:11px; font-weight:600; letter-spacing:.28em; line-height:1.8; }
.card .date{ font-family:"Space Grotesk","IBM Plex Sans JP",sans-serif; font-size:11px; font-weight:600; letter-spacing:.06em; }
.card .thumb .tag{ font-family:"Space Grotesk","IBM Plex Sans JP",sans-serif; font-size:10px; font-weight:700; letter-spacing:.1em; padding:5px 9px; }

/* --- Top: Podcast / note 見出し --- */
.feed-col .feed-head h3{ font-family:"Space Grotesk","IBM Plex Sans JP",sans-serif; font-weight:700; letter-spacing:.01em; }
.feed-col .feed-head h3 small{ font-family:"Space Grotesk","IBM Plex Sans JP",sans-serif; font-size:10.5px; font-weight:600; margin-top:4px; }
.feed-col .feed-head .badge{ width:42px; height:42px; border-radius:11px; }
.feed-col .feed-head .badge svg{ width:23px; height:23px; }
.feed-col .feed-head .badge .icon-normal{ display:none; }
.feed-col .feed-head .badge .icon-px{ display:block; }

/* --- ヒーロー見出し（脱ゲーム色：IBM Plex Sans JP 700）--- */
.hero h1{ font-family:"IBM Plex Sans JP","Hiragino Sans",sans-serif; font-weight:700; letter-spacing:.03em; line-height:1.5; }

/* --- ボタン・ヒーローのネオングロー --- */
.btn-accent{ box-shadow:0 0 22px rgba(30,200,255,.75), 0 10px 30px -10px rgba(30,200,255,.6); }
.hero{ box-shadow: inset 0 0 160px rgba(30,200,255,.22); }
.hero::before{ background-size:32px 32px; }

/* --- LEVEL バッジ／INSERT COIN --- */
.lvl{
  display:inline-block; font-family:'Press Start 2P', "Inter", sans-serif; font-size:8px;
  color:var(--navy-deep); background:var(--accent); padding:5px 8px; border-radius:4px;
  margin-bottom:16px; box-shadow:0 0 16px rgba(30,200,255,.7);
}
.insert-coin{
  display:inline-flex; align-items:center; gap:8px; margin-top:20px;
  font-family:'Press Start 2P', "Inter", sans-serif; font-size:8px; color:var(--accent);
  letter-spacing:.04em; animation:blink 1.1s steps(1) infinite;
}
@keyframes blink{ 50%{ opacity:.25; } }

/* --- ヒーロー：スキャンライン＆背景テクスチャ（ドットマトリクス＋8bitスター）--- */
.hero .scan{
  position:absolute; inset:0; pointer-events:none; z-index:1;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.18) 0 1px, transparent 1px 3px);
  mix-blend-mode:multiply; opacity:.5;
}
.hero .htex{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image: radial-gradient(rgba(30,200,255,.18) 1.4px, transparent 1.7px);
  background-size: 15px 15px;
  -webkit-mask-image: radial-gradient(130% 100% at 72% 8%, #000 32%, transparent 80%);
  mask-image: radial-gradient(130% 100% at 72% 8%, #000 32%, transparent 80%);
}
.hero .htex::after{
  content:""; position:absolute; inset:0; opacity:.75;
  background:
    radial-gradient(2px 2px at 12% 32%, #fff 50%, transparent 51%),
    radial-gradient(2px 2px at 78% 16%, var(--accent) 50%, transparent 51%),
    radial-gradient(2px 2px at 58% 58%, #fff 50%, transparent 51%),
    radial-gradient(3px 3px at 34% 74%, var(--accent) 50%, transparent 51%),
    radial-gradient(2px 2px at 88% 52%, #fff 50%, transparent 51%),
    radial-gradient(2px 2px at 24% 14%, var(--accent) 50%, transparent 51%),
    radial-gradient(2px 2px at 46% 22%, #fff 50%, transparent 51%);
}

/* --- カードホバー：ネオン点滅 --- */
.card:hover{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent), 0 0 26px rgba(30,200,255,.5), var(--shadow); }

/* --- 見出し（タイトル）：脱ゲーム色（IBM Plex Sans JP 700）。下の文章は通常フォント維持 --- */
.page-hero h1,
.sec-head h2,
.philosophy h2 {
  font-family: "IBM Plex Sans JP", "Hiragino Sans", sans-serif;
  font-weight: 700;
  letter-spacing: .03em;
}
.page-hero h1 { letter-spacing: .04em; line-height: 1.2; margin-top: 8px; }
/* タイトル下のサブ・ステートメントは元の読みやすいフォントに戻す */
.page-hero h1 .jp { font-family: "IBM Plex Sans JP", "Hiragino Sans", sans-serif; letter-spacing: .06em; margin-top: 10px; }

/* --- ナビゲーション・言語切替（脱ゲーム色：Space Grotesk）--- */
.nav a.navlink { font-family: "Space Grotesk", "IBM Plex Sans JP", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .02em; }
.lang { font-family: "Space Grotesk", "IBM Plex Sans JP", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .04em; gap: 6px; }
.lang span { opacity: .4; }