.battle-card{position:relative;background:rgba(26,35,50,0.8);border:1px solid var(--border-color);border-radius:14px;padding:16px;box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:transform .2s ease, box-shadow .2s ease}
.battle-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,0.3)}
.vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-secondary);border-radius:50%;padding:6px 10px;font-weight:700}
.coins{display:flex;gap:12px}
.coin{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.coin img{width:96px;height:96px;border-radius:12px;object-fit:cover;border:1px solid var(--border-color)}
.coin .name{font-weight:700}
.coin .symbol{color:var(--text-secondary)}
.actions{display:flex;gap:12px;margin-top:12px}
.btn{flex:1;background:var(--primary-green);border:none;color:#03110a;padding:10px 12px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .1s ease, background .2s}
.btn:hover{background:var(--primary-green-dark)}
.btn:active{transform:scale(0.98)}
.btn.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--color-live);font-weight:700}
.pulse{width:8px;height:8px;background:var(--color-live);border-radius:50%;animation:pulse 1s infinite}
@keyframes pulse{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}

.toast{position:fixed;bottom:20px;right:20px;background:#111a2455;color:#fff;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;backdrop-filter:blur(8px);z-index:110}
.toast.error{border-color:var(--color-error)}
.toast.success{border-color:var(--color-success)}
.toast.warning{border-color:var(--color-warning)}

.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f141988;backdrop-filter:blur(6px);z-index:120}
.modal>.content{background:var(--background-card);border:1px solid var(--border-active);border-radius:14px;padding:20px;max-width:520px;width:92%}