@charset "UTF-8";

.weapon-page { --accent: #dfba9a; --accent-rgb: 223,186,154; }
.weapon-page .button-primary { color: #251a13; background: linear-gradient(110deg,#eed6be,#cba17c); border-color: #dec0a2; }
.weapon-page .growth-hero::before,
.weapon-page .weapon-hero-art::before { content: none; }
.weapon-page .weapon-hero-art { background: transparent; border: 0; box-shadow: none; }
.weapon-page .weapon-hero-art img { background: transparent; filter: none; width: min(100%,480px); height: auto; object-fit: contain; }
.weapon-page .guide-article { min-width: 0; }
.weapon-page .growth-siblings { flex-wrap: wrap; column-gap: 26px; row-gap: 0; }
.weapon-page .growth-facts dd { font-size: 17px; }
.weapon-compare { border: 1px solid #c6aa8d45; background: #101b27; }
.weapon-compare[hidden],.weapon-table-key[hidden] { display: none; }
.weapon-controls { padding: 27px 28px 22px; border-bottom: 1px solid var(--line); }
.weapon-controls h3 { font-size: 21px; font-weight: 500; margin: 0 0 22px; }
.weapon-controls .growth-label { font-size: 9px; letter-spacing: 1.5px; margin-bottom: 7px; }
.weapon-selects { display: grid; grid-template-columns: minmax(0,1fr) 22px minmax(0,1fr); align-items: end; gap: 18px; }
.weapon-selects label { display: block; color: #a9bdcd; font-size: 12px; }
.weapon-selects select { display: block; width: 100%; min-height: 52px; padding: 10px 13px; margin-top: 8px; background: #0a1520; color: #e7e5e0; border: 1px solid #bda38665; border-radius: 0; font: inherit; font-size: 21px; font-variant-numeric: tabular-nums; }
.weapon-selects>span { align-self: center; color: #9eb9c9; padding-top: 24px; text-align: center; }
.weapon-selects select:focus-visible,.weapon-table-wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.weapon-controls>p { color: #8ea6bb; font-size: 12px; margin: 14px 0 0; }
.weapon-comparison-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 23px 28px 16px; }
.weapon-comparison-heading p { display: flex; align-items: center; gap: 15px; margin: 0; color: #a7c8d6; font-size: 26px; font-variant-numeric: tabular-nums; }
.weapon-comparison-heading p>span:nth-child(2) { color: #7893a6; font-size: 16px; }
.weapon-comparison-heading strong { color: var(--accent); font-size: 34px; font-weight: 500; }
.weapon-comparison-heading>span { color: #94aabb; font-size: 11px; text-align: right; }
.weapon-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 28px 24px; gap: 0 28px; }
.weapon-stats article { padding: 21px 0; border-top: 1px solid #b5c6d12b; min-width: 0; }
.weapon-stats article>p { color: #c8d6e1; font-size: 12px; margin: 0 0 9px; }
.weapon-stats article>strong { display: block; color: var(--accent); font-size: clamp(24px,2.4vw,32px); font-weight: 500; line-height: 1.6; font-variant-numeric: tabular-nums; }
.weapon-stats strong small { font-size: 12px; font-weight: 400; color: #a9bdc9; }
.weapon-stats article>span { display: block; margin-top: 5px; color: #8da6b7; font-size: 11px; line-height: 1.9; }
.weapon-principle { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 23px; padding: 25px 0 0; margin-top: 22px; border-top: 1px solid #b996704a; }
.weapon-principle>span { color: var(--accent); font-size: 13px; white-space: nowrap; }
.weapon-principle h3 { color: #c5e4e9; font-size: 16px; line-height: 1.7; font-weight: 500; margin: 0 0 9px; }
.weapon-principle p { color: #9eb4c5; font-size: 13px; margin: 0; }
.weapon-table { min-width: 570px; }
.weapon-table thead tr:first-child th:not(:first-child) { color: #d6b99d; text-align: center; background: #192330; }
.weapon-table thead tr:nth-child(2) th { font-size: 11px; }
.weapon-table th:not(:first-child),.weapon-table td { text-align: center; }
.weapon-table tbody th { position: sticky; left: 0; background: #101b29; z-index: 1; }
.weapon-table tbody tr.is-current>* { background: #132c37; color: #aad6e2; }
.weapon-table tbody tr.is-current>th { box-shadow: inset 2px 0 #94c9d8; }
.weapon-table tbody tr.is-target>* { background: #2b2827; color: #ead0b4; }
.weapon-table tbody tr.is-target>th { box-shadow: inset 2px 0 #dfba9a; }
.weapon-table-key { display: flex; flex-wrap: wrap; gap: 22px; font-size: 11px; color: #9bb1c1; margin-top: 17px; }
.weapon-table-key span { display: inline-flex; align-items: center; gap: 7px; }
.weapon-table-key i { display: inline-block; height: 7px; width: 7px; }
.key-current { background: #94c9d8; }
.key-target { background: #dfba9a; }
.weapon-page .growth-callout { background: #c6a1770b; }
.weapon-page .growth-callout>span { color: #dfc5a9; }
@media (max-width: 640px) {
  .weapon-page .weapon-hero-art img { width: min(100%,300px); }
  .weapon-page .growth-facts dd { font-size: 14px; }
  .weapon-controls { padding: 23px 20px 20px; }
  .weapon-controls h3 { font-size: 19px; }
  .weapon-selects { gap: 10px; grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr); }
  .weapon-selects select { font-size: 19px; }
  .weapon-comparison-heading { padding: 20px; gap: 12px; }
  .weapon-comparison-heading p { font-size: 23px; gap: 10px; }
  .weapon-comparison-heading strong { font-size: 30px; }
  .weapon-comparison-heading>span { max-width: 120px; font-size: 10px; }
  .weapon-stats { padding: 0 20px 10px; gap: 0 20px; }
  .weapon-stats article { padding-block: 19px; }
  .weapon-stats article>strong { font-size: 23px; }
  .weapon-stats strong small { font-size: 10px; }
  .weapon-stats article>span { font-size: 10px; }
  .weapon-principle { grid-template-columns: minmax(0,1fr); gap: 9px; padding-top: 21px; }
}
@media (max-width: 380px) {
  .weapon-stats { grid-template-columns: minmax(0,1fr); }
  .weapon-stats article>strong { font-size: 27px; }
}
@media print {
  .weapon-compare,.weapon-table-key { display: none!important; }
  .weapon-table { min-width: 0; font-size: 11px; }
  .weapon-table tbody th { position: static; }
  .weapon-table tbody tr>* { background: transparent!important; color: #111!important; box-shadow: none!important; }
}