/* THE MASK CUP — ATUALIZAÇÕES (usa page.css como base) */

.up-filter { display: inline-flex; margin-bottom: 18px; }
.up-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.up-card {
  display: flex; flex-direction: column; gap: 8px; padding: 18px; clip-path: var(--cut);
  background: radial-gradient(120% 90% at 0% 0%, rgba(95,191,160,.07), transparent 60%), linear-gradient(160deg, #131519, #0B0C0F); background: radial-gradient(120% 90% at 0% 0%, rgba(95,191,160,.07), transparent 60%), linear-gradient(160deg, light-dark(#ffffff, #131519), light-dark(#f5f6f8, #0B0C0F));
  box-shadow: inset 0 0 0 1px var(--border); transition: box-shadow .15s, transform .15s;
}
.up-card:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--border-hi); }
.up-card.is-planned, .up-card.is-building { background: radial-gradient(120% 90% at 0% 0%, rgba(217,169,76,.07), transparent 60%), linear-gradient(160deg, #131519, #0B0C0F); background: radial-gradient(120% 90% at 0% 0%, rgba(217,169,76,.07), transparent 60%), linear-gradient(160deg, light-dark(#ffffff, #131519), light-dark(#f5f6f8, #0B0C0F)); }
.up-card.is-planned { box-shadow: inset 0 0 0 1px var(--border); border: 0; }
.up-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.up-card .pg-h3 { margin: 0; }
.up-card .pg-muted { margin: 0; font-size: 13.5px; }

@media (max-width: 640px) {
  .up-filter { display: flex; }
  .up-grid { grid-template-columns: 1fr; }
}