.calc-mode-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.mode-btn{
padding:6px 14px;border:2px solid var(--border);background:#20242a;
cursor:pointer;border-radius:var(--radius-sm);font-size:12px;font-weight:600;
transition:all 0.15s;font-family:inherit;
}
.mode-btn.active{border-color:var(--accent);background:#232b35;color:var(--accent)}
.priority-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.priority-select{height:28px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 6px;background:#20242a}
.result-card{background:#20242a;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;overflow:hidden}
.result-header{padding:6px 12px;font-weight:700;color:#fff;font-size:13px}
.result-header.deck1{background:linear-gradient(135deg,#3f8253,#4f9a63)}
.result-header.deck2{background:linear-gradient(135deg,#4278ba,#4f8ad0)}
.result-header.deck3{background:linear-gradient(135deg,#b5762c,#c9963f)}
.result-body{padding:6px 12px;font-size:12px;line-height:1.4}
.result-body .dragon-result{padding:4px 0;border-bottom:1px solid #2a2f38}
.result-body .dragon-result:last-child{border-bottom:none}
.total-box{background:linear-gradient(135deg,#4f8ad0,#4278ba);color:#fff;padding:10px 15px;border-radius:var(--radius);text-align:center;margin-top:6px;font-size:15px;font-weight:700}
@media(max-width:600px){
.dragon-input-grid{grid-template-columns:1fr}
.spirit-grid{grid-template-columns:1fr}
}