/* Общие стили сайта KarasevApps. Палитра взята из тёмной темы игры «Слияние». */

:root{
  --bg:#121212;
  --board:#1B1B1A;
  --cell:#242422;
  --text:#F2F0EB;
  --muted:#6E6B65;
  --accent:#E8863C;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:680px; margin:0 auto; padding:48px 24px 72px}

a{color:var(--accent)}

.back{display:inline-block; margin-bottom:26px; color:var(--accent); text-decoration:none; font-size:14px}

/* Шапка студии: иконка слева, название и подпись справа. */
.site-head{display:flex; align-items:center; gap:20px; margin-bottom:32px}
.site-head .mark{
  width:72px; height:72px; border-radius:18px; flex:none;
  background:var(--board); display:grid; place-items:center;
  font-size:26px; font-weight:600; color:var(--accent); letter-spacing:.04em;
}
.site-head h1{margin:0; font-size:22px; letter-spacing:.02em}
.site-head .tagline{margin:4px 0 0; color:var(--muted); font-size:14px}

h1{font-size:24px; margin:0 0 6px; line-height:1.3}
.updated{color:var(--muted); font-size:14px; margin:0 0 32px}

section{background:var(--board); border-radius:16px; padding:26px; margin-bottom:20px}
h2{font-size:19px; margin:0 0 14px; letter-spacing:.01em}
p{margin:0 0 13px}
p:last-child{margin-bottom:0}
ul{margin:0 0 13px; padding-left:20px}
ul:last-child{margin-bottom:0}
li{margin-bottom:8px}
li:last-child{margin-bottom:0}
code{background:var(--cell); padding:1px 6px; border-radius:5px; font-size:14px}

/* Карточка игры в списке на главной. */
.game{display:flex; gap:20px; align-items:flex-start; text-decoration:none; color:inherit}
.game img{width:64px; height:64px; border-radius:16px; flex:none; display:block}
.game h2{margin:0 0 6px}
.game p{color:var(--muted); font-size:15px}

.cta{
  display:inline-block; margin-top:8px; padding:13px 26px; border-radius:12px;
  background:var(--accent); color:#16150F; font-weight:600; text-decoration:none;
}

/* Полоска огранок — двенадцать ступеней самоцветов из игры. */
.gems{display:flex; gap:8px; margin:0 0 28px}
.gems span{width:18px; height:18px; border-radius:50%; display:block}

dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:10px 20px}
dt{color:var(--muted)}
dd{margin:0}

footer{margin-top:36px; color:var(--muted); font-size:14px; text-align:center}

@media (max-width:520px){
  .wrap{padding:32px 18px 56px}
  .site-head{gap:16px}
  .site-head .mark{width:60px; height:60px; font-size:22px}
  section{padding:20px}
  .game{gap:16px}
  .game img{width:56px; height:56px}
  dl{grid-template-columns:1fr; gap:2px 0}
  dd{margin-bottom:12px}
  dd:last-child{margin-bottom:0}
}