/* Generated illustrations are decorative; all gameplay information remains text. */
.intro{position:relative;isolation:isolate;overflow:hidden;border:1px solid #49645b;min-height:260px;padding:32px;border-radius:10px;background:#16292c}
.intro::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/client/assets/art/sect-background.png') center 46% / cover no-repeat;opacity:.86}
.intro::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d2024ed 0%,#11282bb3 50%,#11282b38 100%)}
.intro h1{text-shadow:0 2px 15px #0008}.intro .muted{color:#b4c9c1}.intro .currency{background:#102326c9;border:1px solid #72917b44;padding:17px 22px;border-radius:8px;backdrop-filter:blur(5px)}
.hero-card .hero-art{position:relative;height:300px;margin:-24px -24px 18px;overflow:hidden;background:radial-gradient(ellipse at center,var(--accent),#173033 80%)}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 8%;transition:transform .4s ease}
.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#172b2b 0%,transparent 30%,#071b1c11 80%);pointer-events:none}
.hero-card:hover .hero-art img{transform:scale(1.035)}
.art-symbol{position:absolute;right:16px;top:14px;z-index:1;font:28px serif;color:#f3e6b8;text-shadow:0 2px 6px #000c;border:1px solid #e5d5a95c;border-radius:5px;background:#0b202691;padding:6px 10px}
.hero-card h2{margin:9px 0 12px}.hero-card .trait{min-height:80px}.hero-card::before{display:none}
@media(prefers-reduced-motion:reduce){.hero-art img{transition:none}.hero-card:hover .hero-art img{transform:none}}
@media(max-width:700px){.intro{padding:24px 18px;min-height:300px}.intro::before{background-position:65% center}.intro::after{background:linear-gradient(90deg,#0d2024e8,#11282b80)}.intro h1{font-size:28px;letter-spacing:1px}.intro .currency{width:fit-content;padding:10px 15px;gap:22px;margin-bottom:0}.hero-card .hero-art{height:280px;margin:-18px -18px 15px}.hero-card .trait{min-height:0}}