.ec-row{align-items:stretch;gap:22px;display:flex}.ecard{background:var(--panel);border:1.5px solid var(--line-strong);width:300px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.ecard.nadir{box-shadow:var(--shadow), 0 0 0 4px #6cb6ff1f;border-color:#6cb6ffbf}.ecard.efsane{box-shadow:var(--shadow), 0 0 0 4px #f6c45329;border-color:#f6c453e6}.ec-art{height:210px;position:relative}.ec-art img{width:100%;height:100%;position:absolute;inset:0}.ec-rarity{font:900 11px var(--font);letter-spacing:.04em;text-transform:uppercase;color:#d6dbe6;background:#141721c7;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;position:absolute;top:10px;left:10px}.nadir .ec-rarity{color:#9fd0ff;border-color:#6cb6ff8c}.efsane .ec-rarity{color:var(--gold);border-color:#f6c45399}.ec-head{flex-direction:column;padding:12px 16px 0;display:flex}.ec-head b{font:900 19px var(--font);color:var(--text)}.ec-head small{font:800 12.5px var(--font);color:var(--muted)}.ec-story{background:var(--surface);border:1px solid var(--line);color:#d9deea;font:600 13px/1.5 var(--font);border-radius:12px;flex:1;margin:8px 16px 0;padding:10px 12px}.ec-effects{flex-direction:column;gap:6px;padding:10px 16px 0;display:flex}.ec-eff{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ec-eff.plus{background:#5fd38d1a;border-color:#5fd38d59}.ec-eff.minus{background:#ff6b6b17;border-color:#ff6b6b52}.ec-ic{border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.plus .ec-ic{background:var(--green);color:#062a14}.minus .ec-ic{background:var(--red);color:#3a0b0b}.ec-eff-text{flex-direction:column;flex:1;min-width:0;display:flex}.ec-eff-text b{font:900 13px var(--font)}.plus .ec-eff-text b{color:var(--green)}.minus .ec-eff-text b{color:#ff8a8a}.ec-eff-text span{font:700 12.5px var(--font);color:var(--text)}.ec-time{font:800 11px var(--font);color:var(--muted);background:var(--surface-2);border-radius:999px;flex:none;padding:3px 8px}.ecard .ec-choose{width:calc(100% - 32px);margin:12px 16px 16px}.dialog.cards-dialog{width:min(1010px,100%)}.cards-dialog .dialog-body{padding:14px 18px 18px}.cards-dialog .ec-row{flex-wrap:wrap;justify-content:center;gap:16px}.cards-dialog .ecard{width:300px;box-shadow:none}.cards-dialog .ecard.dim{opacity:.45;filter:saturate(.6)}.cards-dialog .ecard.picked{box-shadow:0 0 0 3px var(--green)}.ec-art img{object-fit:cover}.cards-intro{color:var(--muted);font:700 13px/1.5 var(--font);margin:0 0 12px}.cards-intro b{color:var(--text)}.cards-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.cards-btn{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);width:50px;min-height:50px;box-shadow:var(--shadow);color:var(--muted);padding:0;position:relative}.cards-btn[hidden]{display:none}.cards-btn.has{color:var(--gold)}.cards-btn.has .reward-dot{display:block}@media (width<=720px){.cards-btn{width:44px;min-height:44px}.cards-dialog .ec-row{scroll-snap-type:x mandatory;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px;overflow-x:auto}.cards-dialog .ecard{scroll-snap-align:center;flex:none;width:min(300px,82vw)}.cards-dialog .ec-art{height:170px}}