.artillery-tool{border:1px solid var(--line);margin-block:2rem}.artillery-tool .tool-topline{border-top:3px solid var(--orange);background:#191b17;padding:1.7rem}.artillery-tool .tool-topline p{color:var(--orange);font-size:.8rem}.artillery-tool .tool-topline h2{font-family:var(--display);margin:0;font-size:clamp(2rem,4vw,3rem)}.artillery-tool .fire-control{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.artillery-tool .control-panel{background:var(--paper);color:var(--ink);padding:1.5rem}.artillery-tool fieldset{border:0;min-width:0;margin:0 0 1.7rem;padding:0}.artillery-tool legend,.artillery-tool .coordinate-heading{margin-bottom:.7rem;font-size:.8rem;font-weight:600}.artillery-tool .selector-row,.artillery-tool .mode-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.artillery-tool button{cursor:pointer;overflow-wrap:anywhere}.artillery-tool .selector-button,.artillery-tool .mode-button{min-height:3rem;color:var(--ink);font:inherit;background:0 0;border:1px solid #a7a392;padding:.7rem;font-size:.85rem}.artillery-tool .selector-button{text-align:left}.artillery-tool .selector-button strong,.artillery-tool .selector-button span{display:block}.artillery-tool .selector-button strong{font-family:var(--display);font-size:1.5rem}.artillery-tool .selector-button.active{background:var(--orange);border-color:var(--orange)}.artillery-tool .mode-button.active{background:var(--ink);color:var(--bone)}.artillery-tool .input-mode[hidden]{display:none}.artillery-tool .number-field{border-bottom:2px solid var(--ink);align-items:center;display:flex}.artillery-tool input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:1px solid #898675;border-radius:0;padding:.5rem}.artillery-tool .number-field input{font-family:var(--display);border:0;padding-inline:0;font-size:3rem}.artillery-tool .distance-inputs p{color:#53574f;font-size:.8rem}.artillery-tool .coordinate-heading small{display:block}.artillery-tool .coordinate-pair{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,1fr));align-items:center;gap:.6rem;margin-block:1rem;display:grid}.artillery-tool .coordinate-pair label span{font-size:.8rem;display:block}.artillery-tool .coordinate-pair strong{font-size:.8rem}.artillery-tool .swap-button,.artillery-tool .control-actions button{color:var(--ink);font:inherit;background:0 0;border:1px solid #898675;padding:.6rem;font-size:.8rem}.artillery-tool .control-actions{gap:.6rem;margin-top:1.5rem;font-size:.75rem;display:grid}.artillery-tool .solution-board{background:#191b17;min-width:0;padding:1.5rem}.artillery-tool .solution-status{color:var(--green);flex-wrap:wrap;gap:.6rem;font-size:.8rem;display:flex}.artillery-tool .solution-status i{color:#a6aaa0;margin-left:auto}.artillery-tool .solution-distance{padding-block:1.5rem}.artillery-tool .solution-distance>span,.artillery-tool .elevation-block>span{color:#b6baaf;font-size:.8rem;display:block}.artillery-tool .solution-distance strong,.artillery-tool .elevation-block strong{align-items:baseline;gap:.5rem;display:flex}.artillery-tool .solution-distance b,.artillery-tool .elevation-block b{font-family:var(--display);font-size:clamp(3rem,6vw,4.5rem);font-weight:600;line-height:1.2}.artillery-tool i{font-style:normal}.artillery-tool .direction-grid,.artillery-tool .arc-grid{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding-block:1rem;display:grid}.artillery-tool .direction-grid span,.artillery-tool .arc-grid span{color:#b6baaf;font-size:.8rem;display:block}.artillery-tool .arc-grid strong{margin-top:.4rem;font-size:1.5rem;display:block}.artillery-tool .arc-grid strong i{margin-left:.25rem;font-size:.9rem}.artillery-tool .solution-note,.artillery-tool .copy-feedback{font-size:.85rem;line-height:1.6}.artillery-tool .copy-command{background:var(--orange);color:#19140f;border:1px solid var(--orange);width:100%;font:inherit;padding:.8rem;font-size:.85rem}.artillery-tool .copy-command:disabled{cursor:not-allowed;color:#b6baaf;background:#33362d;border-color:#60645a}.artillery-tool .out-of-range .solution-status{color:#ffb691}.artillery-tool .fire-command{font-size:.8rem;display:block}.artillery-tool .fire-command textarea{resize:vertical;width:100%;min-height:5rem;color:var(--bone);font:inherit;background:#10110f;border:1px solid #60645a;margin-top:.4rem;padding:.6rem;display:block}.artillery-tool :is(input,button,textarea):focus-visible{outline-offset:3px;outline:3px solid #52751c}@media (max-width:1100px){.artillery-tool .fire-control{grid-template-columns:1fr}}@media (max-width:400px){.artillery-tool :is(.control-panel,.solution-board,.tool-topline){padding:1rem}}