/* s-screens-a.css — задача 12: прогресс/семья/лавка/настройки. Набор (kit.css) их не покрывал — точечные добавления. */

/* прогресс: карточка уровня — кольцо прогресса до следующего уровня */
.level-card{text-align:center}
.level-ring{width:160px;height:160px;margin:0 auto;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--accent2) var(--pct,0deg),var(--bg2) 0);border:var(--outline)}
.level-ring-in{width:118px;height:118px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.level-ring-in b{font-size:30px;font-weight:900}
.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.ach{margin:0;text-align:center}
.ach-ico{min-height:40px;display:grid;place-items:center;font-size:36px}

/* семья: место в рейтинге — кружок с номером вместо медалей-эмодзи (решение по дизайн-библии) */
.place{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:2.5px solid currentColor;font-weight:900}
.place-1{color:#e0a800}
.place-2{color:#8f7bd9}
.place-3{color:#ff6fa9}

/* лавка · редактор родителей (задача H): эмодзи приза вместо иконки вида, приглушённые скрытые строки,
   круглый эмодзи-пикер, шаг цены ±50, виды при создании */
.prize-emoji{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;font-size:28px;line-height:1}
.admin-item{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.admin-item.hidden{opacity:.55}
.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.emoji-btn{aspect-ratio:1;border-radius:50%;border:var(--outline);background:var(--card);color:var(--ink);font-size:24px;line-height:1;
  display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm)}
.emoji-btn.sel{background:var(--gold);box-shadow:none;translate:2px 2px}
.stepper{display:flex;align-items:center;gap:8px;margin-top:6px}
.stepper .field{flex:1;text-align:center;margin-top:0}
.kind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}