/* Complete LectoMundo card frame shared by story, battles, shop and inventory. */
.hcard.lecto-card{--card-accent:#7c9aae;--card-accent-light:#d4edf6;--card-deep:#173348;isolation:isolate;box-sizing:border-box;overflow:hidden;border:3px solid var(--card-accent);border-radius:16px;padding:7px 7px 10px;gap:5px;background:radial-gradient(circle at 50% 18%,var(--card-accent-light),#edf8fb 51%,#b9d6df 100%);box-shadow:inset 0 0 0 2px #ffffffa8,inset 0 -15px 25px #24475b1f,0 7px 12px #020a1788;color:#082439}
.hcard.lecto-card::before{content:"";position:absolute;z-index:-1;inset:3px;border:1px solid #ffffffa8;border-radius:11px;pointer-events:none}.hcard.lecto-card::after{content:"";position:absolute;z-index:3;inset:0;border-radius:13px;background:linear-gradient(115deg,transparent 0 32%,#fff7 42%,transparent 52%);translate:-130% 0;transition:translate .45s;pointer-events:none}.hcard.lecto-card:active::after{translate:130% 0}
.lecto-card.elem-f{--card-accent:#ff7b27;--card-accent-light:#ffd08d;--card-deep:#7c260d}.lecto-card.elem-a{--card-accent:#37b9ee;--card-accent-light:#b9f2ff;--card-deep:#075886}.lecto-card.elem-p{--card-accent:#56bd68;--card-accent-light:#cbf0ad;--card-deep:#246532}.lecto-card.elem-r{--card-accent:#e3bd29;--card-accent-light:#fff1a2;--card-deep:#80660a}.lecto-card.elem-t{--card-accent:#a97952;--card-accent-light:#e9d1a8;--card-deep:#62432e}.lecto-card.elem-h{--card-accent:#83dcef;--card-accent-light:#e6fbff;--card-deep:#397c9a}.lecto-card.elem-n{--card-accent:#5ddce9;--card-accent-light:#cff8ff;--card-deep:#135d73}
.lecto-card .card-meta{display:flex;align-items:center;width:100%;height:23px;gap:5px;position:relative;z-index:2}.lecto-card .card-element-mark{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;margin-top:4px;border:2px solid #fff5c4;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,var(--card-accent) 45%,var(--card-deep));box-shadow:0 2px 5px #0007,0 0 8px var(--card-accent)}.lecto-card .card-element-mark img{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 1px #0006)}.lecto-card .card-element-mark i{width:9px;height:9px;rotate:45deg;border:2px solid #eaffff;background:#4bdded}.lecto-card .card-rarity-name{margin-left:auto;padding:3px 7px;border:1px solid #ffffffb8;border-radius:999px;background:var(--card-deep);color:#fff8d0;font-size:8px;font-weight:950;letter-spacing:.8px;text-shadow:0 1px 2px #000}
.hcard.lecto-card .cart.card-illustration{width:100%;height:auto!important;min-height:0!important;aspect-ratio:1;border:3px solid #fff4bd;border-radius:10px;background:#071a37;box-shadow:inset 0 0 0 2px var(--card-deep),0 3px 7px #0006}.hcard.lecto-card .cart.card-illustration>svg{position:absolute;inset:0;width:100%;height:100%}.hcard.lecto-card .cart.card-illustration::after{background:linear-gradient(145deg,#fff4 0 10%,transparent 25% 72%,var(--card-accent) 120%)}
.hcard.lecto-card .cn{width:100%;color:var(--card-deep);font-size:.72rem;line-height:1.08;text-shadow:0 1px #fff;text-wrap:balance}.hcard.lecto-card .cd{width:100%;color:#25485c;font-size:.56rem;line-height:1.15}.hcard.lecto-card.rar-r{box-shadow:inset 0 0 0 2px #fff,0 0 15px #31b7f3aa,0 7px 12px #020a1788}.hcard.lecto-card.rar-e{--card-accent:#b25de0;--card-accent-light:#f0d2ff;--card-deep:#632987;box-shadow:inset 0 0 0 2px #fff,0 0 18px #c359f0bb,0 7px 12px #020a1788}.hcard.lecto-card.rar-l{--card-accent:#f1be35;--card-accent-light:#fff3a9;--card-deep:#80530b;box-shadow:inset 0 0 0 2px #fff8c8,0 0 22px #ffd852dd,0 7px 12px #020a1788}
.battle-hand .hcard.lecto-card{height:auto;min-height:232px}.story-battle-cards .hcard.lecto-card{height:auto;min-height:218px}.story-battle-cards .hcard.lecto-card .cd{display:none}.card-unlock-hero .hcard.lecto-card .cart,.catalog-zoom-card .hcard.lecto-card .cart{height:auto!important}
@media(max-width:700px){.battle-hand .hcard.lecto-card{height:auto;min-height:236px}.story-battle-cards .hcard.lecto-card[data-baby-card]{width:min(34%,128px);min-height:172px;padding:5px 5px 7px;gap:3px}.story-battle-cards .hcard.lecto-card .card-meta{height:17px}.story-battle-cards .hcard.lecto-card .card-element-mark{width:22px;height:22px;flex-basis:22px}.story-battle-cards .hcard.lecto-card .card-element-mark img{width:16px;height:16px}.story-battle-cards .hcard.lecto-card .card-rarity-name{padding:2px 5px;font-size:6px}.story-battle-cards .hcard.lecto-card .cn{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.hcard.lecto-card::after{display:none}}