.home-page{padding-bottom:10px;background:#242424}
.home-page [hidden]{display:none!important}


.home-hangar{height:309px;margin:-22px 3px 0;border-radius:0;background:transparent;box-shadow:none}
.home-hangar::before{display:none!important}
.home-hangar .home-hangar-frame{position:absolute;z-index:7;top:0;bottom:0;left:-13px;display:block;width:calc(100% + 26px);height:100%;object-fit:fill;pointer-events:none}
.home-hangar .hangar-image{position:absolute;z-index:4;inset:30px 5px;display:block;width:calc(100% - 10px);height:calc(100% - 60px);object-fit:cover;object-position:center 51%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);filter:brightness(.96) saturate(.9)}
.home-hangar .hangar-tank{z-index:6;bottom:68px;width:min(54.6%,231px);filter:drop-shadow(0 9px 5px #000c)}
.home-hangar::after{z-index:5;inset:30px 5px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(90deg,#0004,transparent 28%,transparent 76%,#0004),linear-gradient(0deg,#0808088c 0,transparent 32%),linear-gradient(180deg,#05070822,transparent 34%)}
.home-hangar .stats{z-index:8;top:39px;left:34px;font-size:14px;line-height:19px}
.home-hangar .profile{z-index:8;top:37px;right:23px;width:61px;font-size:11px;text-align:center}
.home-hangar .profile-image{width:48px;height:48px;border-color:#222}
.home-hangar .power{z-index:8;bottom:64px;color:#27d5e7;font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;font-size:15px;font-weight:900;line-height:17px;letter-spacing:-.025em;text-shadow:0 2px 2px #000,1px 0 #05090a,-1px 0 #05090a,0 -1px #05090a;-webkit-text-stroke:.65px #071013}
.home-hangar .upgrade-button{display:flex;position:absolute;z-index:9;left:50%;bottom:27px;width:258px;min-height:36px;margin:0;padding:0;transform:translateX(-50%);overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;color:#eee;font-size:13px;text-shadow:0 2px 2px #000;-webkit-text-stroke:.35px #173017}
.home-hangar .upgrade-button>img{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.home-hangar .upgrade-button>span{position:relative;z-index:1}
.home-hangar .upgrade-button:hover,.home-hangar .upgrade-button:focus-visible{filter:brightness(1.14)}
.home-hangar .upgrade-button:active{filter:brightness(.88)}

.home-equipment{position:relative;width:auto;height:40px;aspect-ratio:auto;margin:-22px 3px 0;padding:3px 18px;border:0;border-radius:0;background:transparent}
.home-equipment .home-equipment-frame{position:absolute;z-index:0;top:0;bottom:0;left:-9px;display:block;width:calc(100% + 18px);height:100%;object-fit:fill}
.home-equipment span{position:relative;z-index:1;width:28px;height:28px;border:0;border-radius:6px;background:transparent;pointer-events:none}

.home-page .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:1px 3px 0}
.home-page .menu-tile{position:relative;display:grid;grid-template-rows:1fr 21px;height:91px;min-width:0;gap:0;padding:7px 7px 5px;background:transparent url('assets/home-v2/menu-tile-frame-v3.png') center/100% 100% no-repeat;color:#eee;font:700 11px/14px "Trebuchet MS",Verdana,sans-serif;text-shadow:0 2px 2px #000}
.home-page .menu-tile .tile-image{width:100%;height:100%;min-height:0;border:0;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 8px #000b;clip-path:polygon(4% 0,96% 0,100% 7%,100% 93%,96% 100%,4% 100%,0 93%,0 7%)}
.home-page .menu-tile>span:last-child{display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateY(1px);white-space:nowrap}
.home-page .menu-tile:hover,.home-page .menu-tile:focus-visible{filter:brightness(1.14);outline:2px solid #b5d9f5;outline-offset:1px}
.home-page .menu-tile:hover .tile-image{border:0}
.home-page .tile-gold{background-image:url('assets/home-v2/locations/gold-v1.jpg')}
.home-page .tile-missions{background-image:url('assets/home-v2/locations/missions-v1.jpg')}
.home-page .tile-battles{background-image:url('assets/home-v2/locations/battles-v1.jpg')}
.home-page .tile-fights{background-image:url('assets/home-v2/locations/historical-v1.jpg')}
.home-page .tile-tanks{background-image:url('assets/home-v2/locations/tanks-v1.jpg')}
.home-page .tile-ranking{background-image:url('assets/home-v2/locations/rating-v1.jpg')}
.home-page .tile-war{background-image:url('assets/home-v2/locations/war-v1.jpg')}
.home-page .tile-duel{background-image:url('assets/home-v2/locations/skirmish-v1.jpg')}
.home-page .tile-training{background-image:url('assets/home-v2/locations/polygon-v1.jpg')}
.home-page .tile-recon{background-image:url('assets/home-v2/locations/recon-v1.jpg')}
.home-page .tile-workshop{background-image:url('assets/home-v2/locations/workshop-v1.jpg')}
.home-page .tile-depot{background-image:url('assets/home-v2/locations/warehouse-v1.jpg')}

.home-page .game-footer{padding-top:5px;background:linear-gradient(#17171766,#242424)}

@media(max-width:390px){
  .home-hangar{height:282px;margin-top:-20px}
  .home-hangar .home-hangar-frame{left:-12px;width:calc(100% + 24px)}
  .home-hangar .hangar-image,.home-hangar::after{inset:28px 4px}
  .home-hangar .hangar-image{width:calc(100% - 8px);height:calc(100% - 56px)}
  .home-hangar .hangar-tank{bottom:66px;width:min(55.3%,210px)}
  .home-hangar .stats{top:35px;left:29px;font-size:12px;line-height:17px}
  .home-hangar .profile{top:34px;right:21px;width:54px;font-size:10px}
  .home-hangar .profile-image{width:43px;height:43px}
  .home-hangar .power{bottom:60px;font-size:14px;line-height:16px}
  .home-hangar .upgrade-button{bottom:26px;width:236px;min-height:34px;font-size:12px}
  .home-equipment{height:37px;margin-top:-20px;padding:3px 16px}
  .home-equipment .home-equipment-frame{left:-8px;width:calc(100% + 16px)}
  .home-equipment span{width:27px;height:27px;border-radius:6px}
  .home-page .menu-tile{height:82px;padding:6px 6px 4px;font-size:10px;grid-template-rows:1fr 19px}
}