/* Feijin artwork and field presentation; never changes battle rules. */
.game-shell.scene-layer-ready::before { display: none; }
.game-shell > #sceneBackdrop, #sceneBackdrop .scene-reveal {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-position: center; background-size: cover; background-repeat: no-repeat;
}
#sceneBackdrop::after { content: ""; position: absolute; inset: 0; background: #060a0c1f; pointer-events: none; }
.battle-layout :is(.battle-status-strip, .log-panel, .battle-details, .battle-emote-area, #turnNotice) { position: relative; z-index: 1; }
#sceneTransitionFx { position: fixed; inset: 0; z-index: 65; pointer-events: none; overflow: hidden; }
.scene-focus-card { position: absolute; width: min(168px, 30vw); height: auto; aspect-ratio: 2 / 3; object-fit: cover; border: 2px solid #e0bb65; border-radius: 5px; box-shadow: 0 0 35px #ebbd5866, 0 20px 50px #0009; transform: translate(-50%,-50%); }
.scene-wave-ring { position: absolute; box-sizing: border-box; border: 3px solid #f2d383; border-radius: 50%; box-shadow: 0 0 20px #e9b34b80, inset 0 0 12px #f9d98755; opacity: 0; }
.scene-gold-spark { position: absolute; width: 4px; height: 7px; background: #ffe6a0; box-shadow: 0 0 6px #f3d17c; opacity: 0; }
#battleFieldCards { display: grid; gap: 6px; flex: 0 0 auto; margin-bottom: 10px; }
#battleFieldCards[hidden] { display: none; }
.field-card-badge { display: flex; align-items: center; gap: 6px; min-width: 0; width: 100%; padding: 3px; background: #141b1dbb; border: 1px solid #bda26577; border-radius: 3px; color: #efdfb9; cursor: pointer; text-align: left; }
.field-card-badge img { flex: 0 0 26px; width: 26px; height: 36px; object-fit: cover; border-radius: 2px; }
.field-card-badge span { font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.field-card-badge:focus-visible { outline: 2px solid #ace3da; outline-offset: 2px; }
.card.feijin-card { border-color: #b6995c; background-color: #18251e; }
.card.feijin-card .card-art img { object-fit: cover; }
#cardGallery[data-series="feijin"] .gallery-card-title { top: auto; bottom: 58px; }
.card-library .feijin-card .card-art, .deck-builder-card .feijin-card .card-art { height: 148px; }
.card-library .feijin-card, .deck-builder-card .feijin-card { grid-template-rows: auto 148px auto auto auto 1fr auto; }
.card.feijin-card:not([data-card-kind="minion"]) .stats { visibility: hidden; }
.card.feijin-card[data-card-kind="scene"] .card-type { color: #a6ddd3; }
.card.feijin-card[data-card-kind="equip"] .card-type { color: #f3d394; }
.battle-layout .deck-pack.feijin-deck-pack,
.battle-layout .deck-pack.feijin-deck-pack::before,
.battle-layout .deck-pack.feijin-deck-pack::after { background: #10251b url("./assets/feijin/ui/card-back.png") center / 100% 100%; }
.feijin-deck-pack .deck-pack-back { visibility: hidden; }
.feijin-deck-pack > strong, .feijin-deck-pack > span:last-child { position: relative; top: 15px; padding: 2px 5px; background: #091810ee; border-radius: 2px; }

/* Plain full-art cards; ornate frame sources are retained, not composited. */
.battle-layout :is(.hand-row, .hand-drag-layer) .feijin-card { border: 0; opacity: 1; }
.battle-layout :is(.hand-row, .hand-drag-layer) .feijin-card .card-art { inset: 0; width: 100%; height: 100%; }
.battle-layout :is(.hand-row, .hand-drag-layer) .feijin-card .card-art img { object-fit: contain; object-position: center; }
.battle-layout .hand-drag-layer .feijin-card { width: 130px; height: 195px; }
.card-gallery[data-series="feijin"] { --gallery-accent: #d5b675; }
.gallery-series-tabs { flex-wrap: wrap; }

@media (max-width: 540px) {
  .card-library .feijin-card .card-art, .deck-builder-card .feijin-card .card-art { height: 118px; }
  .card-library .feijin-card, .deck-builder-card .feijin-card { grid-template-rows: auto 118px auto auto auto 1fr auto; }
  #battleFieldCards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .field-card-badge span { font-size: 10px; }
}