body{background:none;background-color:#121212}footer,main{font-family:Arial,sans-serif}footer{color:#fff;margin-top:20px}.calculator{display:grid;gap:20px;grid-template-columns:max-content 500px max-content;justify-content:center;margin:0 auto}.tank-parameters-1{grid-column:1}.calculator-center{grid-column:2}.tank-parameters-2{grid-column:3}.calculator-center,.calculator-settings{align-items:center;display:flex;flex-direction:column;gap:10px}.calculator-settings{background:#1e1e1e;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);padding:10px;text-align:left;width:280px}.calculator-settings h3{font-size:1.2rem;margin-top:0}.calculator-settings label{font-size:.9rem;margin-bottom:4px}.distance-control{align-items:center;display:flex;gap:5px}.calculator-settings input,.distance-control input{background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:16px;padding:3px 6px;text-align:center;width:44px}.calculator-map{flex:1;text-align:center}.minimap{margin-top:10px}#minimapCanvas{background-color:#121212;border-radius:2px;display:block;height:500px;width:500px}.detection-results{display:flex;flex-direction:column}.field{text-align:center}.detection-results h3{margin:8px 0}.other-conditions{align-items:flex-start;display:flex;flex-direction:column;gap:5px}h3,h4{text-align:center}h3{margin:10px 0}h4{margin:5px 0}.condition{font-size:14px}.condition,.condition-label{align-items:center;cursor:pointer;display:flex;gap:5px}.condition-text{flex:1 1 0}.info-icon{cursor:pointer;height:16px;position:relative;width:16px}.info-icon-img{display:block;height:16px;width:16px}.info-icon .tooltip{border:2px solid #0f0;border-radius:4px;bottom:100%;opacity:0;padding:4px 6px;pointer-events:none;transform:translateX(-50%) translateY(-4px);transition:opacity .1s;visibility:hidden;z-index:15}.distance-control .tooltip{width:250px}.info-icon:hover .tooltip{opacity:1;visibility:visible}.other-conditions input[type=checkbox]{cursor:pointer;height:18px;width:18px}.detection-results td[id^=detection]{background-color:rgba(144,238,144,.25);font-weight:700}.modification-pair{align-items:flex-start;display:flex;justify-content:center;margin-top:22px;position:relative}.modification{display:flex;display:inline-block;flex-direction:column;height:122px;position:relative;width:122px}.modification.left{align-items:flex-end;text-align:right}.modification.right{align-items:flex-start;text-align:left}.modification .img-container{display:inline-block;overflow:hidden;position:relative}.modification:not(.active) .img-container:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.modification .modification-img{border:1px solid #555;border-radius:3px;height:120px;width:120px}.mod-tick{bottom:1px;display:none;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.modification.active .modification-img{opacity:1}.modification.active .mod-tick{display:block}.level-badge-wrapper{background-color:#555;height:40px;top:-19.5px;width:40px}.level-badge,.level-badge-wrapper{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);left:50%;position:absolute;transform:translateX(-50%);z-index:1}.level-badge{background-color:#1e1e1e;color:#dfd9b7;font-size:16px;font-weight:550;height:36px;line-height:36px;text-align:center;top:2px;width:36px}.img-container{display:inline-block;height:122px;position:relative;width:122px}.img-container:not(.disabled):hover{border-radius:3px;outline:2px solid gray;outline-offset:-2px}.img-container.disabled:hover{border-radius:3px;outline:2px solid #bfbfbf;outline-offset:-2px}.left .tooltip,.right .tooltip{background-color:#333;border-radius:10px;bottom:110%;color:#fff;margin:0;opacity:0;padding:16px;position:absolute;text-align:left;visibility:hidden;width:260px;z-index:1}.left:hover .tooltip,.right:hover .tooltip{opacity:1;visibility:visible}.tooltip-title{display:block;font-size:18px}.positive{color:#0f0}.negative{color:red}.equipment-slot-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}.equipment-slot{align-items:center;display:flex;height:80px;justify-content:center;outline:1px solid #555;outline-offset:-.5px;width:106.67px}.container-eq,.equipment-slot{background-color:#333;border-radius:3px}.container-eq{cursor:pointer;display:inline-block;max-height:80px;position:relative;z-index:4}.equipment-slot-wrapper img{border-radius:3px;height:80px;outline:1px solid #555;outline-offset:-.5px}.role-slot{align-items:center;display:flex;height:28px;justify-content:center;margin-top:5px;position:relative}.role-slot img{height:100%;outline:1px solid rgba(85,85,85,0)}.slot-1:hover .container-eq .tooltiptext{opacity:1;visibility:visible}.slot-1 .container-eq .tooltiptext{bottom:125%;padding:16px;position:absolute;text-align:left;width:300px}.role-slot .tooltip,.slot-1 .container-eq .tooltiptext{background-color:#333;border-radius:6px;color:#fff;opacity:0;visibility:hidden;z-index:1}.role-slot .tooltip{left:50%;padding:5px;text-align:center;top:125%;transform:translateX(-50%);white-space:nowrap}.tooltip{background-color:#333;box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;font-size:16px;position:absolute}.slot-highlight{filter:invert(58%) sepia(200%) saturate(596%) hue-rotate(19deg) brightness(102%) contrast(104%)}.role-slot:hover .tooltip{opacity:1;visibility:visible}.equipment-slot-wrapper img:hover{border-radius:3px;outline:2px solid gray;outline-offset:-2px}.equipment-slot-wrapper:not(.active) .container-eq:before{background-color:rgba(0,0,0,.5);border-radius:3px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.equipment-slot-wrapper.active .container-eq:before{display:none}.tank-parameters-1 h4,.tank-parameters-2 h4{align-items:center;display:flex;gap:5px;justify-content:center}.icon-type-tank{width:16px}.detection-table{border-collapse:collapse;table-layout:fixed;width:100%}.detection-results td,.detection-results th{border:1px solid #444;padding:4px}.detection-results th{background:#222;text-align:center}.tank-parameters-1 .tooltiptext{left:0}.tank-parameters-2 .modification .tooltip,.tank-parameters-2 .tooltiptext{right:0}.tank-parameters-1 .modification .tooltip{left:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.view-control{align-items:center;display:inline-flex;gap:4px}.view-control button{background:#333;border:1px solid #555;border-radius:3px;color:#fff;cursor:pointer;font-size:18px;height:28px;line-height:1;user-select:none;width:28px}button.decrement:focus,button.decrement:hover,button.increment:focus,button.increment:hover{background-color:#444;border-color:#777;outline:none}button.decrement:active,button.increment:active{background-color:#222}button.increment{border-color:#2a7}button.increment:hover{background-color:#3b8}button.decrement{border-color:#a27}button.decrement:hover{background-color:#b38}@media (max-width:1300px){.calculator{display:flex;flex-wrap:wrap;gap:10px}.tank-parameters-1,.tank-parameters-2{flex:0 1 auto;max-width:45%;order:1}.calculator-center{flex:1 1 100%;max-width:500px;order:2;width:100%}#minimapCanvas,.minimap{height:auto;width:100%}#minimapCanvas{aspect-ratio:1/1}}@media (max-width:800px){.calculator-settings{width:fit-content}.calculator-settings,.field{max-width:280px;min-width:100px}.field{text-align:left}.field>label{display:block;margin:0;text-align:center;width:100%}.view-control{margin-bottom:5px}}@media (max-width:600px){.level-badge{font-size:8px;height:18px;line-height:18px;top:1px;width:18px}.level-badge-wrapper{height:20px;top:-9.75px;width:20px}.modification{height:61px;width:61px}.img-container{height:62px;width:62px}.mod-tick{height:16px;width:16px}.modification .modification-img{height:60px;width:60px}.equipment-slot{height:60px;width:80px}.container-eq{max-height:60px}.equipment-slot img{height:60px}.modification .tooltip,.slot-1 .container-eq .tooltiptext{width:200px}.distance-control .info-icon .tooltip{left:-800%}.tank-parameters-1,.tank-parameters-2{align-items:center;display:flex;flex-direction:column}h3{align-content:center;text-align:center;white-space:normal;width:160px;word-break:break-word}}@media (max-width:450px){.tank-parameters-1 .role-slot .tooltip{left:100%}.tank-parameters-2 .role-slot .tooltip{left:0}}