/* 法務ページ（プライバシーポリシー／利用規約／特商法表記）の共通スタイル。
   ゲーム本体の styles.css はcanvas前提でスクロールを殺しているので共有しない。
   配色だけ ASTRA のパレットに合わせる。 */
:root{
  --bg:#05060f;
  --bg2:#0b0f24;
  --cyan:#38f5d6;
  --violet:#8a6cff;
  --ink:#e9ecff;
  --muted:#8890c4;
  --line:rgba(138,108,255,.28);
  color-scheme:dark;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  padding:0 20px 80px;
  background:
    radial-gradient(circle at 50% -10%, rgba(56,245,214,.07), transparent 42%),
    var(--bg);
  color:var(--ink);
  font-family: ui-rounded, "Hiragino Maru Gothic ProN", "Segoe UI Rounded", system-ui, -apple-system, sans-serif;
  font-size:16px;
  line-height:1.9;
}
.legal-wrap{max-width:760px; margin:0 auto;}

/* ---------- ヘッダー ---------- */
.legal-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:20px 0 18px;
  border-bottom:1px solid var(--line);
  margin-bottom:32px;
}
.legal-home{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--ink); text-decoration:none;
  font-weight:700; letter-spacing:.14em;
}
.legal-home:hover{color:var(--cyan);}
.legal-home span{font-size:13px; letter-spacing:.02em; color:var(--muted); font-weight:400;}
.lang-switch{
  appearance:none;
  border:1px solid var(--line);
  background:rgba(15,18,42,.9);
  color:var(--ink);
  border-radius:999px;
  padding:7px 15px;
  font:inherit; font-size:13px;
  cursor:pointer;
}
.lang-switch:hover{border-color:var(--cyan); color:var(--cyan);}

/* ---------- 本文 ---------- */
h1{font-size:26px; line-height:1.5; margin:0 0 6px;}
.legal-updated{color:var(--muted); font-size:13px; margin:0 0 30px;}
.legal-lead{color:var(--muted); margin:0 0 30px;}
h2{
  font-size:17px; margin:38px 0 12px; padding-top:20px;
  border-top:1px solid rgba(138,108,255,.16);
}
h2:first-of-type{border-top:0; padding-top:0;}
h3{font-size:15px; margin:24px 0 8px; color:var(--cyan);}
p{margin:0 0 14px;}
ul,ol{margin:0 0 14px; padding-left:1.4em;}
li{margin-bottom:8px;}
a{color:var(--cyan);}
strong{color:#fff;}
small{color:var(--muted);}

/* 定義リスト（特商法表記） */
.legal-table{
  width:100%; border-collapse:collapse; margin:0 0 20px;
  font-size:15px;
}
.legal-table th,.legal-table td{
  border-top:1px solid rgba(138,108,255,.16);
  padding:14px 4px; text-align:left; vertical-align:top;
}
.legal-table th{
  width:34%; color:var(--muted); font-weight:400; white-space:nowrap;
  padding-right:16px;
}
@media (max-width:560px){
  .legal-table th,.legal-table td{display:block; width:auto; white-space:normal;}
  .legal-table th{border-top:1px solid rgba(138,108,255,.16); padding-bottom:0;}
  .legal-table td{border-top:0; padding-top:4px;}
}

.legal-note{
  border:1px solid var(--line);
  background:rgba(15,18,42,.6);
  border-radius:14px;
  padding:16px 18px;
  margin:0 0 24px;
  font-size:14px;
  color:var(--muted);
}
.legal-foot{
  margin-top:56px; padding-top:22px;
  border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:8px 20px;
  font-size:14px;
}
.legal-foot a{text-decoration:none;}
.legal-foot a:hover{text-decoration:underline;}

/* 言語切り替え。JSが動かない環境では日本語だけが見える（内容は失われない）。 */
[data-lang-block="en"]{display:none;}
html[data-lang="en"] [data-lang-block="ja"]{display:none;}
html[data-lang="en"] [data-lang-block="en"]{display:block;}