.sumgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}.sumgrid div{background:#0c1428;border:1px solid #1d2a4a;border-radius:10px;padding:8px 10px}.sumgrid b{display:block;font-size:1.4em;color:#6cf}.sumgrid span{color:#9ab;font-size:.85em}
.ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.ctl input,.ctl select{background:#0c1428;color:#dfe;border:1px solid #2a3d6a;border-radius:8px;padding:6px 10px;font-size:15px}
.tw{overflow-x:auto;border:1px solid #1d2a4a;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:.93em}th,td{padding:6px 10px;text-align:left;border-bottom:1px solid #16213d;white-space:nowrap}
th{background:#0c1428;cursor:pointer;position:sticky;top:0;user-select:none}th.s::after{content:' ▾'}th.s.up::after{content:' ▴'}tr:hover td{background:#0d1838}td.n{text-align:right;font-variant-numeric:tabular-nums}
.bar{display:inline-block;height:6px;border-radius:3px;background:#1e4fa0;vertical-align:middle;margin-left:6px}.r-Common{color:#bbb}.r-Uncommon{color:#7fd99a}.r-Rare{color:#6cf}.r-Epic{color:#c9f}.r-Legendary{color:#fc6}
.owned{border-bottom:1px dotted #7fd99a}.own{font-size:.75em;background:#14402a;color:#9fe;border-radius:6px;padding:0 5px;margin-left:3px;white-space:nowrap}

.ic{display:inline-block;width:48px;height:48px;object-fit:contain;vertical-align:middle;margin-right:10px;border-radius:7px;background:#1a2632;flex:none}.ic.ph{background:#1a2632 linear-gradient(135deg,#223344,#1a2632);border:1px solid #2c3e50;box-sizing:border-box}.nm{display:inline-flex;align-items:center}.own .ic{width:32px;height:32px;margin-right:4px;border-radius:5px}.acct .ic{width:56px;height:56px;margin-right:8px}.acct .nm{margin:4px 14px 4px 0;white-space:nowrap;line-height:1.2;vertical-align:middle}.acct .nm small{color:#9ab}@media(max-width:600px){.ic{width:40px;height:40px;margin-right:8px}.acct .ic{width:48px;height:48px}.own .ic{width:28px;height:28px}}
.own{display:inline-flex;align-items:center;padding:2px 6px 2px 2px;vertical-align:middle}