.tactics-screen{max-width:1120px;margin:20px auto;padding:24px;border:1px solid #67439c;background:linear-gradient(135deg,#18102a,#090d1e)}.tactics-kicker{color:#ff66d8;letter-spacing:.16em;font-size:.75rem}.tactics-heading h1{margin:8px 0;color:#00f0ff}.tactics-heading>p:last-child{color:#bcb4d4}.tactics-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:25px 0}.tactics-versus article{display:flex;align-items:center;gap:15px;min-width:0;padding:14px;background:#111022;border:1px solid #363354}.tactics-versus canvas{width:80px;height:100px;flex-shrink:0}.tactics-versus h2{font-size:1rem;overflow-wrap:anywhere}.tactics-versus small{color:#9983b5;font-size:.65rem}.tactics-versus p{font-size:.75rem;color:#bfb5d0}.tactics-versus .kit{font-size:.65rem}.tactics-versus .kit .chip{padding:3px}.tactics-versus .kit .chip small{display:none}.tactics-vs{color:#ff2bd6;font-size:1.4rem}.tactics-note{padding:12px;background:#22132f;color:#c9c0d9;font-size:.85rem;line-height:1.5}.tactics-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.tactics-option{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px!important;text-align:left;min-height:215px;border:1px solid #3c354e!important;background:#111124!important;border-radius:4px;color:#d4ccdf!important}.tactics-option>b{font-size:1.15rem;color:var(--tactic-color)}.tactics-option>span:last-of-type{font-size:.8rem;line-height:1.55;font-weight:400}.tactics-option.selected{border-color:var(--tactic-color)!important;box-shadow:0 0 18px color-mix(in srgb,var(--tactic-color) 20%,transparent);background:#1d172e!important}.tactics-option>small{color:var(--tactic-color);font-size:.6rem;letter-spacing:.12em}.tactics-icon{color:var(--tactic-color)}.tactics-icon svg{width:32px;height:32px}.tactics-footer{display:flex;justify-content:space-between;gap:16px;align-items:center}.tactics-footer>p{font-size:.75rem;color:#a99cbd}.tactics-footer>div{display:flex;gap:12px}.tactics-combat-summary{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:12px;margin-bottom:12px;border:1px solid #393254;background:#100b20}.tactics-combat-summary span{font-size:.8rem;color:var(--tactic-color)}.tactics-combat-summary svg{vertical-align:middle;width:20px;height:20px}@media(max-width:700px){.tactics-screen{padding:13px;margin:10px auto}.tactics-versus{grid-template-columns:1fr;gap:8px}.tactics-vs{text-align:center}.tactics-versus article{padding:10px}.tactics-options{grid-template-columns:1fr;gap:10px}.tactics-option{min-height:0;padding:15px!important;display:grid;grid-template-columns:35px 1fr;gap:6px 12px}.tactics-option>span:last-of-type,.tactics-option>small{grid-column:2}.tactics-footer{flex-direction:column;align-items:stretch}.tactics-footer>div{justify-content:space-between}.tactics-footer .grande{flex:1}}