/* miniapp/base/year.css — «Город за год» (base/year.js): карточка игры, месяцы бегут, здания растут.
   Цвета — красками карточки игры (--g-sheet-*: светлая и тёмная тема), акцент — оранжевый «+ Доход». */
.g-yr{--yr-accent:#fb8a12;padding-right:2px}
.g-yr-kick{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-sheet-mut);padding-right:40px}
.g-yr-month{font:600 24px/1.15 'Unbounded',system-ui,sans-serif;letter-spacing:-.02em;margin-top:6px}
.g-yr-inc{font-size:13.5px;color:var(--g-sheet-mut);margin-top:4px;min-height:1.4em}
.g-yr-inc b{color:var(--g-sheet-ink);font-weight:600;font-variant-numeric:tabular-nums}
.g-yr-sum{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:14px;font-size:12px;color:var(--g-sheet-mut)}
.g-yr-sum b{font:600 17px 'Unbounded',system-ui,sans-serif;color:var(--g-sheet-ink);font-variant-numeric:tabular-nums}
.g-yr-bar{height:8px;border-radius:4px;background:rgba(var(--g-ink-rgb),.08);margin-top:6px;overflow:hidden}
.g-yr-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--yr-accent);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.g-yr-bs{display:grid;gap:6px;margin-top:14px}
.g-yr-b{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:9px 12px;border-radius:14px;
  background:rgba(var(--g-ink-rgb),.05);transition:background-color .4s ease}
.g-yr-b b{font-size:13.5px;font-weight:600}
.g-yr-b small{grid-column:1 / -1;font-size:11.5px;color:var(--g-sheet-mut)}
.g-yr-dots{display:flex;gap:5px;justify-self:end}
.g-yr-dots i{width:12px;height:12px;border-radius:4px;background:rgba(var(--g-ink-rgb),.14)}
.g-yr-dots i.on{background:var(--yr-accent)}
/* Здание выросло в этом месяце — строка вспыхивает, новая отметка «встаёт» */
.g-yr-b.grew{background:rgba(251,138,18,.16)}
.g-yr-b.grew small{color:var(--g-sheet-ink)}
.g-yr-dots i.new{animation:g-yr-pop .5s cubic-bezier(.2,.8,.2,1)}
@keyframes g-yr-pop{from{transform:scale(.3)}60%{transform:scale(1.25)}to{transform:none}}
.g-yr-strip{display:flex;gap:4px;margin-top:14px}
.g-yr-strip span{flex:1;text-align:center;font-size:11px;font-weight:600;padding:4px 0;border-radius:6px;
  color:var(--g-sheet-mut);background:rgba(var(--g-ink-rgb),.05);transition:background-color .3s ease,color .3s ease}
.g-yr-strip span.on{background:var(--g-sheet-ink);color:var(--g-sheet)}
.g-yr-note{font-size:11.5px;line-height:1.45;color:var(--g-sheet-mut);margin-top:12px}
.g-yr .g-card-go{margin-top:12px}
@media(prefers-reduced-motion:reduce){.g-yr-bar i,.g-yr-b,.g-yr-strip span{transition:none}.g-yr-dots i.new{animation:none}}