/*
  글로벌 2차 2 URL 공통 시트 — /ja/seiza-aisho · /tti-gunghap.

  · assets/wave1.css **위에 얹는 층**이다(두 페이지는 site.css → wave1.css → 이 파일 순으로 읽는다).
    머리·구획·결과 카드·표·동작 버튼·푸터는 wave1.css가 이미 소유하므로 여기서 다시 정의하지 않는다.
    여기 있는 것은 2차에서 처음 생긴 것뿐이다 — 두 사람 입력 카드, 방식 전환 라디오, select,
    월/일 두 칸, 早見表 확인 줄, 경계 전후 선택, 분류 카드, 분류 근거 줄.
  · 리터럴 색상값은 **한 개도 없다**. 색·크기·간격·라운드는 전부 assets/site.css의 토큰이다.
  · 래퍼 폭·좌우 패딩·상단 고정 바·푸터·언어 토글은 site.css 공통 층이 소유한다 —
    중심축 620/430은 전 페이지 공통이고 여기서 건드리지 않는다.
  · 모바일 우선 430px. 터치 타깃은 최소 --tap(44px). 상태를 색 하나로만 알리지 않는다.
*/

/* ── 두 사람 입력 ─────────────────────────────────────────────────────── */
.page-game .pairform{margin-top:var(--sp-6)}
.page-game .person{margin-top:var(--sp-6)}
.page-game .person>legend{font-size:var(--fs-50);font-weight:var(--fw-bold);padding:0 var(--sp-3)}

/* 방식 전환(星座を選ぶ / 誕生日の早見表を使う · 띠 직접 선택 / 생년과 기준으로 찾기).
   카드 안의 카드가 되지 않게 테두리·그림자를 벗기고, 줄만 남긴다. */
.page-game .modes,
.page-game .sides{border:0;background:none;box-shadow:none;padding:0;margin-top:var(--sp-6)}
.page-game .modes>legend,
.page-game .sides>legend{display:block;font-size:var(--fs-30);font-weight:var(--fw-medium);color:var(--muted);padding:0}
.page-game .sides{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--line)}
.page-game .sides>legend{color:var(--ink);font-size:var(--fs-35)}

.page-game .modeopts{display:grid;gap:var(--sp-4);margin-top:var(--sp-4)}
.page-game .modeopts input{position:absolute;opacity:0;width:1px;height:1px}
.page-game .modeopts label{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-6);min-height:var(--tap);cursor:pointer;background:var(--surface);font-size:var(--fs-40);line-height:var(--lh-snug)}
.page-game .modeopts input:checked+label{border-color:var(--accent);background:var(--accent-tint);border-width:2px;font-weight:var(--fw-bold);padding:calc(var(--sp-4) - 1px) calc(var(--sp-6) - 1px)}
.page-game .modeopts input:focus-visible+label{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-gap)}

/* ── select·연도 입력 ─────────────────────────────────────────────────── */
.page-game .person label{display:block;font-size:var(--fs-35);font-weight:var(--fw-medium);margin-top:var(--sp-6);margin-bottom:var(--sp-3)}
.page-game .person select,
.page-game .person input[type="text"]{width:100%;max-width:100%;min-width:0;padding:var(--sp-5) var(--sp-6);font-size:var(--fs-60);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-family:inherit;color:inherit;min-height:var(--tap)}
.page-game .person select[aria-invalid="true"],
.page-game .person input[aria-invalid="true"]{border-color:var(--danger);border-width:2px}
.page-game .person .hint{font-size:var(--fs-25);color:var(--muted);margin-top:var(--sp-3);line-height:var(--lh-relaxed)}
.page-game .person .err{font-size:var(--fs-30);color:var(--danger);margin-top:var(--sp-5);line-height:var(--lh-relaxed)}

/* 월·일. 좁은 화면에서는 한 칸씩 쌓이고, 넓어지면 두 칸이 된다(가로 스크롤 없음). */
.page-game .twocol{display:grid;gap:var(--sp-5)}
@media(min-width:380px){.page-game .twocol{grid-template-columns:1fr 1fr;align-items:start}}
.page-game .twocol label{margin-top:var(--sp-6)}

/* ── 早見表の確認(18〜25일) ───────────────────────────────────────────── */
.page-game .confirm{margin-top:var(--sp-6);padding:var(--sp-6);border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-tint)}
.page-game .confirm .cand{font-size:var(--fs-40);font-weight:var(--fw-bold);line-height:var(--lh-snug)}
.page-game .confirm .hint{margin-top:var(--sp-4)}
.page-game .confirm-acts{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-5)}
.page-game .confirm-acts .example{margin-top:0;background:var(--surface)}
.page-game .accepted{margin-top:var(--sp-5);font-size:var(--fs-35);font-weight:var(--fw-medium);line-height:var(--lh-relaxed)}

/* ── 결과 안의 2차 전용 조각 ──────────────────────────────────────────── */
.page-game .result h3.sub{font-size:var(--fs-50);font-weight:var(--fw-bold);margin-top:var(--sp-8)}
.page-game .result .classcards{list-style:none;margin:var(--sp-5) 0 0;display:grid;gap:var(--sp-4)}
.page-game .result .classcards li{background:var(--surface);border:1px solid var(--accent-line);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-6);font-size:var(--fs-40);line-height:var(--lh-snug);margin-bottom:0}
.page-game .result .evidence-line{margin-top:var(--sp-5);padding:var(--sp-5) var(--sp-6);background:var(--surface);border:1px solid var(--accent-line);border-radius:var(--r-md);font-size:var(--fs-35);line-height:var(--lh-relaxed);overflow-wrap:anywhere}
.page-game .result .acts{margin-top:var(--sp-7)}
.page-game .result dl.evidence{margin-top:var(--sp-6);padding-top:0;border-top:0}