/* Shared silver filigree and velvet plaques for spells, upgrades and scenes. */
.phase-one { --royal-ornate-frame: url('./assets/feijin/ui/royal-ornate-frame.svg?v=open-bottom-2'); }
.phase-one .ornate-card :is(.card-art,.gallery-art,.inspect-front,.remaining-card-art,.field-art) { position: relative; isolation: isolate; border: 0; border-radius: 0; background: transparent; }
.phase-one .ornate-card :is(.card-art,.gallery-art,.inspect-front,.remaining-card-art,.field-art)::after,
.phase-one .ornate-scene-focus::after, .phase-one .play-fx-card.ornate-card::after {
 content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: var(--royal-ornate-frame) center / 100% 100% no-repeat;
}
.phase-one .ornate-card :is(.card-art,.gallery-art,.inspect-front,.remaining-card-art,.field-art) > img,
.phase-one .ornate-scene-focus > img, .phase-one .play-fx-card.ornate-card > img {
 width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0;
 clip-path: polygon(8% 10%, 50% 4%, 92% 10%, 92% 91%, 88% 94%, 12% 94%, 8% 91%);
}
.phase-one .card-library .ornate-card .card-art { height: auto; aspect-ratio: 2 / 3; }
.phase-one .ornate-card .stats { display: none; }
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card { border: 0; background: transparent; box-shadow: none; overflow: visible; }
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card .card-art { position: absolute; inset: 0; height: 100%; width: 100%; }
/* Beat the legacy #playerHand backdrop without clipping the cost badge or silver frame. */
.phase-one .battle-layout :is(#playerHand,.hand-drag-layer) .ornate-card,
.phase-one .battle-layout :is(#playerHand,.hand-drag-layer) .ornate-card .card-art { background: transparent; box-shadow: none; }
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card .card-art::after { background: var(--royal-ornate-frame) center / 100% 100% no-repeat; }
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card .card-name {
 top: 8.6%; bottom: auto; left: 12%; right: 12%; padding: 0; background: none; text-shadow: 0 1px 3px #000; color: #fff0d2; font-size: 13px; line-height: 1.4; white-space: nowrap; z-index: 3;
}
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card .card-type { display: block; position: absolute; bottom: 10%; left: 12%; right: 12%; text-align: center; color: #ddd5c5; font-size: 10px; z-index: 3; }
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card .card-top { top: 0; left: 0; z-index: 4; }
.phase-one .leader-upgrade-card.ornate-card .card-art img,
.phase-one .card-inspector.leader-upgrade-card.ornate-card .inspect-art { object-fit: contain; background: radial-gradient(ellipse, #25352e, #13151d 75%); }
.phase-one #cardGallery .gallery-card.ornate-card { background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.phase-one #cardGallery .gallery-card.ornate-card::after { content: none; }
.phase-one #cardGallery .ornate-card .gallery-art { position: absolute; }
.phase-one #cardGallery .ornate-card .gallery-card-title { top: 8.5%; left: 12%; right: 12%; padding: 0; border: 0; min-height: 0; background: none; justify-content: center; z-index: 3; font-size: 17px; }
.phase-one #cardGallery .ornate-card .gallery-cost { position: absolute; left: -20px; top: -35px; padding: 2px 8px; border: 1px solid #a5bec5; border-radius: 50%; background: #1b3442; color: #f4f3e3; }
.phase-one #cardGallery .ornate-card .gallery-card-bottom { bottom: 10%; left: 13%; right: 13%; padding: 0; background: none; border: 0; z-index: 3; }
.phase-one .card-inspector.ornate-card .inspect-front { aspect-ratio: 2 / 3; width: 100%; height: auto; max-height: 100%; align-self: center; border: 0; box-shadow: none; }
.phase-one .card-inspector.ornate-card .inspect-art { display: block; position: absolute; inset: 0; }
.phase-one .card-inspector.ornate-card .inspect-front-name { top: 8.6%; bottom: auto; left: 12%; right: 12%; padding: 0; background: none; color: #fff0d2; font-size: clamp(15px, 2vw, 23px); line-height: 1.3; z-index: 3; }
.phase-one .ornate-card .remaining-card-art { aspect-ratio: 2 / 3; }
.phase-one .field-art { display: block; width: 30px; height: 45px; flex: 0 0 30px; }
.phase-one .field-art img { width: 100%; height: 100%; object-fit: cover; }
.phase-one .scene-focus-card.ornate-scene-focus { border: 0; border-radius: 0; background: none; box-shadow: none; }
.phase-one .ornate-scene-focus > strong { position: absolute; top: 9%; left: 12%; right: 12%; text-align: center; font-size: 12px; color: #fff0d2; z-index: 3; }
.phase-one .play-fx-card.ornate-card { border: 0; background: none; border-radius: 0; box-shadow: none; }
.phase-one .play-fx-card.ornate-card > span { z-index: 3; top: 9%; bottom: auto; padding: 0; font-size: 8px; background: none; }
/* Override existing faction art rules so landscape scenes fill portrait card windows. */
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .feijin-card.ornate-card:not(.leader-upgrade-card) .card-art img,
.phase-one #cardGallery .ornate-card .gallery-art-image { object-fit: cover; }
.phase-one #cardGallery .ornate-card .gallery-card-title { bottom: auto; }
.phase-one .card-inspector.ornate-card { background: transparent; }

/* Keep spell faces free of the redundant faction/type caption. */
.phase-one .card.feijin-card[data-card-kind="spell"] .card-type,
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card[data-card-kind="spell"] .card-type,
.phase-one #cardGallery .spell-card .gallery-card-bottom > span:first-child { display: none; }
.phase-one #cardGallery .spell-card .gallery-card-bottom { justify-content: flex-end; }

/* Upgrade relics keep their artwork readable even when their cost is unavailable. */
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .ornate-card.leader-upgrade-card .card-type { display: none; }
.phase-one .battle-layout :is(.hand-row,.hand-drag-layer) .card.leader-upgrade-card.unplayable { filter: none; }
.phase-one img[src*="/upgrade-relics/"] { filter: brightness(1.38) saturate(1.08); }
.phase-one .leader-upgrade-card.ornate-card .card-art img,
.phase-one .card-inspector.leader-upgrade-card.ornate-card .inspect-art { background: radial-gradient(ellipse, #465148, #20262f 78%); }