.tile-art{height:270px;isolation:isolate;background:#192534}.tile-art:before{display:none}.tile-art .card-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .6s}.card-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#060c1fc9,transparent 63%),linear-gradient(90deg,#0c102950,transparent)}.tile-art .card-category{top:19px;left:20px;font-size:8px;letter-spacing:1.6px;color:#ffedc8;z-index:3;font-weight:800}.card-campaign{position:absolute;top:47px;left:20px;font-size:26px;line-height:1.04;letter-spacing:-1px;font-weight:800;text-shadow:0 2px 15px #0006;z-index:2}.tile-art .card-character{position:absolute;bottom:-8px;right:-8px;height:75%;width:75%;object-fit:contain;object-position:bottom right;z-index:1;filter:drop-shadow(0 8px 14px #0004);transition:transform .5s}.tile-art .card-number{top:auto;left:20px;bottom:16px;font-size:10px;font-weight:800;letter-spacing:2px;color:#fff9}.tile-art .card-go{top:auto;left:auto;right:18px;bottom:16px;background:#fff;color:#15151b;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:17px;z-index:4}.discovery-link{display:block;height:100%}.discovery-link:hover .card-scene{transform:scale(1.05)}.discovery-link:hover .card-character{transform:translateY(-5px) rotate(1deg)}.game-card{transition:border-color .2s,transform .2s}.game-card:hover{border-color:#a68b53;transform:translateY(-3px)}.tile-copy{min-height:207px;padding:23px}.tile-copy h3{font-size:21px}.tile-copy p{min-height:62px}.tile-copy small{font-size:11px;letter-spacing:0;color:var(--gold);display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-weight:800}.availability{color:#9296a1;font-size:9px;display:block;margin-top:10px}.discovery-1 .card-wash{background:linear-gradient(180deg,#07172cac,transparent 55%)}.discovery-2 .card-character{height:77%;right:4px}.discovery-4 .card-character{height:83%;right:0}.discovery-5 .card-wash{background:linear-gradient(180deg,#311d5eca,#36207d44)}.discovery-0 .card-scene,.discovery-3 .card-scene{filter:saturate(.8)}@media(max-width:600px){.tile-art{height:270px}.game-card{flex-basis:86%}.card-campaign{font-size:28px}.tile-copy{min-height:200px}.tile-copy p{min-height:57px}}@media(prefers-reduced-motion:reduce){.game-card:hover,.discovery-link:hover .card-scene,.discovery-link:hover .card-character{transform:none}}
.tile-art .card-scene{filter:saturate(.9) brightness(.83);transform:scale(1.015)}
.card-wash{background:linear-gradient(180deg,#080b16d9 0%,#080b1640 48%,#080b1688 100%),linear-gradient(90deg,#090c19b8 0%,transparent 78%)}
.card-campaign{max-width:70%;font-size:clamp(19px,1.7vw,25px);line-height:1.06;text-wrap:balance;z-index:3}
.tile-art .card-category{max-width:74%;padding:7px 9px;background:#080a12a6;border:1px solid #ffffff24;border-radius:2px;backdrop-filter:blur(8px);font-size:8px;letter-spacing:1.2px}
.tile-art .card-number{z-index:3}
.abi-card .tile-art{background:#171526}
.abi-card .card-character{width:64%;height:78%;right:-2px;bottom:-5px;filter:drop-shadow(0 8px 20px #0807138c)}
.discovery-1 .card-character{width:59%;height:70%;right:-4px}
.discovery-2 .card-character{width:67%;height:83%;right:0}
.arcade-card .tile-art{background:#101126}
.arcade-card .tile-art:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%);box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 12%,transparent)}
.arcade-card .card-scene{filter:saturate(.78) brightness(.68);transform:scale(1.015)}
.arcade-card .card-wash{background:linear-gradient(180deg,#070914d9 0%,#080b1650 43%,#080b16a3 100%),linear-gradient(90deg,#080a14a8,transparent 82%)}
.arcade-card .card-character{width:61%;height:83%;right:-5px;bottom:-4px;filter:drop-shadow(0 7px 22px color-mix(in srgb,var(--accent) 28%,#080713))}
.arcade-card.discovery-3 .card-character{width:58%;height:81%}
.arcade-card.discovery-4 .card-character{width:57%;height:85%}
.arcade-card.discovery-5 .card-character{width:62%;height:83%}
.game-card:hover .tile-art{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 65%,transparent)}
.game-card:hover .card-scene{filter:saturate(1) brightness(.88)}
@media(max-width:900px){.card-campaign{font-size:22px}}
@media(max-width:600px){.tile-art{height:270px}.card-campaign{font-size:25px}.abi-card .card-character{width:67%;height:78%}.arcade-card .card-character{width:63%;height:83%}}
@media(prefers-reduced-motion:reduce){.arcade-card .card-scene,.abi-card .card-scene{transform:none}}