/* 星獣カルテ専用（.seiju- 接頭辞）
 * 季節ごとの色（芽吹き・陽ざし・実り・静けさ）と月の形で、12星獣を絵文字に頼らず見分ける */

.seiju-form { max-width: 760px; margin: 8px auto 0; }
.seiju-result { margin-top: 28px; }
.seiju-block { scroll-margin-top: 80px; }

[data-season="spring"] { --season-a: #f0a6c4; --season-b: #7cc7a2; }
[data-season="summer"] { --season-a: #f2c75c; --season-b: #3fb6c9; }
[data-season="autumn"] { --season-a: #e8a24a; --season-b: #b8503f; }
[data-season="winter"] { --season-a: #c9d3ea; --season-b: #5566b8; }

/* 紋章（星獣のシンボル） */
.seiju-crest {
  --size: 112px;
  position: relative; flex: none; width: var(--size); height: var(--size); border-radius: 50%;
  display: grid; place-items: center; margin: 0 auto;
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .18), transparent 45%),
    conic-gradient(from 210deg, var(--season-a), var(--season-b), var(--season-a));
  box-shadow: 0 0 0 3px #0d0a16, 0 0 0 4px rgba(231, 197, 104, .6), 0 12px 40px rgba(0, 0, 0, .45);
}
.seiju-crest::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #2a1a45, #0d0a16 75%); }
.seiju-crest-sigil { position: relative; font: 700 calc(var(--size) * .44)/1 var(--serif); color: var(--season-a); text-shadow: 0 0 18px rgba(0, 0, 0, .6); }
.seiju-crest .seiju-moon { position: absolute; right: 2px; top: 4px; }
.seiju-crest-sm { --size: 64px; }

/* 月の形（CSSで描く） */
.seiju-moon { display: inline-block; width: 22px; height: 22px; border-radius: 50%; background: #1b1430; border: 1px solid rgba(243, 227, 160, .55); vertical-align: middle; flex: none; }
.seiju-moon[data-moon="waxing"] { box-shadow: inset -9px 0 0 0 #f3e3a0; }
.seiju-moon[data-moon="full"] { background: #f3e3a0; box-shadow: 0 0 12px rgba(243, 227, 160, .6); }
.seiju-moon[data-moon="waning"] { box-shadow: inset 9px 0 0 0 #f3e3a0; }

.seiju-summary { border-color: rgba(231, 197, 104, .35); text-align: center; }
.seiju-name { font: 700 clamp(28px, 7vw, 40px)/1.3 var(--serif); margin: 14px 0 4px !important; color: var(--text) !important; }
.seiju-catch { color: var(--gold) !important; font-weight: 800; }
.seiju-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; padding: 0; margin: 10px 0 0; }
.seiju-tag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; font-size: 13px; background: rgba(255, 255, 255, .05); border: 1px solid #4a3960; }
.seiju-tag .seiju-dot { width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--season-a), var(--season-b)); }
.seiju-meta { font-size: 13px; color: var(--muted) !important; }
.seiju-badge-estimated { display: inline-block; padding: 2px 10px; border-radius: 999px; border: 1px dashed #8a7aa0; color: #cdbfe0; font-size: 12px; }

.seiju-traits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 14px 0 0; }
.seiju-trait { padding: 12px 14px; border-radius: 14px; background: #0d0914; border: 1px solid #382943; }
.seiju-trait dt { font-size: 12px; color: var(--gold); font-weight: 800; }
.seiju-trait dd { margin: 4px 0 0; font-size: 14px; line-height: 1.7; }
.seiju-summary .seiju-traits { grid-template-columns: repeat(3, 1fr); text-align: left; }
@media (max-width: 640px) { .seiju-traits, .seiju-summary .seiju-traits { grid-template-columns: 1fr; } }

.seiju-inline { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.seiju-inline .seiju-moon { width: 44px; height: 44px; }
.seiju-inline .seiju-moon[data-moon="waxing"] { box-shadow: inset -18px 0 0 0 #f3e3a0; }
.seiju-inline .seiju-moon[data-moon="waning"] { box-shadow: inset 18px 0 0 0 #f3e3a0; }
.seiju-season-swatch { width: 44px; height: 44px; border-radius: 12px; flex: none; background: linear-gradient(135deg, var(--season-a), var(--season-b)); }
.seiju-attr-name { font: 700 22px/1.4 var(--serif); margin: 0 !important; color: var(--text) !important; }
.seiju-keywords { color: var(--gold) !important; font-size: 13px; }
.seiju-note { font-size: 13px; color: var(--muted) !important; padding: 10px 12px; border-radius: 10px; border: 1px dashed #6b5a80; }

/* 12星獣の地図 */
.seiju-map-wrap { overflow-x: auto; margin-top: 14px; }
.seiju-map { width: 100%; border-collapse: separate; border-spacing: 6px; font-size: 13px; min-width: 300px; }
.seiju-map th { color: var(--gold); font-size: 12px; font-weight: 800; text-align: center; padding: 4px; }
.seiju-map th[scope="row"] { text-align: left; white-space: nowrap; }
.seiju-map td { text-align: center; padding: 8px 4px; border-radius: 12px; background: #0d0914; border: 1px solid #382943; line-height: 1.4; }
.seiju-map td b { display: block; font: 700 20px/1.2 var(--serif); color: var(--season-a); }
.seiju-map td.is-current { border-color: var(--gold); background: rgba(231, 197, 104, .12); box-shadow: 0 0 0 1px var(--gold); }
.seiju-map td small { display: block; color: #e3dcea; font-size: 11px; }
@media (max-width: 420px) { .seiju-map td small { font-size: 10px; } .seiju-map { border-spacing: 3px; } }

.seiju-reason p { line-height: 2; }

/* 相性 */
.seiju-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.seiju-fields > div { padding: 16px; border: 1px solid #3b2e52; border-radius: 16px; background: #0d0a16; min-width: 0; }
@media (max-width: 720px) { .seiju-fields { grid-template-columns: 1fr; } }
.step-no { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--gold); color: #1a1020; font-size: 12px; letter-spacing: 0; margin-right: 4px; }
.seiju-person-head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.seiju-person-head .seiju-crest { margin: 0; }
.seiju-person-head .seiju-name { margin: 0 !important; font-size: 24px; }
.seiju-category { text-align: center; margin: 4px 0 12px; }
.seiju-category-label { display: inline-block; padding: 8px 22px; border-radius: 999px; font: 700 22px/1.4 var(--serif); color: var(--gold); border: 1px solid rgba(231, 197, 104, .6); background: var(--gold-soft); }
.seiju-factors { list-style: none; padding: 0; margin: 14px 0; display: grid; gap: 10px; }
.seiju-factor { padding: 14px 16px; border-radius: 14px; background: #0d0914; border: 1px solid #382943; }
.seiju-factor h3 { margin: 0 0 4px !important; font-size: 15px; }
.seiju-factor .seiju-pill { display: inline-block; margin-left: 6px; padding: 1px 10px; border-radius: 999px; font-size: 12px; background: var(--gold-soft); color: var(--gold); vertical-align: middle; }
.seiju-reading { padding: 16px 0; border-top: 1px solid var(--line-soft); }
.seiju-reading:first-of-type { border-top: 0; padding-top: 4px; }
.seiju-list { padding-left: 1.2em; margin: 0; }
.seiju-list li { margin: 6px 0; color: #e3dcea; }
.seiju-method { font-size: 12px; color: var(--muted) !important; padding: 12px 14px; border-radius: 12px; border: 1px solid #3a2e4e; background: #0d0a16; }
.seiju-person-head + .seiju-tags { justify-content: flex-start; }