/* Общий стиль правовых страниц. Тёмная гамма и акцент повторяют игру, чтобы страница
   не выглядела чужой, когда игрок переходит на неё из приложения или из стора. */
:root{
  --bg:#0d1117; --surface:#151b23; --line:#232b36; --text:#e6edf3;
  --muted:#9aa7b4; --accent:#53a6ff; --gold:#e8c46a;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px; margin:0 auto; padding:32px 20px 72px}
header{display:flex; align-items:center; gap:14px; margin-bottom:28px; flex-wrap:wrap}
.logo{
  width:44px; height:44px; border-radius:12px; flex:none;
  background:linear-gradient(135deg,var(--accent),#2e6bb8);
  display:grid; place-items:center; font-weight:800; font-size:19px; color:#fff;
}
header h1{margin:0; font-size:21px; letter-spacing:.2px}
header .sub{margin:2px 0 0; color:var(--muted); font-size:13px}
.lang{margin-left:auto; display:flex; gap:6px}
.lang a{
  color:var(--muted); text-decoration:none; font-size:13px; font-weight:600;
  padding:5px 11px; border:1px solid var(--line); border-radius:999px;
}
.lang a.on{color:#fff; background:var(--accent); border-color:var(--accent)}
.card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:22px 24px; margin:0 0 16px}
h2{font-size:16px; margin:26px 0 10px; letter-spacing:.2px}
h2:first-child{margin-top:0}
p,li{color:#cfd8e3}
ul{padding-left:20px; margin:8px 0}
li{margin:5px 0}
a{color:var(--accent)}
.upd{color:var(--muted); font-size:13px; margin:0 0 22px}
.note{border-left:3px solid var(--gold); padding:10px 14px; background:rgba(232,196,106,.07); border-radius:0 10px 10px 0}
footer{color:var(--muted); font-size:13px; margin-top:34px; text-align:center}
footer a{margin:0 8px}
/* Прячем ТОЛЬКО языковые блоки. Раньше здесь был селектор [lang], а он цепляет и сам <html>,
   из-за чего при выборе второго языка скрывался весь документ. */
.i18n{display:none}
.i18n.show{display:block}
