#cards{background:radial-gradient(ellipse at center,#111b23ba,#060d17e6);padding:32px 20px;overflow:auto;gap:20px}#cards h2{font-size:clamp(20px,3vw,30px);margin:0;text-align:center;color:#edcf91}#cardRow{display:flex;gap:22px;justify-content:center;align-items:stretch;width:100%;max-width:1000px}#cardRow .card{position:relative;isolation:isolate;width:min(29vw,270px);min-height:0;padding:0 0 20px;gap:0;overflow:hidden;border-radius:6px;border:2px solid #89734c;background:linear-gradient(120deg,#352e23,#171e23 55%,#332b21);color:#f6e6c5;box-shadow:0 12px 30px #0009,inset 0 0 0 3px #0b1013;transition:transform .18s,border-color .18s,box-shadow .18s}#cardRow .card::after{content:'';position:absolute;inset:6px;border:1px solid #b29c6655;pointer-events:none;z-index:2}#cardRow .card-art{display:block;width:100%;height:250px;object-fit:cover;object-position:center 40%;mask-image:linear-gradient(#000 75%,transparent);margin-bottom:-8px}#cardRow .rr{position:absolute;z-index:3;top:13px;left:50%;transform:translateX(-50%);border:1px solid #bfa56e;background:#172029e8;border-radius:2px;letter-spacing:.15em;color:#d7c7a1;padding:4px 13px;font-size:12px;white-space:nowrap}#cardRow .nm{position:relative;z-index:1;font-size:23px;color:#ffe0a1;line-height:1.35;margin:0 16px 10px;text-shadow:0 2px 4px #000}#cardRow .ds{font-size:15px;color:#d3cbb9;line-height:1.65;margin:0 20px;word-break:keep-all;opacity:1}#cardRow .rare{border-color:#8ba3aa;box-shadow:0 12px 30px #0009}#cardRow .epic{border-color:#c69a58;box-shadow:0 12px 30px #0009}#cardRow .epic .rr{color:#ffdc8a}#cardRow .card:hover,#cardRow .card:focus-visible{transform:translateY(-8px);border-color:#ffe4a1;outline:2px solid #ffe4a1;outline-offset:3px;box-shadow:0 14px 38px #000b,0 0 18px #d4b47244}@media(max-width:600px){#cards{justify-content:flex-start;padding:74px 12px 25px}#cardRow{flex-direction:column;gap:13px;max-width:420px}#cardRow .card{width:100%;min-height:150px;display:grid;grid-template-columns:115px 1fr;grid-template-rows:auto 1fr;padding:16px 12px 16px 0;text-align:left}#cardRow .card-art{position:absolute;left:0;top:0;width:120px;height:100%;margin:0;mask-image:linear-gradient(90deg,#000 60%,transparent)}#cardRow .rr{left:8px;top:8px;transform:none;font-size:10px;padding:3px 6px}#cardRow .nm{grid-column:2;margin:3px 4px 7px;font-size:20px}#cardRow .ds{grid-column:2;margin:0 4px;font-size:13px;line-height:1.5}#cardRow .card:hover{transform:none}}@media(max-height:600px) and (min-width:601px){#cards{padding:62px 18px 18px;justify-content:flex-start;gap:12px}#cardRow .card-art{height:130px}#cardRow .nm{font-size:19px}#cardRow .ds{font-size:12px;margin:0 12px}#cardRow .card{padding-bottom:13px}#cards h2{font-size:21px}}