.cards-head{border-bottom:0;align-items:center;padding-bottom:8px}.cards-head p{max-width:760px;color:var(--muted);line-height:1.5}.rarity-counts{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:520px;display:flex}.count-chip{border:1px solid var(--rarity,var(--line));color:var(--rarity,var(--muted));border-radius:12px;padding:3px 9px;font-size:12px}.count-chip.batches{color:var(--gold-soft)}.card-filters{z-index:3;border-bottom:1px solid var(--line);background:#0b0806f5;flex-wrap:wrap;align-items:center;gap:6px;margin:0 -40px 14px;padding:8px 40px;display:flex;position:sticky;top:0}.card-filters input,.card-filters select,.card-filters button,.import-dialog textarea,.import-dialog button{border:1px solid var(--line);background:var(--panel);color:var(--text);font:13px var(--serif);border-radius:4px;padding:4px 8px}.card-filters input[type=search]{width:230px}.card-filters .levels{color:var(--muted);font-size:13px}.card-filters .levels input{width:56px}.card-filters button{cursor:pointer;color:var(--gold-soft)}.card-filters .spacer{flex:1}.card-filters .shown{color:var(--muted);font-size:12px}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}@media (width<=1300px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-filters{margin:0 -16px 14px;padding:8px 16px}}.card-tile{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;outline:none;gap:8px;min-height:118px;padding:6px;display:flex;position:relative}.card-tile:hover,.card-tile:focus{border-color:var(--gold-dim)}.card-tile.picked{border:2px solid var(--rarity);background:color-mix(in srgb, var(--rarity) 16%, var(--panel));padding:5px}.card-tile img,.card-tile .no-art{object-fit:cover;background:#000;border-radius:3px;flex:none;width:74px;height:106px}.card-tile .no-art{color:var(--muted);justify-content:center;align-items:center;font-size:11px;display:flex}.card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.card-name{color:#f0e6d0;padding-right:52px;font-size:13px;font-weight:700}.card-mob{color:var(--gold-soft);font-size:12px}.card-mob .more{color:var(--muted);cursor:help}.card-tags{flex-wrap:wrap;gap:3px;display:flex}.card-tags span{border:1px solid var(--line);color:var(--muted);border-radius:3px;padding:0 5px;font-size:10.5px}.card-tags .boss{color:#ffb4a6;border-color:#b0492f}.card-effect{color:var(--text);white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:2px;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.card-badge{color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 6px;font-size:10.5px;position:absolute;top:6px;right:6px}.card-tile.picked .card-badge{color:#111;background:var(--rarity);border-color:var(--rarity);font-weight:700}.picker{z-index:5;border:1px solid var(--gold-dim);background:var(--panel-2);border-radius:6px;gap:4px;padding:6px;display:flex;position:absolute;box-shadow:0 6px 24px #0009}.picker[hidden]{display:none}.picker button{border:1px solid var(--rarity,var(--line));background:color-mix(in srgb, var(--rarity,#000) 18%, var(--panel));color:var(--rarity,var(--muted));font:12px var(--serif);cursor:pointer;border-radius:4px;padding:4px 8px}.picker button b{opacity:.7;margin-right:2px}.import-dialog{border:1px solid var(--gold-dim);background:var(--panel);width:min(560px,92vw);color:var(--text);border-radius:6px}.import-dialog textarea{width:100%;font-family:monospace}.import-dialog .actions{gap:8px;margin-top:8px;display:flex}.import-dialog button{cursor:pointer}
