/*
 * O-YAKE GAMES Style v1.1.0
 * 表示専用：テーマファイル・投稿本文・DBは変更しません。
 */

:root {
  --oyg-bg: #070b14;
  --oyg-bg2: #0d1324;
  --oyg-bg3: #121a30;
  --oyg-card: rgba(255,255,255,.97);
  --oyg-dark-card: rgba(14,20,37,.94);
  --oyg-line: rgba(93,202,255,.20);
  --oyg-cyan: #52d9ff;
  --oyg-blue: #5c8dff;
  --oyg-purple: #9a6cff;
  --oyg-pink: #ff5eb4;
  --oyg-text: #f7f9ff;
  --oyg-muted: #b7bfd0;
  --oyg-dark-text: #171d2b;
  --oyg-radius: 18px;
  --oyg-shadow: 0 22px 55px rgba(0,0,0,.25);
}

/* ===== 全体 ===== */
body.oyake-games-neon-ui {
  background:
    radial-gradient(circle at 12% 8%, rgba(82,217,255,.10), transparent 24%),
    radial-gradient(circle at 88% 4%, rgba(154,108,255,.14), transparent 28%),
    radial-gradient(circle at 70% 72%, rgba(255,94,180,.055), transparent 28%),
    linear-gradient(180deg, var(--oyg-bg) 0%, var(--oyg-bg2) 58%, #10182a 100%) !important;
  color: var(--oyg-text);
  background-attachment: fixed;
}

body.oyake-games-neon-ui::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .13;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.34) 1px, transparent 1.15px);
  background-size: 30px 30px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.8) 45%, transparent 92%);
}

/* ===== ヘッダー ===== */
body.oyake-games-neon-ui header,
body.oyake-games-neon-ui #header,
body.oyake-games-neon-ui .site-header,
body.oyake-games-neon-ui .header-container,
body.oyake-games-neon-ui .header-container-in {
  background:
    linear-gradient(135deg, rgba(6,10,19,.98), rgba(17,25,48,.98)) !important;
  border-bottom: 1px solid rgba(82,217,255,.16);
  box-shadow: 0 10px 38px rgba(0,0,0,.30);
}

body.oyake-games-neon-ui .site-name-text,
body.oyake-games-neon-ui .site-title,
body.oyake-games-neon-ui .logo-text,
body.oyake-games-neon-ui .header-site-title,
body.oyake-games-neon-ui .logo-header a {
  color: #fff !important;
  letter-spacing: .045em;
  text-shadow: 0 0 24px rgba(82,217,255,.24);
}

/* ===== 1カラム化 ===== */
/* Cocoon中心。aside全体は消さず、サイドバー要素だけを対象にする */
body.oyake-games-neon-ui #sidebar,
body.oyake-games-neon-ui .sidebar,
body.oyake-games-neon-ui .sidebar-scroll,
body.oyake-games-neon-ui .sidebar-scroll-wrap,
body.oyake-games-neon-ui .widget-area.sidebar {
  display: none !important;
}

body.oyake-games-neon-ui .content-in {
  display: block !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.oyake-games-neon-ui #main,
body.oyake-games-neon-ui .main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 記事ページは本文を読みやすい幅に */
body.oyake-games-neon-ui.single .main,
body.oyake-games-neon-ui.page .main {
  max-width: 1040px !important;
}

/* ===== 記事カード ===== */
body.oyake-games-neon-ui .article,
body.oyake-games-neon-ui article,
body.oyake-games-neon-ui .entry-content,
body.oyake-games-neon-ui .post,
body.oyake-games-neon-ui .page {
  border-radius: var(--oyg-radius);
}

body.oyake-games-neon-ui .article,
body.oyake-games-neon-ui .main article {
  background: var(--oyg-card) !important;
  color: var(--oyg-dark-text) !important;
  box-shadow: var(--oyg-shadow);
  border: 1px solid rgba(255,255,255,.16);
}

/* Cocoonの本文余白を少し広げる */
body.oyake-games-neon-ui.single .article,
body.oyake-games-neon-ui.page .article {
  padding-left: clamp(22px, 4vw, 54px) !important;
  padding-right: clamp(22px, 4vw, 54px) !important;
}

/* ===== 記事タイトル ===== */
body.oyake-games-neon-ui h1,
body.oyake-games-neon-ui .entry-title {
  color: #151b29 !important;
  line-height: 1.38;
  letter-spacing: .01em;
}

body.oyake-games-neon-ui .entry-title {
  position: relative;
  padding-bottom: .7em;
  margin-bottom: 1em;
}

body.oyake-games-neon-ui .entry-title::after {
  content: "";
  display: block;
  width: 88px;
  height: 4px;
  margin-top: .55em;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--oyg-cyan), var(--oyg-purple), var(--oyg-pink));
  box-shadow: 0 0 16px rgba(92,141,255,.28);
}

/* ===== 見出し ===== */
body.oyake-games-neon-ui .entry-content h2,
body.oyake-games-neon-ui .article h2 {
  position: relative;
  padding: .82em 1em .82em 1.25em;
  margin-top: 2.25em;
  border: 0 !important;
  border-radius: 12px;
  color: #fff !important;
  background:
    linear-gradient(90deg, #1a2540 0%, #293b66 58%, #45306c 100%) !important;
  box-shadow: 0 11px 26px rgba(31,46,79,.18);
}

body.oyake-games-neon-ui .entry-content h2::before,
body.oyake-games-neon-ui .article h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14%;
  width: 5px;
  height: 72%;
  border-radius: 6px;
  background: linear-gradient(180deg, var(--oyg-cyan), var(--oyg-purple), var(--oyg-pink));
  box-shadow: 0 0 14px rgba(82,217,255,.48);
}

