@import url('https://fonts.googleapis.com/css2?family=Karla:wght@600&display=swap');
body{font-family:'Karla',sans-serif;background:#0b0f14;color:#e9f2ff;padding:24px}
#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0}
.card{background:#111827;border:1px solid #2b3b56;border-radius:10px;padding:10px;cursor:pointer}
.card .tr{opacity:0;height:0;overflow:hidden;transition:opacity .2s,height .2s}
.card.revealed .tr{opacity:1;height:auto;margin-top:6px}
button{padding:6px 10px;border-radius:6px}