.armies-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;row-gap:20px;margin-bottom:50px}.community-page__container .army-card,.armies-container .army-card{aspect-ratio:1/1.6;border-radius:5px;box-shadow:0 0 3px #ffffff0f;overflow:hidden}.army-card{display:flex;background:var(--darkColor);flex-direction:column;color:var(--lightColor3);font-family:var(--tertiaryFont)}.army-card b{font-weight:500}.army-card p{font-weight:400;line-height:1;font-size:14px}.army-card h2{font-size:22px;font-weight:600;text-transform:uppercase;line-height:1}.army-card h3{font-size:14px;font-weight:500;text-transform:uppercase;line-height:1}.user-profile-right .army-card{height:100%}.army-card__improvements{display:flex;gap:20px}.army-header{position:relative;display:flex;justify-content:center;height:80px;z-index:2;margin-top:1px;margin-left:1px;width:calc(100% - 2px)}.army-header:before,.army-header:after{position:absolute;content:"";width:100%;left:0}.army-header:before{height:100%;top:0;background:rgba(0,0,0,.2)}.army-header:after{height:25px;top:100%;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%)}.army-header .army-banner{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0}.army-hexagon{position:relative;display:flex;justify-content:center;align-items:center;width:70px;height:82px;cursor:pointer}.army-header .army-hexagon{transform:translateY(50%);bottom:0;margin:0 10px;z-index:1;position:absolute}.army-hexagon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%)}.army-hexagon img.army-image{width:82%;height:85%}.army-body{position:relative;flex-grow:1;display:flex;flex-direction:column}.village-img{width:100%;height:145px;-o-object-fit:cover;object-fit:cover;display:block}.army-body__village-info{display:flex;align-items:flex-end;justify-content:space-between}.army-body__village-info h4{white-space:nowrap}.army-body__village-info>div:first-of-type{display:flex;flex-direction:column;gap:10px}.army-body__village-info>div:last-of-type{display:flex;flex-direction:column;align-items:center;gap:15px}.army-body__village-info>div:last-of-type button{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.army-body__village-info>div:last-of-type img{width:50px;height:50px;filter:invert(1)}.army-donate-modal__container{display:flex;justify-content:space-evenly;gap:35px;min-width:400px}.army-donate-modal__container>div{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:25px;flex-grow:1}.army-donate-modal__container>div img{width:60px;height:50px}.army-donate-modal__container>div input{width:100%;padding:5px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:var(--lightColor3);text-align:center;font-size:14px;font-weight:600;border-radius:1px;outline:none}.army-body__slider{display:grid;grid-template-columns:repeat(4,100%);overflow:hidden;height:100%;position:relative}.army-body__slider>div{position:relative;width:100%;transition:.5s}[data-active-section=war] .army-body__slider>div{margin-left:-300%}.army-body__slider>div>div{display:flex;flex-direction:column;padding-bottom:20px;gap:20px;width:100%;height:100%;overflow:auto;position:absolute;scrollbar-width:thin;scrollbar-color:var(--yellowColor) var(--darkColor)}.armies-container .army-body__slider>div>div{overflow:hidden}.army-body__slider>div>div>*:not(img){padding:0 20px}.army-body__slider h2{font-size:18px;white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:1px}.army-body__slider>div>div::-webkit-scrollbar{width:4px}.army-body__slider>div>div::-webkit-scrollbar-thumb{background-color:var(--yellowColor);border-radius:10px}.army-body__slider>div>div::-webkit-scrollbar-track{background:var(--darkColor)}.army-body__slider>div>div::-webkit-scrollbar-thumb:hover{background:var(--yellowColor)}.army-body__slider>div>div::-webkit-scrollbar-thumb:active{background:var(--yellowColor)}.community-page__container .army-body__improvements ul,.armies-container .army-body__improvements ul{padding:10px 15px;border-radius:1px;background:rgba(255,255,255,.06);margin-top:10px}.community-page__container .army-body__improvements ul li,.armies-container .army-body__improvements ul li{width:100%;border:1px solid var(--yellowColor);border-radius:1px;background:rgba(0,0,0,.4);aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center}.community-page__container .army-body__improvements ul li.empty-box:after,.community-page__container .army-body__improvements ul li.empty-box:before,.armies-container .army-body__improvements ul li.empty-box:after,.armies-container .army-body__improvements ul li.empty-box:before{content:"";position:absolute}.community-page__container .army-body__improvements ul li.empty-box:after,.armies-container .army-body__improvements ul li.empty-box:after{border-radius:50%;width:50%;height:50%;border:2px solid rgba(255,255,255,.3)}.community-page__container .army-body__improvements ul li.empty-box:before,.armies-container .army-body__improvements ul li.empty-box:before{width:2px;height:65%;background:rgba(255,255,255,.3);transform:rotate(45deg)}.army-body__attributes{position:relative;margin-top:10px}.army-body__attributes h5{margin-bottom:10px}.army-body__attributes ul{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:5px}.army-body__attributes ul li{display:flex;border-radius:3px;position:relative;border:3px solid rgba(255,255,255,.08);transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;width:100%}.army-body__attributes ul li div{display:flex;align-items:center;gap:15px;position:relative;padding:10px 40px 10px 10px;text-align:center;width:100%}.army-body__attributes ul li div:first-of-type{background:rgba(255,255,255,.04);font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:1px;color:#ffffffa6}.army-body__attributes ul li div p{width:100%;text-align:center;color:var(--lightColor3);font-weight:600;font-size:11px}.army-body__attributes ul li div span{position:absolute;display:flex;justify-content:center;align-items:center;right:10px;background:var(--greenColor);border-radius:4px;width:22px;height:22px;transition:.2s;cursor:pointer}.army-body__attributes.disabled ul li div span{filter:grayscale(1);pointer-events:none}.army-body__attributes ul li div span:hover{transform:scale(1.05)}.army-body__attributes ul li div img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.army-body__attributes ul li div span:before,.army-body__attributes ul li div span:after{content:"";position:absolute;width:60%;height:3px;background:var(--lightColor3);border-radius:1px}.army-body__attributes ul li div span:before{transform:rotate(90deg)}.army-body__attributes ul li.disabled div span{background:var(--grayColor);pointer-events:none}.army-body__village>p{font-size:14px;font-weight:400;margin:10px 0;line-height:1.2}.army-body__resources{display:flex;flex-direction:column;gap:8px}.army-body__resources li{display:flex;align-items:center;gap:15px;margin-left:15px}.army-body__resources li p{line-height:1;font-size:14px;text-transform:capitalize}.army-body__resources li p span{margin-left:5px}.army-body__resources li img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.army-body__attributes img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.army-body__improvements>div,.army-body__members>div,.army-body__diplomacy>div{padding:20px 0}.army-body__members ul,.army-body__diplomacy-list ul{display:flex;flex-direction:column;gap:15px}.army-body__members ul li,.army-body__diplomacy-list ul li{display:flex;gap:10px;justify-content:space-between;border:1px solid rgba(255,255,255,.04)}.army-body__members ul li img,.community-village__diplomacy-fights-history ul li img{width:30px;height:30px;border-radius:50%;-o-object-fit:contain;object-fit:contain}.army-body__members ul li>*,.army-body__diplomacy-list ul li>*{display:flex;gap:15px;align-items:center}.army-body__members ul li>div,.army-body__diplomacy-list ul li>div{padding:8px 10px}.army-body__members ul li[data-rank="1"]{order:1}.army-body__members ul li[data-rank="2"]{order:2}.army-body__members ul li[data-rank="3"]{order:3}.army-body__members ul li[data-rank="4"]{order:4}.army-body__members ul li[data-rank="5"]{order:5}.army-body__members ul li[data-rank="6"]{order:6}.army-body__members ul li[data-rank="7"]{order:7}.army-body__members ul li[data-rank="8"]{order:8}.army-body__members ul li[data-rank="9"]{order:9}.army-body__members ul li>div:first-of-type{margin-right:auto}.army-body__members ul li .army-member-actions{display:flex;padding:0;gap:0}.army-member-actions button{background:rgba(255,255,255,.08);padding:5px 10px;height:100%;cursor:pointer;transition:.1s}.army-member-actions.disabled button{filter:grayscale(1);pointer-events:none}.army-member-actions button:hover{background:rgba(255,255,255,.14)}.army-member-actions button:last-of-type{border-left:1px solid rgba(255,255,255,.08)}.army-body__members ul li .army-member-actions button img{width:35px;height:30px;cursor:pointer;filter:invert(1)}.army-body__diplomacy-list ul li>div>div a{font-size:16px;font-weight:600;color:var(--lightColor3)}.army-body__diplomacy-list ul li p{display:flex;align-items:center;font-size:14px;gap:10px}.army-body__diplomacy-list ul li p img{filter:invert(1);width:14px;height:14px}.army-body__diplomacy-list ul li p span{display:inline-flex;align-items:center;gap:3px}.army-body__diplomacy-list ul li p span:last-of-type{letter-spacing:1px}.army-body__diplomacy-list ul li button{background:rgba(255,255,255,.08);color:var(--lightColor3);padding:8px 20px;cursor:pointer;transition:.1s;font-size:12px}.army-body__diplomacy-list ul li button:hover{background:rgba(255,255,255,.14)}.army-card[data-leader=false] .army-body__diplomacy-list ul li button{filter:grayscale(1);pointer-events:none}.army-body__diplomacy{position:relative}.army-body__diplomacy-list-header{display:flex;justify-content:space-between;align-items:center}button[data-action=finishedWars],button[data-action=closeFinishedWars]{display:flex;gap:10px;left:1px;bottom:0;z-index:1;background:var(--blueColor);align-items:center;text-transform:uppercase;font-weight:600}button[data-action=finishedWars]{border:1px solid var(--blueColor2);padding:8px 15px;position:absolute}button[data-action=closeFinishedWars]{padding:6px 10px;background:var(--redColor);border-radius:2px;line-height:1}button[data-action=finishedWars]:hover{background:var(--blueColor2)}button[data-action=closeFinishedWars]:hover{background:var(--redColor2)}button[data-action=finishedWars] img,button[data-action=closeFinishedWars] img{width:12px;height:12px;filter:invert(1)}button[data-action=finishedWars] p,button[data-action=closeFinishedWars] p{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--lightColor3)}.army-body__diplomacy-finished-wars{bottom:0;left:1px;width:calc(100% - 2px)!important;z-index:1;background:var(--darkColor);transform:translateY(100%);transition:.3s}.army-body__diplomacy-finished-wars.active{transform:translateY(0)}.army-body__diplomacy-war{gap:25px!important}.army-body__diplomacy-finished-wars .army-hexagon{width:50px;height:57px}.army-body__diplomacy-finished-wars a>span.win,.army-body__diplomacy-finished-wars a>span.lose{font-size:7px;line-height:1;font-weight:700;padding:5px 2px}.army-body__diplomacy-finished-wars .blue-team,.army-body__diplomacy-finished-wars .red-team{gap:12px}.army-body__diplomacy-finished-wars .blue-team>div a,.army-body__diplomacy-finished-wars .red-team>div a{font-size:10px;font-weight:600;white-space:nowrap;text-transform:uppercase}.army-body__diplomacy-finished-wars ul li>div:last-of-type{justify-content:flex-end}.army-body__diplomacy-finished-wars ul li>div>div{display:flex;flex-direction:column;justify-content:flex-start;gap:5px}.army-body__diplomacy-finished-wars ul li>div>div p{font-size:24px;font-weight:700}.army-body__diplomacy-finished-wars ul li>div:last-of-type>div{align-items:flex-end}.army-body__diplomacy-finished-wars ul li>div:nth-child(2){padding:0;font-size:20px;font-weight:700}.army-body__diplomacy-war #battle-timer{font-size:14px}.army-body__diplomacy-war .army-hexagon{width:80px;height:90px;margin-bottom:5px}.army-body__diplomacy .blue-team>*{filter:drop-shadow(0 0 7px var(--blueColor))}.army-body__diplomacy .red-team>*{filter:drop-shadow(0 0 7px var(--redColor))}.army-body__diplomacy-war>div:nth-child(1),.army-body__diplomacy-war>div:nth-child(2){display:flex;justify-content:space-between;align-items:center;gap:10px}.army-body__diplomacy-war>div:nth-child(2){align-items:flex-end}.army-body__diplomacy-war>div:nth-child(2)>div{display:flex;flex-direction:column;align-items:center}.blue-team,.red-team{width:100%}.blue-team a,.red-team a{position:relative}.blue-team a>span,.red-team a>span{position:absolute;top:0;left:0;transform:translateY(-20%);width:100%;text-align:center;font-size:10px;font-weight:800;text-transform:uppercase;border-top-right-radius:2px;border-top-left-radius:2px;padding:6px 4px;z-index:1}a>span.lose{background:var(--redColor)}a>span.win{background:var(--greenColor)}.army-body__diplomacy-war>div:nth-child(2)>div p{font-size:24px;margin-top:5px;font-weight:600;line-height:1.2}.army-body__diplomacy-war>div:nth-child(2)>div:nth-child(2) span{font-weight:800;font-size:32px;line-height:1;margin-bottom:10px}.army-body__diplomacy-war>div:nth-child(2)>div button{background:rgba(255,255,255,.08);color:var(--lightColor3);padding:5px 10px;cursor:pointer;transition:.1s;font-size:12px;text-transform:uppercase;border-radius:3px;margin-bottom:15px;white-space:nowrap}.army-body__diplomacy-war>div:nth-child(2)>div button:hover{background:rgba(255,255,255,.14)}.army-body__diplomacy-war h4{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.community-village__diplomacy-war-date p{font-size:15px;line-height:1.5;font-weight:400}.community-village__diplomacy-war-date p b{font-weight:700}.community-village__diplomacy-rewards[data-result=win] h3{color:var(--greenColor)}.community-village__diplomacy-rewards[data-result=lose] h3{color:var(--redColor)}.community-village__diplomacy-rewards{gap:10px;margin:0 auto;padding:15px 25px!important;background:rgba(255,255,255,.06);width:calc(100% - 40px)}.community-village__diplomacy-rewards h3{text-align:center;margin-bottom:20px;font-weight:700}.community-village__diplomacy-rewards>div{display:flex;justify-content:space-evenly;align-items:center}.community-village__diplomacy-rewards>div div{display:flex;flex-direction:column;align-items:center;gap:10px}.community-village__diplomacy-rewards>div div img{height:26px}.community-village__diplomacy-rewards>div div p{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.community-village__diplomacy-rewards[data-result=lose]>div div p{color:var(--redColor)}.community-village__diplomacy-rewards[data-result=win]>div div p{color:var(--greenColor)}.community-village__diplomacy-rewards[data-result=lose]>div div p:before{content:"-"}.community-village__diplomacy-rewards[data-result=win]>div div p:before{content:"+"}.community-village__diplomacy-fights-history{flex-grow:1;display:flex;flex-direction:column;gap:5px}.community-village__diplomacy-fights-history>div{background:rgba(255,255,255,.06);height:100%;padding:10px;overflow:auto}.community-village__diplomacy-fights-history>div>p{color:#fff9}.community-village__diplomacy-fights-history>div>ul{margin-top:25px;display:flex;flex-direction:column;gap:30px}.finished-fight{display:flex;align-items:center;justify-content:space-between;position:relative;gap:10px;background:rgba(255,255,255,.08);padding:10px}.finished-fight>span{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transform:scaleY(1.25)}.finished-fight>div>div{position:absolute;bottom:100%;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:5px 10px 4px;background:rgba(255,0,0,.6);line-height:1}.finished-fight>div.win>div{background:rgba(0,255,0,.6)}.finished-fight>div:first-of-type>div{left:0}.finished-fight>div:last-of-type>div{right:0}.finished-fight ul{display:flex;flex-direction:column;gap:10px}.finished-fight li{display:flex;align-items:center;gap:8px}.finished-fight li p{font-weight:500}.finished-fight__right li{justify-content:flex-end}.active-select-team .modal-content{margin-top:-200px}.army-fight-modal{display:flex;flex-direction:column;align-items:center;padding:0 20px;gap:10px}.army-fight-modal>h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.army-fight-modal__team{display:flex;gap:15px}.army-fight-modal__team button{width:120px;position:relative;aspect-ratio:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.05);transition:.1s}.game-modal[data-selected-box="1"] .army-fight-modal__team button[data-team="1"],.game-modal[data-selected-box="2"] .army-fight-modal__team button[data-team="2"],.army-fight-modal__team button[data-action]:hover{border-color:#fff3}.army-fight-modal__team button img{position:absolute;width:70%;height:70%;-o-object-fit:contain;object-fit:contain}.army-fight-modal__team button p{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;bottom:0;background:rgba(0,0,0,.6);z-index:1}.army-fight-modal__team button[data-action=addTeam]:before,.army-fight-modal__team button[data-action=addTeam]:after{content:"";position:absolute;background:#2A2F38;transform:translateY(-8px)}.army-fight-modal__team button[data-action=addTeam]:before{width:3px;height:40%}.army-fight-modal__team button[data-action=addTeam]:after{width:40%;height:3px}.army-fight-modal__team button.set-active img{min-width:200px;height:auto;top:-15%;-o-object-fit:cover;object-fit:cover}.army-fight-modal__select-team{position:fixed;bottom:0;width:100%;max-width:1200px;background:var(--darkColor);margin:0 auto;transform:translateY(100%);transition:.3s;padding:20px 60px;border:1px solid var(--yellowColor);border-bottom:0}.active-select-team .army-fight-modal__select-team{transform:translateY(0)}.army-fight-modal__select-team ul{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr;gap:15px}.army-fight-modal__select-team ul li{width:100%;background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;position:relative;padding:32px 20px 12px}.army-fight-modal__select-team ul li.disabled{filter:grayscale(1)}.army-fight-modal__select-team ul li.disabled button{pointer-events:none;cursor:not-allowed}.army-fight-modal__select-team ul li>p{background:rgba(0,0,0,.6);position:absolute;top:0;left:0;width:100%;text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:5px 10px}.army-fight-modal__select-team ul li div{display:flex;flex-direction:column;gap:5px;margin-bottom:5px;align-items:center}.army-fight-modal__select-team ul li div span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.army-fight-modal__select-team ul li div img{height:70px}.army-fight-modal__select-team ul li div img.set-image{width:100%;-o-object-fit:cover;object-fit:cover;display:block}.army-fight-modal__select-team ul li button{color:var(--lightColor3);padding:8px 10px;cursor:pointer;transition:.1s;font-size:10px;text-transform:uppercase;font-weight:600;width:100%;margin:0 auto;line-height:1;border-radius:2px}.army-fight-modal__select-team ul li button[data-action=profile]{background:var(--blueColor);margin-bottom:10px}.army-fight-modal__select-team ul li button[data-action=profile]:hover{background:var(--blueColor2)}.army-fight-modal__select-team ul li button[data-action=selectTeam]{background:var(--greenColor)}.army-fight-modal__select-team ul li button[data-action=selectTeam]:hover{background:var(--greenColor2)}.army-fight-modal__carousel-buttons button{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;line-height:1;background:rgba(0,0,0,.6);padding:10px;border-radius:50%;font-weight:900;cursor:pointer;transition:.2s;z-index:1;aspect-ratio:1;width:40px;height:40px;display:flex;justify-content:center;align-items:center;opacity:.5}.army-fight-modal__carousel-buttons button:hover{opacity:1}.army-fight-modal__carousel-buttons button:first-of-type{left:10px}.army-fight-modal__carousel-buttons button:last-of-type{right:10px}.army-footer ul{display:flex}.army-footer ul li{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:15px;background:var(--blueColor);z-index:1;position:relative;cursor:pointer}.army-footer ul li p{position:absolute;opacity:0;transition:.2s;transform:translateY(50%);font-weight:800;font-size:9px;text-transform:uppercase}.army-footer ul li:hover{background:var(--blueColor2)}.army-footer ul li:hover p{opacity:1;transform:translateY(0)}.army-footer ul li img{width:40px;height:20px;-o-object-fit:contain;object-fit:contain;filter:invert(1);transition:.2s}.army-footer ul li:hover img{transform:translateY(-50%);opacity:0}@media (max-width: 1500px){.armies-container .army-card{aspect-ratio:initial;height:36vw}}@media (max-width: 1450px){.armies-container .army-card{aspect-ratio:initial;height:37vw}}@media (max-width: 1340px){.armies-container{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}.armies-container .army-card{height:calc(32vw + 130px)}}@media (max-width: 1250px){.armies-container .army-card{height:calc(35vw + 110px)}}@media (max-width: 1180px){.armies-container .army-card{height:calc(36vw + 120px)}}@media (max-width: 1050px){.armies-container .army-card{height:calc(36vw + 135px)}}@media (max-width: 1000px){.armies-container{width:100%}.armies-container .army-card{height:calc(25vw + 285px)}.army-body__village-info>div:last-of-type img{width:35px;height:35px}.army-body__village-info>div:last-of-type button{font-size:10px}}@media (max-width: 830px){.army-body__slider>div>div>*:not(img){padding:0 15px}.armies-container{gap:10px}.army-body__slider>div>div{gap:10px}.community-page__container .army-body__improvements ul,.armies-container .army-body__improvements ul{padding:10px}}@media (max-width: 768px){.armies-container{grid-template-columns:repeat(2,1fr)}.armies-container .army-card{height:calc(25vw + 345px)}}@media (max-width: 500px){.armies-container{grid-template-columns:repeat(1,1fr)}.armies-container .army-card{height:calc(32vw + 405px)}}