/* Battle Card section on the Field Manual thank-you page (battlecard.js) */
.bc{background:radial-gradient(70% 60% at 85% 50%,rgba(227,18,43,.14),transparent 70%),var(--ink)}
.bc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.bc-plan{list-style:none;display:grid;gap:14px;counter-reset:bc}
.bc-plan li{position:relative;padding:16px 18px 16px 22px;border-left:3px solid var(--red);background:rgba(255,255,255,.03);border-radius:0 4px 4px 0}
.bc-ph{font:400 22px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.bc-d{margin-left:12px;font:700 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.bc-plan p{margin-top:8px;color:var(--bone-2);font-size:16px;line-height:1.55}
.bc-card{position:relative}
.bc-frame{width:min(100%,420px);margin:0 auto;aspect-ratio:1080/1350;border-radius:6px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(227,18,43,.6),0 0 0 1px #232327;transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);transition:transform .5s}
.bc-card:hover .bc-frame{transform:perspective(1400px) rotateY(0) rotateX(0)}
.bc-frame canvas{width:100%;height:100%;display:block}
.bc-radar{display:none}
@media (max-width:860px){.bc-grid{grid-template-columns:1fr}.bc-frame{transform:none;width:min(100%,340px)}.bc-card{order:-1}}