#combat{display:grid;gap:18px}#combat[hidden]{display:none}.combat-intro,.combat-result,.combat-method{padding:24px}.combat-intro h2,.combat-result h2{margin:8px 0 14px}.combat-model-note{padding:14px 18px;background:#d3ed9720;border-left:3px solid #cdef90;line-height:1.7}.combat-fleet-state{padding:14px 0;color:#c9e3ee;border-bottom:1px solid #334a54}.combat-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.combat-fields label{display:grid;align-content:start;gap:8px;font-size:12px;color:#abc9da}.combat-fields input,.combat-fields select{width:100%;min-width:0;padding:11px;background:#101b21;border:1px solid #3e5863;color:#e0f0f8;border-radius:4px}.combat-fields .fleet-check{display:flex;align-items:center;padding-top:25px}.combat-fields .fleet-check input{width:auto}.combat-reference{margin:20px 0;padding:16px;background:#0e171b;border:1px solid #314954;border-radius:5px}.combat-reference h3{margin:0}.combat-intro details{margin:18px 0}.combat-intro summary,.combat-method summary{cursor:pointer;color:#cdef90}.combat-chart{max-width:100%;margin:24px 0}.combat-chart svg{width:100%;height:auto;min-height:180px;background:#0c151b;border:1px solid #2d444f;border-radius:6px}.combat-chart text{fill:#98bbca;font-size:13px}.combat-result h3{margin-top:24px}.combat-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.combat-method li{margin:10px 0;line-height:1.7}.combat-result .crew-summary{justify-content:space-between}.combat-result th,.combat-result td{white-space:normal;min-width:95px}.combat-result td:first-child{min-width:180px}@media(max-width:850px){.combat-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-method-grid{grid-template-columns:1fr}}@media(max-width:500px){.combat-fields{grid-template-columns:1fr}.combat-intro,.combat-result,.combat-method{padding:16px}}