.card-flight { position:fixed;left:0;top:0;z-index:100;pointer-events:none;transform-origin:center;perspective:600px;will-change:transform; }
.card-flight > .mana-card,.flight-front > .mana-card { width:100%;height:100%;transform:none;margin:0; }
.flight-inner { position:relative;width:100%;height:100%;transform-style:preserve-3d; }
.flight-front,.flight-back { position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden; }
.flight-front { transform:rotateY(180deg); }
.card-flight .card-back-face { width:100%;height:100%; }
.motion-spark { font-size:30px;color:#32746f; }
.motion-message h2 { max-width:720px; }
#app[aria-busy="true"] .can-target { cursor:wait; }
@media (prefers-reduced-motion:reduce) { .card-flight { display:none; } }

.card-flight .mana-symbol { font-size:calc(var(--flight-card-width) * .65); }
.card-flight.small-flight .mana-corner,.card-flight.small-flight .mana-word { display:none; }

/* A number and a named target always accompany the color/impact. */
.skill-effect-layer { --effect-ink:#a52e20;--effect-glow:#ff6d43;--effect-paper:#fff3df;position:fixed;inset:0;z-index:110;pointer-events:none;overflow:hidden; }
.skill-effect-layer.effect-heal,.skill-effect-layer.effect-attach { --effect-ink:#08664c;--effect-glow:#43dfa6;--effect-paper:#eaffd9; }
.skill-effect-layer.effect-disrupt { --effect-ink:#67349b;--effect-glow:#b083ef;--effect-paper:#f7ecff; }
.skill-beam { position:absolute;height:7px;transform-origin:left center;border-radius:50%;background:linear-gradient(90deg,transparent,var(--caster-color,var(--effect-glow)),#fff);box-shadow:0 0 14px var(--effect-glow); }
.skill-orb { position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:bold 44px/1 system-ui;color:white;background:radial-gradient(circle,#fff7,var(--caster-color,var(--effect-glow)));text-shadow:0 0 8px white;box-shadow:0 0 26px 10px var(--effect-glow); }
.impact-ring { position:absolute;width:100px;height:100px;border:7px solid var(--effect-glow);border-radius:50%;box-shadow:0 0 22px var(--effect-glow),inset 0 0 18px var(--effect-glow); }
.impact-badge { position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 14px;border:3px solid var(--effect-glow);border-radius:22px;background:var(--effect-paper);color:var(--effect-ink);box-shadow:0 7px 0 #143b3933,0 10px 38px #153b3955;text-align:center; }
.impact-label { font-weight:900;font-size:17px;line-height:1.35; }
.impact-amount { font:900 62px/1.08 system-ui;letter-spacing:-3px; }
.impact-count { font-weight:800;font-size:14px;white-space:nowrap; }
@media (prefers-reduced-motion:reduce) { .skill-beam,.skill-orb,.impact-ring { display:none; } }
.card-flight .card-back-face { display:grid;place-items:center;border:2px solid #f5dfb4;border-radius:7px;background:linear-gradient(145deg,#216a72,#16434b);color:#fce8b0;box-shadow:0 3px 9px #123b4266;outline:1px solid #dfc58a;outline-offset:-7px;font:29px/1 Georgia,serif; }
.card-flight .card-back-face small { font:800 7px/1 system-ui;white-space:nowrap; }