/* css/components/tiles.css (phase 11) */
.tiles{ display:grid; grid-template-columns: repeat(auto-fill,minmax(110px,1fr)); gap:.5rem; }
.tile{ border:1px solid #2a3a4a; border-radius:8px; padding:.5rem .6rem; background:#0e1822; }
.tile.tier1{ background:#10202c; }
.tile.tier2{ background:#10271f; }
.tile.tier3{ background:#2a1e10; }
.tile.tier4{ background:#261239; }
.tile.proto{ background:#2b1f1f; border-color:#704343; }
.tile.empty{ background:#0a0f14; border-style:dashed; opacity:.6; }
.tile .t1{ font-weight:700; }
.tile .t2{ font-size:.8rem; opacity:.75; }