/* s-moments.css — задача 11: сундук, награда, обложка уровня, итоги недели.
   Кит ещё не содержит .title-row, .taps, .hero-row, .reward-card, .rank, .levelup h1, .levelup .shura —
   правила ниже перенесены дословно из библии (tools/page.html, раздел «css-page»). */

.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.title-row h1{margin:.3em 0}

/* сундук: три точки-стука рядом с иконкой, из библии */
.taps{display:flex;gap:10px;justify-content:center;margin-top:12px}
.taps i{width:16px;height:16px;border-radius:50%;border:var(--outline);background:var(--card)}
.taps i.on{background:var(--gold)}

.hero-row{display:flex;align-items:flex-end;gap:8px}
.hero-row>div:first-child{flex:1;min-width:0}

.reward{text-align:center}
.reward-card{padding-top:16px}
.reward-card .hero-row{justify-content:center;align-items:center}
.stars-count{display:inline-flex;align-items:center;gap:8px;font-size:60px;font-variant-numeric:tabular-nums}
.stars-count .ico{--ico:56px}
.reward .chip{margin:6px 0 16px}
.reward .sticker{margin-bottom:16px}
.reward .rank{display:flex;align-items:center;gap:10px;text-align:left;font-weight:800}
.reward .rank .ico{--ico:34px}
.reward .btn+.btn{margin-top:12px}

.levelup .shura{margin:14px 0 6px}
.levelup h1{margin:.2em 0 .4em;font-size:34px}

.results{text-align:center}