/* Hero ownership remains readable in hand, rewards, shops and upgrades. */
.hand-card.luneth-card,.fan-hand .hand-card.luneth-card{border:2px solid #17191e;background:#24262c;box-shadow:0 6px 16px #000a,inset 0 0 0 2px #676a72}
.hand-card.neutral-card,.fan-hand .hand-card.neutral-card{border:2px solid #f4f5f6;background:#dfe1e5;box-shadow:0 6px 16px #0008,inset 0 0 0 2px #a8acb4}
.hand-card.luneth-card:after{background:linear-gradient(180deg,transparent 28%,#25272ced 50%,#202227 85%)}
.hand-card.neutral-card:after{background:linear-gradient(180deg,transparent 28%,#eff0f2f2 50%,#e2e4e8 85%)}
.hand-card.luneth-card .card-type{color:#f2f2f5;background:#303239;text-shadow:none;border-color:#73767e}
.hand-card.neutral-card .card-type{color:#343840;background:#f0f1f4;text-shadow:none;border-color:#adb2bb}
.hand-card.luneth-card .card-cost{background:radial-gradient(circle at 30% 20%,#777b84,#292c34 70%);border-color:#9397a1;color:#fff}
.hand-card.neutral-card .card-cost{background:radial-gradient(circle at 30% 20%,#fff,#ced2d8 70%);border-color:#fff;color:#30353d}
.hand-card.luneth-card .card-copy h3{color:#fff}
.hand-card.neutral-card .card-copy h3{color:#292d34}
.hand-card.luneth-card .card-copy p{color:#e0e1e6}
.hand-card.neutral-card .card-copy p{color:#41464f}
.fan-hand .hand-card.luneth-card .card-copy{background:linear-gradient(#3c3f46,#2a2d33)}
.fan-hand .hand-card.neutral-card .card-copy{background:linear-gradient(#fafafb,#e8eaee)}
.in-battle .hand-card.luneth-card .card-bottom,.hand-card.luneth-card .card-bottom{background:#202228;color:#e2e3e8;border-color:#6e717a}
.in-battle .hand-card.neutral-card .card-bottom,.hand-card.neutral-card .card-bottom{background:#d7dae0;color:#363c45;border-color:#a6adb7}
.fan-hand .hand-card.luneth-card .card-illustration:after{background:linear-gradient(transparent,#292c33)}
.fan-hand .hand-card.neutral-card .card-illustration:after{background:linear-gradient(transparent,#e8eaee)}
.hand-card.luneth-card:focus-visible,.hand-card.neutral-card:focus-visible{outline:3px solid #c6a8e4;outline-offset:3px}
.hand-card.luneth-card:hover:not(:disabled){border-color:#17191e;box-shadow:0 0 0 1px #9ca1ac,0 0 24px #c6cad433,0 12px 24px #000a}
.hand-card.neutral-card:hover:not(:disabled){border-color:#f4f5f6;box-shadow:0 0 0 1px #fff,0 0 24px #e5e9f055,0 12px 24px #0008}
.hand-card.luneth-card.upgraded,.hand-card.neutral-card.upgraded{border-style:double}
.hand-card.luneth-card.swap-selected,.hand-card.neutral-card.swap-selected{outline:3px solid #e4c78e;outline-offset:2px}
.pending-resource{color:#f2f3f7!important;border-color:#e0e3eb66!important}
.hand-card.domain-card{border-style:double}
.neutral-field-status{color:#cfe5c6!important;border-color:#bbcba966!important}
.neutral-domain-active .domain-glyph{color:#b7d2ad20;text-shadow:0 0 60px #a3c9a133}
.neutral-catalog-intro p{font-size:13px;line-height:1.9;color:#d0c9d9}
.neutral-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.catalog-card{border:2px solid #f4f5f6;border-radius:9px;overflow:hidden;background:#e9ebef}
.catalog-art{height:110px;background-size:cover;background-position:center 30%;position:relative;isolation:isolate}
.catalog-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#e9ebef);z-index:-1}
.catalog-art>span{position:absolute;left:14px;top:12px;width:40px;height:45px;background:#f5f6f8ee;border:1px solid #fff;border-radius:9px;text-align:center;padding:4px;font:23px Georgia;color:#31363e}
.catalog-art>span small{display:block;font:8px sans-serif;letter-spacing:2px}
.catalog-art>b{position:absolute;bottom:8px;left:16px;font-size:10px;letter-spacing:1px;color:#343942}
.catalog-copy{padding:2px 16px 16px}.catalog-copy h3{font-size:19px;margin:7px 0 12px;color:#292d34}
.catalog-copy p{font-size:13px;line-height:1.85;margin:0 0 12px;color:#3b414b}
.catalog-copy>small{display:block;font-size:11px;line-height:1.8;color:#535c69;min-height:40px}
.catalog-copy details{margin-top:12px;border-top:1px solid #89919d66;padding-top:9px}.catalog-copy summary{font-size:11px;color:#3b424e;cursor:pointer}.catalog-copy details p{margin:9px 0 0;font-size:12px}
@media(max-width:700px){.neutral-catalog-grid{grid-template-columns:1fr}.catalog-art{height:95px}.catalog-copy>small{min-height:0}.neutral-field-status{font-size:8px!important}.hand-card .card-type{letter-spacing:0}}

/* Landscape artwork has a dedicated window so wide actions remain readable. */
.hand-card .card-illustration{bottom:auto;height:48%;background-position:center}
.fan-hand .hand-card .card-illustration{background-position:center}
.catalog-art{height:auto;aspect-ratio:3/2;background-position:center}
.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}
.catalog-tabs .button{font-size:11px;padding:10px 13px}
.catalog-original{display:inline-block;margin-top:14px;font-size:11px;color:#535c69;text-decoration:underline;text-underline-offset:3px}
.catalog-luneth{border-color:#17191e;background:#292c33}
.catalog-luneth .catalog-art:after{background:linear-gradient(transparent,#292c33)}
.catalog-luneth .catalog-art>span{background:#30343dee;border-color:#737985;color:#fff}
.catalog-luneth .catalog-copy h3,.catalog-luneth .catalog-art>b{color:#fff}
.catalog-luneth .catalog-copy p,.catalog-luneth .catalog-copy>small,.catalog-luneth .catalog-copy summary,.catalog-luneth .catalog-original{color:#d7d9e0}
.catalog-system{border-color:#827583;background:#d8d3dc}