/* ===================== STATICKÉ STRÁNKY „O HŘE“ A „OCHRANA SOUKROMÍ“ (about.html, cs/o-hre.html, privacy.html, cs/ochrana-soukromi.html) =====================
   Samostatné CSS — css/style.css je stavěné pro hru (body bez posouvání, bez výběru textu), proto ho tyhle
   stránky nenačítají. Barvy odpovídají hře (:root v css/style.css). */
:root{
  --bg-ground:#2c3423;
  --bg-panel:#1b2016;
  --accent-green:#3ecf5b;
  --gold:#f2c94c;
  --text-light:#f2ead9;
  --text-dim:#b7ad97;
  --border-col:#6b5f45;
}
*{ box-sizing:border-box; }
html{ background:#0d0f0a; }
body{
  margin:0 auto; max-width:640px; min-height:100vh;
  background:var(--bg-ground); color:var(--text-light);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.6;
  box-shadow:0 0 40px rgba(0,0,0,.6);
}
.page{ padding:20px 16px 40px; }
.top{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:24px; }
.logo{ color:var(--gold); font-weight:900; font-size:22px; letter-spacing:2px; line-height:1; text-decoration:none; text-shadow:0 2px 0 #6b4f12; }
.logo span{ font-size:.5em; letter-spacing:1px; color:var(--text-light); text-shadow:none; vertical-align:middle; }
.lang{ color:var(--text-dim); font-size:14px; font-weight:700; text-decoration:none; border:1px solid var(--border-col); border-radius:8px; padding:5px 10px; }
h1{ font-size:clamp(24px,6vw,32px); line-height:1.2; margin:0 0 8px; }
.lead{ color:var(--text-dim); margin:0 0 20px; }
.alpha{ background:rgba(242,201,76,.08); border:1px solid rgba(242,201,76,.4); border-radius:10px; padding:10px 14px; font-size:14px; margin:0 0 24px; }
h2{ font-size:20px; color:var(--gold); margin:28px 0 8px; }
h3{ font-size:16px; color:var(--text-light); margin:18px 0 4px; }
code{ background:var(--bg-panel); border-radius:4px; padding:1px 5px; font-size:.9em; }
p{ margin:0 0 12px; }
ol,ul{ padding-left:22px; margin:0 0 12px; }
li{ margin-bottom:6px; }
a{ color:var(--accent-green); }
.play{
  display:block; margin:32px 0 16px; text-align:center; text-decoration:none;
  background:var(--accent-green); color:#0d1a0f; border-radius:10px; padding:16px;
  font-size:18px; font-weight:900; letter-spacing:1px; box-shadow:0 4px 0 #23823a;
}
.play:active{ transform:translateY(2px); box-shadow:0 2px 0 #23823a; }
footer{ color:var(--text-dim); font-size:13px; text-align:center; opacity:.85; }