/* Сторінки документів: політика приватності й правила. Окремий файл, а не
   css/style.css, навмисно — той описує сцену 2000×1080, яку масштабує JS, і
   до звичайного тексту, що просто тече згори вниз, не має стосунку. Спільне
   тут лише мова оформлення: крафт-папір, чорнило, пунктирні панелі й
   офсетні тіні, ті самі кольори й той самий шрифт, що в грі. */
:root {
  --bg:#e6d7b8; --paper:#f6efe0; --ink:#3a2f1d; --ink-2:#7a6742;
  --line:#d9c9a6; --dash:#b39c73; --y1:#ffd24d; --y2:#ffab00;
  --accent:#b05505; --shadow:rgba(58,47,29,.30); --shadow-2:rgba(58,47,29,.45);
}
* { box-sizing:border-box; }
body { margin:0; padding:40px 20px 80px;
  background:var(--bg); color:var(--ink);
  font-family:Rubik, system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size:17px; line-height:1.6; }
.wrap { max-width:780px; margin:0 auto; }

/* Шапка: логотип ліворуч, перемикач мови праворуч — той самий ряд, що й
   у меню гри. */
.top { display:flex; align-items:center; justify-content:space-between;
  gap:20px; flex-wrap:wrap; margin-bottom:28px; }
.brand { font-size:34px; line-height:1; font-weight:900; letter-spacing:.02em;
  color:var(--ink); text-decoration:none; }
.brand i { font-style:normal; color:var(--y2); }
.langs { display:flex; gap:10px; }
.lang { padding:8px 18px; border-radius:12px; cursor:pointer;
  background:var(--paper); border:2px solid var(--line); color:var(--ink-2);
  font:inherit; font-size:14px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; box-shadow:0 4px 0 var(--line); }
.lang.on { background:linear-gradient(180deg,var(--y1),var(--y2));
  border-color:var(--ink); color:var(--ink); box-shadow:0 4px 0 var(--shadow-2); }
@media (hover: hover) { .lang:hover { color:var(--ink); } }

h1 { font-size:40px; line-height:1.1; font-weight:900; margin:0 0 6px; }
.upd { margin:0 0 28px; color:var(--ink-2); font-size:15px; }

/* Панель «виріж по пунктиру» — та сама деталь, що тримає меню гри. */
section { padding:22px 26px; margin-bottom:18px; border-radius:16px;
  background:var(--paper); border:2px dashed var(--dash);
  box-shadow:5px 6px 0 var(--shadow); }
h2 { font-size:15px; line-height:1.3; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-2); margin:0 0 12px; }
p { margin:0 0 12px; }
p:last-child, ul:last-child { margin-bottom:0; }
ul { margin:0 0 12px; padding-left:22px; }
li { margin-bottom:6px; }
b { font-weight:800; }
a { color:var(--accent); font-weight:700; text-underline-offset:3px; }
@media (hover: hover) { a:hover { color:var(--ink); } }

/* Головне на сторінці — адреса, куди писати: її мають знайти, не читаючи
   решти. Тому вона суцільною рамкою, а не пунктиром. */
.mail { display:inline-block; padding:14px 22px; border-radius:14px;
  background:#fffdf7; border:3px solid var(--ink); color:var(--ink);
  font-size:19px; font-weight:800; text-decoration:none;
  box-shadow:0 5px 0 var(--shadow-2); }
@media (hover: hover) { .mail:hover { filter:brightness(1.03); } }

.back { display:inline-block; margin-top:26px; padding:14px 28px;
  border-radius:16px; background:linear-gradient(180deg,var(--y1),var(--y2));
  border:3px solid var(--ink); color:var(--ink); text-decoration:none;
  font-weight:900; letter-spacing:.04em; text-transform:uppercase;
  box-shadow:0 6px 0 var(--shadow-2); }
.foot { margin-top:26px; color:var(--ink-2); font-size:14px; }
.foot a { margin-right:16px; }
.foot .legal-copy { white-space:nowrap; }

/* Друга мова лежить у тому ж документі й просто ховається: два окремі
   файли розходяться між собою з першою ж правкою. */
[data-lang] { display:none; }
[data-lang].on { display:block; }

@media (max-width: 560px) {
  body { padding:24px 14px 60px; font-size:16px; }
  h1 { font-size:30px; }
  section { padding:18px 18px; }
}