body.oyake-games-neon-ui .entry-content h3,
body.oyake-games-neon-ui .article h3 {
  color: #1d2a50 !important;
  border-left: 5px solid var(--oyg-purple) !important;
  padding: .3em 0 .3em .75em;
  background: transparent !important;
}

/* ===== 本文 ===== */
body.oyake-games-neon-ui .entry-content,
body.oyake-games-neon-ui .article {
  color: var(--oyg-dark-text);
}

body.oyake-games-neon-ui .entry-content p,
body.oyake-games-neon-ui .article p {
  line-height: 1.95;
}

body.oyake-games-neon-ui .entry-content a,
body.oyake-games-neon-ui .article a {
  color: #2f59d9;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body.oyake-games-neon-ui .entry-content a:hover,
body.oyake-games-neon-ui .article a:hover {
  color: #853fe4;
}

/* ===== 表・引用 ===== */
body.oyake-games-neon-ui table {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(22,32,58,.08);
}
body.oyake-games-neon-ui th {
  background: #202f52 !important;
  color: #fff !important;
}
body.oyake-games-neon-ui td {
  background: #fff;
}

body.oyake-games-neon-ui blockquote {
  border-left: 4px solid var(--oyg-cyan) !important;
  background: #f3f7ff !important;
  border-radius: 10px;
}

/* ===== SNSシェア・フォロー領域 ===== */
body.oyake-games-neon-ui .sns-share,
body.oyake-games-neon-ui .sns-follow,
body.oyake-games-neon-ui .footer-meta,
body.oyake-games-neon-ui .article-footer {
  border-radius: 14px;
}

body.oyake-games-neon-ui .sns-share-buttons a,
body.oyake-games-neon-ui .sns-follow-buttons a {
  border-radius: 8px !important;
  overflow: hidden;
}

/* 記事下部の余白を少し整理 */
body.oyake-games-neon-ui .article-footer,
body.oyake-games-neon-ui .footer-meta {
  margin-top: 2em;
}

/* ===== 人気記事・関連記事 ===== */
body.oyake-games-neon-ui .related-entry-card,
body.oyake-games-neon-ui .popular-entry-card,
body.oyake-games-neon-ui .new-entry-card,
body.oyake-games-neon-ui .entry-card {
  border-radius: 14px !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}

body.oyake-games-neon-ui .related-entry-card:hover,
body.oyake-games-neon-ui .popular-entry-card:hover,
body.oyake-games-neon-ui .new-entry-card:hover,
body.oyake-games-neon-ui .entry-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.12);
}

/* 関連記事・人気記事の見出し */
body.oyake-games-neon-ui .related-entry-heading,
body.oyake-games-neon-ui .popular-entry-heading,
body.oyake-games-neon-ui .new-entry-heading {
  color: #fff !important;
  background: linear-gradient(90deg, #19233d, #29385f) !important;
  border-radius: 10px;
  padding: .65em .9em !important;
}

/* ===== パンくず・カテゴリ ===== */
body.oyake-games-neon-ui .breadcrumb,
body.oyake-games-neon-ui .breadcrumb a {
  color: #cbd4e8 !important;
}

body.oyake-games-neon-ui .cat-label,
body.oyake-games-neon-ui .category,
body.oyake-games-neon-ui .tag {
  border-radius: 999px !important;
}

/* ===== ボタン ===== */
body.oyake-games-neon-ui .wp-block-button__link,
body.oyake-games-neon-ui .button,
body.oyake-games-neon-ui input[type="submit"] {
  background: linear-gradient(90deg, var(--oyg-blue), var(--oyg-purple)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(92,141,255,.22);
}

/* ===== フッター ===== */
body.oyake-games-neon-ui footer,
body.oyake-games-neon-ui #footer,
body.oyake-games-neon-ui .site-footer,
body.oyake-games-neon-ui .footer {
  background: #060a12 !important;
  color: #aeb7ca !important;
  border-top: 1px solid rgba(82,217,255,.13);
}

/* ===== 広告周り ===== */
body.oyake-games-neon-ui .ad-area,
body.oyake-games-neon-ui .ad-wrap,
body.oyake-games-neon-ui .adsbygoogle {
  border-radius: 12px;
}

/* ===== PC ===== */
@media (min-width: 1024px) {
  body.oyake-games-neon-ui .content-in,
  body.oyake-games-neon-ui .container,
  body.oyake-games-neon-ui .site-content {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 記事本文が横に伸びすぎないよう中央寄せ */
  body.oyake-games-neon-ui.single .main,
  body.oyake-games-neon-ui.page .main {
    max-width: 1040px !important;
  }
}

/* ===== スマホ ===== */
@media (max-width: 767px) {
  body.oyake-games-neon-ui {
    background-attachment: scroll;
  }

  body.oyake-games-neon-ui.single .article,
  body.oyake-games-neon-ui.page .article {
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-radius: 12px;
  }

  body.oyake-games-neon-ui .entry-content h2,
  body.oyake-games-neon-ui .article h2 {
    font-size: 1.22em;
    padding: .72em .82em .72em 1em;
  }

  body.oyake-games-neon-ui .entry-title {
    font-size: 1.65em;
  }
}