body{background:none;background-color:#121212}footer,main{font-family:Arial,sans-serif}footer{color:#fff}.container{box-shadow:0 0 10px rgba(0,0,0,.5);max-width:1120px;padding:20px}.container,table{background-color:#1e1e1e;color:#fff;margin-left:auto;margin-right:auto}table{border-collapse:collapse;margin-top:20px;max-width:100%}a{color:#fff}a:hover{color:red}.clickable:hover{text-decoration:underline}table,td,th{border:1px solid #444}td,th{padding:4px;text-align:center;white-space:nowrap}td.tanksTable__name{text-align:left}td.level,td.nation,td.type,th.level,th.nation,th.type{width:50px}.filters{margin-bottom:20px;text-align:center}.filter-group{flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-button,.filter-group{display:flex;justify-content:center}.filter-button{align-items:center;background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;flex-direction:column;gap:5px;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.filter-button.type{flex-direction:row;justify-content:center}.filter-button img{width:46px}.filter-button.type img{max-width:14px}.filter-button.prem{padding:5px}.filter-button.prem img{max-width:22.5px}.filter-button.nation:hover,.filter-button:hover{background-color:#555}.filter-button.active,.filter-button.active:hover{background-color:#007bff;border-color:#007bff;color:#fff}#tankSearch{background-color:#333;border:1px solid #555;border-radius:5px;box-sizing:border-box;color:#fff;min-width:190px;padding:10px;text-align:center}#tankSearch::placeholder{color:#d2d2d2}#resetFilters{align-items:center;background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;padding:10px}#resetFilters:hover{background-color:#444;border-color:#666}.highlight-reset{animation:highlightFade .5s forwards}@keyframes highlightFade{0%{background-color:#555}to{background-color:#333}}#tankCount{margin-bottom:10px;text-align:center}.custom-select-wrapper{display:inline-block;position:relative;user-select:none}.custom-select{display:flex;flex-direction:column;position:relative}.custom-select-trigger{align-items:center;background:#333;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;line-height:18px;padding:3px;position:relative;width:270px}.custom-select-trigger img{margin-right:5px;vertical-align:middle;width:20px}.custom-options{background:#333;border:1px solid #555;border-radius:5px;box-sizing:border-box;display:none;flex-direction:column;margin-top:5px;padding:3px 0;position:absolute;width:100%;z-index:2}.custom-option{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;line-height:18px;padding:3px;transition:background .2s ease-in-out;white-space:nowrap}.custom-option.selected,.custom-option:hover{background:#007bff}.custom-option img{margin-right:5px;width:20px}.custom-select.open .custom-options{display:flex}.tank-details{align-items:center;background-color:#1e1e1e;border-radius:10px;color:#fff;flex-direction:column;margin-top:20px;text-align:center}.button-wrapper,.tank-details{display:flex;justify-content:center}.button-wrapper{width:100%}#closeDetails{align-items:center;background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;padding:5px 10px}#closeDetails .icon{height:20px;width:20px}#closeDetails .right-icon{margin-left:10px;transform:rotate(180deg)}#closeDetails .left-icon{margin-right:10px}#closeDetails:hover{background-color:#555}a.premium{color:#fab81b}td.tanksTable__name.clickable{cursor:pointer}a.clickable:hover{color:red;text-decoration:underline}td.role,td.tanksTable__name{padding-left:10px;padding-right:10px}.tankNameContainer{margin:20px 0}h2#tankName{background-color:#fff;border-radius:4px;color:#000;margin:0;padding:3px}h2#tankName,h3{display:inline-block;font-size:2em}h3{color:#fff}.modification-row{display:flex;justify-content:space-between}.modification-pair{align-items:flex-start;display:flex;padding-bottom:25px;position:relative}.modification{display:flex;display:inline-block;flex-direction:column;height:180px;position:relative;width:160px}.left .tooltip,.right .tooltip{background-color:#333;border-radius:10px;bottom:110%;color:#fff;margin:0;min-width:320px;opacity:0;padding:16px;position:absolute;text-align:left;visibility:hidden;z-index:1}.pair-1 .left .tooltip,.pair-2 .left .tooltip,.pair-3 .left .tooltip{left:15%}.pair-1 .right .tooltip,.pair-2 .right .tooltip,.pair-3 .right .tooltip{left:0}.pair-4 .left .tooltip,.pair-5 .left .tooltip{left:-30%}.pair-4 .right .tooltip,.pair-5 .right .tooltip{right:10%}.left .tooltip:after,.right .tooltip:after{border:5px solid transparent;border-top-color:#333;content:"";position:absolute;top:100%}.pair-1 .left .tooltip:after,.pair-2 .left .tooltip:after,.pair-3 .left .tooltip:after{left:20%}.pair-1 .right .tooltip:after,.pair-2 .right .tooltip:after,.pair-3 .right .tooltip:after{left:17.5%}.pair-4 .left .tooltip:after,.pair-5 .left .tooltip:after{left:41%}.pair-4 .right .tooltip:after,.pair-5 .right .tooltip:after{right:21%}.left:hover .tooltip,.right:hover .tooltip{opacity:1;visibility:visible}.tooltip-title{display:block;font-size:18px}.positive{color:#0f0}.negative{color:red}.tooltip{background-color:#333;box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;font-size:16px;position:absolute}.kpi-item{margin:5px 0}.mod-label{color:#fff;font-size:14px;margin-top:10px;max-width:100%;word-wrap:break-word;display:block}.mod-label.left{padding-right:15px}.mod-label.right{padding-left:15px}.modification.left{align-items:flex-end;text-align:right}.modification.right{align-items:flex-start;text-align:left}.modification-img{border:1px solid #555;border-radius:3px;height:120px;width:120px}.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}.row-1,.row-3{margin-left:50px;margin-right:50px}.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}.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-wrapper{background-color:#555;height:40px;top:-19.5px;width:40px}.img-container{display:inline-block;height:122px;position:relative;width:122px}.mod-tick{bottom:1px;fill:#fba800;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.img-container.disabled:after{background-color:rgba(0,0,0,.5);border-radius:3px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#tankDetails{position:relative;text-align:center}#tankImageContainer{width:100%}#tankImage{height:225px;width:300px}#fieldModification{position:relative}#equipmentSets{display:flex;justify-content:space-around;margin-bottom:20px}.equipment-set-wrapper{align-items:center;display:flex;flex-direction:column;margin:0 20px}.equipment-set{display:flex}.equipment-set img{border-radius:3px;height:80px;outline:1px solid #555;outline-offset:-.5px}.set-title{background-color:#fff;border-radius:4px;color:#000;font-size:20px;margin:0 0 15px;padding:3px;text-align:center}.equipment-set img:hover,.equipment-slot:hover,.instruction-slot:hover{border-radius:3px;outline:2px solid gray;outline-offset:-2px}.container-eq{background-color:#333;border-radius:3px;cursor:pointer;display:inline-block;max-height:80px;position:relative;z-index:4}.slot-1 .container-eq .tooltiptext,.slot-2 .container-eq .tooltiptext,.slot-3 .container-eq .tooltiptext,.slot-4 .container-eq .tooltiptext{background-color:#333;border-radius:6px;bottom:125%;color:#fff;max-width:450px;min-width:350px;opacity:0;padding:16px;position:absolute;text-align:left;visibility:hidden;z-index:1}.slot-2 .container-eq .tooltiptext{left:-90%}.slot-3 .container-eq .tooltiptext{right:-90%}.slot-4 .container-eq .tooltiptext{right:0}.slot-1:hover .container-eq .tooltiptext,.slot-2:hover .container-eq .tooltiptext,.slot-3:hover .container-eq .tooltiptext,.slot-4:hover .container-eq .tooltiptext{opacity:1;visibility:visible}.equipment-slot,.instruction-slot{align-items:center;background-color:#333;border-radius:3px;height:80px;outline:1px solid #555;outline-offset:-.5px;width:106.67px}.equipment-slot,.equipment-slots,.instruction-slot{display:flex;justify-content:center}.equipment-slot-wrapper{align-items:center;display:flex;flex-direction:column}.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)}.role-slot .tooltip{background-color:#333;border-radius:6px;color:#fff;opacity:0;padding:5px;text-align:center;top:125%;visibility:hidden;white-space:nowrap;z-index:1}.role-slot .tooltip,.role-slot .tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.role-slot .tooltip:after{border:5px solid transparent;border-top-color:#333;content:""}.role-slot:hover .tooltip{opacity:1;visibility:visible}.equipment-img,.instruction-img{display:block;height:100%;position:relative;width:100%;z-index:3}.equipment-overlay,.instruction-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.slot-highlight{filter:invert(58%) sepia(200%) saturate(596%) hue-rotate(19deg) brightness(102%) contrast(104%)}@media (max-width:1024px){main{margin:0}#equipmentSets{flex-direction:column;gap:10px}.tooltip,.tooltiptext{font-size:12px}.tooltip-title{font-size:15px}#tankImageContainer{top:34%}}@media (max-width:768px){.equipment-slot,.instruction-slot{height:60px;width:80px}.equipment-slot img,.instruction-slot img{height:60px}.tankNameContainer{margin-bottom:30px}.img-container{height:92px;width:92px}.modification-img{height:90px;width:90px}.modification{height:108px;width:96px}.level-badge{font-size:12px;height:27px;line-height:27px;top:1.5px;width:27px}.level-badge-wrapper{height:30px;top:-14.625px;width:30px}.mod-label{font-size:10px;margin-top:5px}.mod-label.lefth,.mod-label.right{padding-left:7.5px}.modification-pair{padding-bottom:50px}h2#tankName{font-size:1.75em}h3{font-size:1.5em;margin-top:0}.left .tooltip,.right .tooltip{min-width:200px}.pair-1 .left .tooltip:after,.pair-2 .left .tooltip:after,.pair-3 .left .tooltip:after{left:15%}.pair-1 .right .tooltip:after,.pair-2 .right .tooltip:after,.pair-3 .right .tooltip:after{left:18.5%}.pair-4 .left .tooltip:after,.pair-5 .left .tooltip:after{left:32%}.pair-4 .right .tooltip:after,.pair-5 .right .tooltip:after{right:15%}.role-slot{height:20px}#tanksTable thead th:last-child,.tanksTable__role{display:none}}@media (max-width:500px){.site-header__container-h1{width:70%}h1{font-size:5vw}.site__version-list{white-space:nowrap}#tankImage{height:168.75px;width:225px}.container,.filter-button{padding:10px}.filter-button img{max-width:36px}.filter-button span{display:none}td.role,td.tanksTable__name{padding-left:5px;padding-right:5px}.equipment-set-wrapper{margin:0}.equipment-slot,.instruction-slot{height:60px;width:80px}.equipment-slot img,.instruction-slot img{height:60px}.row-1,.row-3{margin:0 10px}.img-container{height:62px;width:62px}.modification-img{height:60px;width:60px}.modification{height:72px;width:64px}.mod-label{display:none}.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-pair{padding-bottom:5px}.set-title{margin-bottom:10px}h3{font-size:1.5em;margin:10px 0}.container-eq{max-height:60px}h2#tankName{font-size:1.5em}.mod-tick{height:16px;width:16px}.pair-4 .left .tooltip,.pair-5 .left .tooltip{left:-180%}.pair-4 .right .tooltip,.pair-5 .right .tooltip{right:10%}.pair-1 .left .tooltip:after,.pair-2 .left .tooltip:after,.pair-3 .left .tooltip:after{left:9%}.pair-1 .right .tooltip:after,.pair-2 .right .tooltip:after,.pair-3 .right .tooltip:after{left:12%}.pair-4 .left .tooltip:after,.pair-5 .left .tooltip:after{left:62%}.pair-4 .right .tooltip:after,.pair-5 .right .tooltip:after{right:9%}.slot-1 .container-eq .tooltiptext,.slot-2 .container-eq .tooltiptext,.slot-3 .container-eq .tooltiptext,.slot-4 .container-eq .tooltiptext{max-width:200px;min-width:200px}.container{box-shadow:none}}