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