.card-battle-scene{aspect-ratio:3/2;position:relative;isolation:isolate;background:#111724;border-radius:10px;overflow:hidden}
.card-battle-scene .scene-background{width:100%;height:100%;object-fit:cover;filter:brightness(.77)}
.card-battle-scene .scene-shade{background:linear-gradient(#10131c99,transparent 30%,transparent 55%,#10131ccc)}
.card-battle-scene .scene-chapter{top:8%;font-size:clamp(8px,1vw,12px);left:5%;right:5%;text-align:center}
.card-battle-scene .scene-story{bottom:3%;left:4%;right:4%;font-size:clamp(8px,.85vw,11px);text-align:center}
.battle-turn{position:absolute;top:18%;left:0;right:0;text-align:center;font:600 clamp(7px,.75vw,10px)/1.4 ui-monospace,monospace;letter-spacing:.08em;color:#ffcf83}
.card-battle-scene .battle-actor{position:absolute;top:27%;width:29%;height:34%;background-image:url('/art/card-battle-atlas.webp');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 8px 8px #0007)}
.card-battle-scene .battle-hero{left:12%;bottom:auto;background-position:0 0;opacity:1;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;animation:none}
.card-battle-scene .battle-enemy{left:60%;background-position:50% 0}
.battle-shield{position:absolute;left:14%;top:28%;width:28%;height:32%;background:url('/art/card-battle-atlas.webp') 100% 0/300% 200% no-repeat;opacity:0;filter:drop-shadow(0 0 15px #76e9df)}
.battle-impact{position:absolute;top:32%;transform:translateX(-50%);font:800 clamp(10px,1.6vw,22px)/1 ui-sans-serif,sans-serif;color:#fff2bc;text-shadow:0 2px 5px #000;z-index:5}
.battle-status{position:absolute;top:60%;width:25%;font:600 clamp(7px,.8vw,10px)/1.5 ui-monospace,monospace;text-align:center;color:#fff0d2;text-shadow:0 1px 4px #000}
.battle-status.hero-status{left:14%}.battle-status.enemy-status{right:13%}
.battle-health{height:4px;border-radius:4px;background:#281f2e;border:1px solid #ffffff45;overflow:hidden;margin:3px 0}.battle-health i{display:block;height:100%;background:#6fe0c5;width:100%}.enemy-status i{background:#eb8a9f}
.battle-hand{position:absolute;left:24%;right:24%;bottom:10%;display:flex;justify-content:center;gap:4%;height:23%;align-items:end}
.battle-card{--card-lift:0px;position:relative;width:31%;height:90%;background:linear-gradient(#263d53,#142130);border:1px solid #b29b6e;border-radius:6px;box-shadow:0 3px 9px #0007;transform:translateY(var(--card-lift)) rotate(-8deg);color:#f9edd4;text-align:center;transform-origin:bottom center}
.battle-card:nth-child(2){transform:translateY(var(--card-lift));}.battle-card:nth-child(3){transform:translateY(var(--card-lift)) rotate(8deg)}
.battle-card.is-selected{border-color:#8df8e3;box-shadow:0 0 13px #70ffcf88;background:#244955}
.card-art{position:absolute;inset:10% 2% 15%;background:url('/art/card-battle-atlas.webp') 0 100%/300% 200% no-repeat}.card-guard .card-art{background-position:50% 100%}.card-feather .card-art{background-position:100% 100%}
.card-cost{position:absolute;top:-5px;left:-4px;width:16px;height:16px;border-radius:50%;background:#ecba6a;color:#121724;font:700 10px/16px ui-sans-serif,sans-serif;z-index:1}.card-name{position:absolute;bottom:3%;left:0;right:0;font:700 clamp(6px,.65vw,8px)/1.4 ui-sans-serif,sans-serif}
@media(max-width:480px){.card-battle-scene .scene-chapter{font-size:8px}.card-battle-scene .scene-story{font-size:8px}.battle-card{border-radius:4px}.card-cost{width:13px;height:13px;font-size:8px;line-height:13px}}