#battle-fx{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden;contain:strict}
.battle-card-ghost{position:absolute;width:56px;height:72px;padding:3px;background:#142936;border:1px solid var(--scene-color);box-shadow:0 5px 12px #0009,0 0 18px color-mix(in srgb,var(--scene-color),transparent 45%);border-radius:5px;pointer-events:none;will-change:transform,opacity}
.battle-card-ghost img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.battle-burst{position:absolute;width:110px;height:110px;background-image:url('https://pub-455b942732344b108b7f822583865d5e.r2.dev/season3-media/f7bece6516562aefd12aaae9.png');background-size:200% 200%;background-position:0 100%;mix-blend-mode:screen;filter:drop-shadow(0 0 8px var(--scene-color));will-change:transform,opacity}
.battle-burst.is-fusion{width:160px;height:160px;background-image:url('https://pub-455b942732344b108b7f822583865d5e.r2.dev/season3-media/010b952fd2402c3d572c18e7.png');background-position:100% 100%}
.battle-spark{position:absolute;width:4px;height:13px;background:var(--scene-color);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 7px var(--scene-color);will-change:transform,opacity}
.battle-fusion-label{position:absolute;padding:5px 12px;white-space:nowrap;color:#fff6db;font:600 13px/1.4 "Malgun Gothic",sans-serif;text-shadow:0 2px 5px #000,0 0 10px #000;background:#10202cdd;border-bottom:2px solid var(--scene-color);border-radius:3px}
#battle-announcement{position:fixed;left:50%;top:6%;z-index:17;width:min(520px,90%);padding:17px 28px;pointer-events:none;text-align:center;background:linear-gradient(90deg,#0a172600,#0a1726f5 15%,#0a1726f5 85%,#0a172600);border-block:1px solid #d4be8580;color:#f3e6bf;transform:translateX(-50%);text-shadow:0 2px 8px #000}
#battle-announcement[hidden]{display:none}#battle-announcement strong{display:block;font:600 clamp(20px,2.5vw,31px)/1.15 Georgia,"Malgun Gothic",serif;letter-spacing:.08em}#battle-announcement span{display:block;margin-top:6px;font-size:11px;letter-spacing:.06em;color:#c4d2d8}
#battle-announcement[data-kind=boss]{padding-left:95px;min-height:100px;box-shadow:0 12px 35px #091a2f88;border-color:#e3aa61b3;background:linear-gradient(90deg,#231b17dd,#191923ed,#0a1726dd)}
#battle-announcement[data-kind=boss]:before{content:'';position:absolute;left:8px;top:0;width:100px;height:100px;background-image:url('https://pub-455b942732344b108b7f822583865d5e.r2.dev/season3-media/0290e0699de13994984e2ab4.png');background-size:200% 200%;background-position:100% 100%;filter:drop-shadow(0 0 10px #e3a75488)}
#battle-announcement[data-kind=boss] strong{color:#ffce87}#battle-announcement[data-kind=clear]{border-color:#8ebcb280;color:#b4e7d4}
.battle-audio-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #52647155}.battle-audio-control label{display:flex;align-items:center;gap:8px;font-size:12px}.battle-audio-control input{width:100px}.battle-audio-control output{font-size:11px;min-width:28px}
@media(max-width:600px){.battle-card-ghost{width:42px;height:56px}.battle-burst{width:80px;height:80px}.battle-burst.is-fusion{width:115px;height:115px}.battle-fusion-label{font-size:11px;padding:4px 8px}#battle-announcement{top:4%;padding:12px 14px}#battle-announcement strong{font-size:20px}#battle-announcement span{font-size:9px}#battle-announcement[data-kind=boss]{padding-left:70px;min-height:78px}#battle-announcement[data-kind=boss]:before{width:78px;height:78px;left:0}.battle-audio-control input{width:85px}}
@media(prefers-reduced-motion:reduce){#battle-fx{display:none}}