.master-container {
    width: 90%;
    flex: 1;
}

.container {
    display: flex;
    flex-direction: row;
    flex: 1;
    margin: 15px 15px 0 15px;
    /*height: 100%;*/
}

.resources-header-container {
    /*display: flex;*/
    display: grid;
    /*justify-content: center;*/
    /*margin-top: 5px;*/
    /*margin-right: 15px;*/
    /*margin-left: 15px;*/
    /*margin-bottom: 15px;*/
}

.planet-label {
    /*font-size: 14px;*/
}

.dropdown-planet-container {
    font-size: 14px;
    text-align: center;
    display: block;
    column-gap: 10px;
    text-shadow: 0 0 10px #99CCFF, 0 0 20px #3399FF, 0 0 30px #0099FF, 0 0 40px #6699CC, 0 0 50px #336699, 0 0 60px #006699;
}
.dropdown-planet-container label {
    font-size: 14px;
    align-content: center;
    padding-right: 10px;
    padding-left: 10px;
}

.dropdown-planet {
    width: 190px;
    padding: 5px 10px;
    font-size: 14px;
    color: white;
    background-color: black;
    border: 0;
    outline: 1px solid #336699;
    border-radius: 5px;
    appearance: none; /* Убираем стандартный стиль браузера */
    transition: all 0.3s ease;
    cursor: pointer;
}

.dropdown-planet:hover {
    outline: 2px solid #99CCFF;
}

.resources-button {
    width: 28px;
    height: 28px;
    transition: transform 0.4s ease;
    /*border: 2px solid #0099FF;*/
    /*background-color: #3399FF;*/
    /*color: white;*/
    /*font-size: 14px;*/
    background-size: cover;
    background-image: url('https://static.wgame.space/images/header/resources.png');
    /*text-align: center;*/
    /*justify-content: center;*/
    /*line-height: 10px;*/
    /*border-radius: 8px;*/
    cursor: pointer;
    background-color: transparent;
    border: 0;
    /*transition: all 0.3s ease;*/
}

.resources-container {
    width: fit-content;
}

.resources-container.margin {
    margin: 15px 0;
}

.resources {
    /*min-height: 20px;*/
    /*opacity: 0;*/
    /*max-height: 0;*/
    /*transition: max-height 0.5s ease, opacity 0.5s ease;*/
    overflow: visible;
    color: white;
    margin: 0 15px 0 15px;
    /*display: none;*/
    /*transform-origin: top; !* Плавное изменение размера с верхней части *!*/
    /*transition: transform 5s ease-in-out;*/
    /*scroll-behavior: smooth;*/
    /*overflow: hidden; !* Скрывает текст за пределами контейнера *!*/
    /*overflow-x: scroll; !* Оставляем возможность прокрутки *!*/
    /*scrollbar-width: none; !* Скрывает полосу прокрутки в Firefox *!*/
    /*-ms-overflow-style: none; !* Скрывает полосу прокрутки в IE и Edge *!*/
    /*-webkit-overflow-scrolling: touch; !* Для плавной прокрутки на мобильных устройствах *!*/
    flex-direction: row;
    flex-wrap: wrap;
    /*flex: 1;*/
    justify-content: center;
    column-gap: 20px;
    row-gap: 10px;
    display: flex;
}

.resources-wrapper {
    display: grid;
    grid-template-rows: 0fr; /* Полностью скрыто */
    transition: grid-template-rows 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}

.resources-wrapper.visible {
    grid-template-rows: 1fr; /* Автоматическая высота */
    opacity: 1;
}

/*.resources.visible {*/
/*    opacity: 1;*/
/*    max-height: 20px;*/
/*}*/

/*!* Для Chrome, Safari, Opera *!*/
/*.resources::-webkit-scrollbar {*/
/*    display: none;*/
/*    width: 0; !* Скрывает полосу прокрутки *!*/
/*    background: transparent; !* Убирает фоновый цвет полосы прокрутки *!*/
/*}*/

/*.resources::-webkit-scrollbar-thumb {*/
/*    display: none; !* Скрывает "ползунок" *!*/
/*}*/

.planet-in-brackets {
    display: inline-flex;
    text-align: center;
}

.resource {
    flex-wrap: wrap;
    /*white-space: nowrap;*/
    align-items: center;
    display: flex;
    gap: 5px;
    font-size: 14px;
    justify-content: space-between;
}

.resource.center {
    justify-content: center;
}

.resource.left {
    justify-content: start;
}

.resource.inline {
    display: inline-flex;
    vertical-align: middle;
    padding-right: 15px;
    font-size: 16px;
    word-wrap: anywhere;
}

.resource.gap {
    gap: 5px;
}

.resource.margin {
    margin: 5px 0 5px 0;
}

.zoom-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    /*padding: 6px 10px;*/
    border-radius: 6px;
    /*font-size: 18px;*/
    cursor: pointer;
    z-index: 2;
    transition: background 0.3s;
}

.zoom-icon:hover {
    background: rgba(255, 255, 255, 0.4);
}

.icon {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.icon.inline {
    display: inline-flex;
    vertical-align: middle;
}

.icon-medium {
    width: 40px;
    height: 40px;
}

.icon-large {
    width: 100px;
    height: 100px;
}

.icon-full {
    width: 100%;
    height: 100%;
}

.icon-planet {
    background: url('https://static.wgame.space/icons/planets/planet.svg') no-repeat center;
    background-size: contain;
}

.icon-sun {
    background: url('https://static.wgame.space/icons/suns/sun.svg') no-repeat center;
    background-size: contain;
}

.icon-investigations {
    background: url('https://static.wgame.space/icons/investigations/investigations.svg') no-repeat center;
    background-size: contain;
}

[class*="icon-investigation-"] {
    background: url('https://static.wgame.space/icons/investigations/investigations.svg') no-repeat center;
    background-size: contain;
}

.icon-energy {
    background: url('https://static.wgame.space/icons/features/feature-25.svg') no-repeat center;
    background-size: contain;
}

.icon-building-1 {
    background: url('https://static.wgame.space/icons/buildings/building-1.svg') no-repeat center;
    background-size: contain;
}

.icon-building-2 {
    background: url('https://static.wgame.space/icons/buildings/building-2.svg') no-repeat center;
    background-size: contain;
}

.icon-building-3 {
    background: url('https://static.wgame.space/icons/buildings/building-3.svg') no-repeat center;
    background-size: contain;
}

.icon-building-4 {
    background: url('https://static.wgame.space/icons/buildings/building-4.svg') no-repeat center;
    background-size: contain;
}

.icon-building-5 {
    background: url('https://static.wgame.space/icons/buildings/building-5.svg') no-repeat center;
    background-size: contain;
}

.icon-building-6 {
    background: url('https://static.wgame.space/icons/buildings/building-6.svg') no-repeat center;
    background-size: contain;
}

.icon-building-7 {
    background: url('https://static.wgame.space/icons/buildings/building-7.svg') no-repeat center;
    background-size: contain;
}

.icon-building-8 {
    background: url('https://static.wgame.space/icons/buildings/building-8.svg') no-repeat center;
    background-size: contain;
}

.icon-building-9 {
    background: url('https://static.wgame.space/icons/buildings/building-9.svg') no-repeat center;
    background-size: contain;
}

.icon-building-10 {
    background: url('https://static.wgame.space/icons/buildings/building-10.svg') no-repeat center;
    background-size: contain;
}

.icon-building-11 {
    background: url('https://static.wgame.space/icons/buildings/building-11.svg') no-repeat center;
    background-size: contain;
}

.icon-building-13 {
    background: url('https://static.wgame.space/icons/buildings/building-13.svg') no-repeat center;
    background-size: contain;
}

.icon-building-14 {
    background: url('https://static.wgame.space/icons/buildings/building-14.svg') no-repeat center;
    background-size: contain;
}

.icon-building-15 {
    background: url('https://static.wgame.space/icons/buildings/building-15.svg') no-repeat center;
    background-size: contain;
}

.icon-building-16 {
    background: url('https://static.wgame.space/icons/buildings/building-16.svg') no-repeat center;
    background-size: contain;
}

.icon-building-17 {
    background: url('https://static.wgame.space/icons/buildings/building-17.svg') no-repeat center;
    background-size: contain;
}

.icon-building-18 {
    background: url('https://static.wgame.space/icons/buildings/building-18.svg') no-repeat center;
    background-size: contain;
}

.icon-building-19 {
    background: url('https://static.wgame.space/icons/buildings/building-19.svg') no-repeat center;
    background-size: contain;
}

.icon-building-20 {
    background: url('https://static.wgame.space/icons/buildings/building-20.svg') no-repeat center;
    background-size: contain;
}

.icon-building-21 {
    background: url('https://static.wgame.space/icons/buildings/building-21.svg') no-repeat center;
    background-size: contain;
}

.icon-building-22 {
    background: url('https://static.wgame.space/icons/buildings/building-22.svg') no-repeat center;
    background-size: contain;
}

.icon-building-23 {
    background: url('https://static.wgame.space/icons/buildings/building-23.svg') no-repeat center;
    background-size: contain;
}

.icon-building-24 {
    background: url('https://static.wgame.space/icons/buildings/building-24.svg') no-repeat center;
    background-size: contain;
}

.icon-building-25 {
    background: url('https://static.wgame.space/icons/buildings/building-25.svg') no-repeat center;
    background-size: contain;
}

.icon-building-26 {
    background: url('https://static.wgame.space/icons/buildings/building-26.svg') no-repeat center;
    background-size: contain;
}

.icon-building-27 {
    background: url('https://static.wgame.space/icons/buildings/building-27.svg') no-repeat center;
    background-size: contain;
}

.icon-building-28 {
    background: url('https://static.wgame.space/icons/buildings/building-28.svg') no-repeat center;
    background-size: contain;
}

.icon-building-29 {
    background: url('https://static.wgame.space/icons/buildings/building-29.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-1 {
    background: url('https://static.wgame.space/icons/fleet/fleet-1.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-2 {
    background: url('https://static.wgame.space/icons/fleet/fleet-2.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-3 {
    background: url('https://static.wgame.space/icons/fleet/fleet-3.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-4 {
    background: url('https://static.wgame.space/icons/fleet/fleet-4.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-5 {
    background: url('https://static.wgame.space/icons/fleet/fleet-5.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-6 {
    background: url('https://static.wgame.space/icons/fleet/fleet-6.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-7 {
    background: url('https://static.wgame.space/icons/fleet/fleet-7.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-8 {
    background: url('https://static.wgame.space/icons/fleet/fleet-8.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-9 {
    background: url('https://static.wgame.space/icons/fleet/fleet-9.svg') no-repeat center;
    background-size: contain;
}

.icon-fleet-10 {
    background: url('https://static.wgame.space/icons/fleet/fleet-10.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-1 {
    background: url('https://static.wgame.space/icons/defense/defense-1.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-2 {
    background: url('https://static.wgame.space/icons/defense/defense-2.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-3 {
    background: url('https://static.wgame.space/icons/defense/defense-3.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-4 {
    background: url('https://static.wgame.space/icons/defense/defense-4.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-5 {
    background: url('https://static.wgame.space/icons/defense/defense-5.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-6 {
    background: url('https://static.wgame.space/icons/defense/defense-6.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-7 {
    background: url('https://static.wgame.space/icons/defense/defense-7.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-8 {
    background: url('https://static.wgame.space/icons/defense/defense-8.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-9 {
    background: url('https://static.wgame.space/icons/defense/defense-9.svg') no-repeat center;
    background-size: contain;
}

.icon-defense-10 {
    background: url('https://static.wgame.space/icons/defense/defense-10.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-1 {
    background: url('https://static.wgame.space/icons/resources/resource-1.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-2 {
    background: url('https://static.wgame.space/icons/resources/resource-2.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-3 {
    background: url('https://static.wgame.space/icons/resources/resource-3.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-4 {
    background: url('https://static.wgame.space/icons/resources/resource-4.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-5 {
    background: url('https://static.wgame.space/icons/resources/resource-5.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-6 {
    background: url('https://static.wgame.space/icons/resources/resource-6.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-7 {
    background: url('https://static.wgame.space/icons/resources/resource-7.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-8 {
    background: url('https://static.wgame.space/icons/resources/resource-8.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-9 {
    background: url('https://static.wgame.space/icons/resources/resource-9.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-10 {
    background: url('https://static.wgame.space/icons/resources/resource-10.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-11 {
    background: url('https://static.wgame.space/icons/resources/resource-11.svg') no-repeat center;
    background-size: contain;
}

.icon-resource-12 {
    background: url('https://static.wgame.space/icons/resources/resource-12.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-1 {
    background: url('https://static.wgame.space/icons/features/feature-1.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-2 {
    background: url('https://static.wgame.space/icons/features/feature-2.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-3 {
    background: url('https://static.wgame.space/icons/features/feature-3.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-4 {
    background: url('https://static.wgame.space/icons/features/feature-4.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-5 {
    background: url('https://static.wgame.space/icons/features/feature-5.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-6 {
    background: url('https://static.wgame.space/icons/features/feature-6.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-7 {
    background: url('https://static.wgame.space/icons/features/feature-7.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-8 {
    background: url('https://static.wgame.space/icons/features/feature-8.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-9 {
    background: url('https://static.wgame.space/icons/features/feature-9.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-10 {
    background: url('https://static.wgame.space/icons/features/feature-10.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-11 {
    background: url('https://static.wgame.space/icons/features/feature-11.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-12 {
    background: url('https://static.wgame.space/icons/features/feature-12.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-13 {
    background: url('https://static.wgame.space/icons/features/feature-13.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-14 {
    background: url('https://static.wgame.space/icons/features/feature-14.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-15 {
    background: url('https://static.wgame.space/icons/features/feature-15.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-16 {
    background: url('https://static.wgame.space/icons/features/feature-16.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-17 {
    background: url('https://static.wgame.space/icons/features/feature-17.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-18 {
    background: url('https://static.wgame.space/icons/features/feature-18.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-19 {
    background: url('https://static.wgame.space/icons/features/feature-19.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-20 {
    background: url('https://static.wgame.space/icons/features/feature-20.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-21 {
    background: url('https://static.wgame.space/icons/features/feature-21.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-22 {
    background: url('https://static.wgame.space/icons/features/feature-22.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-23 {
    background: url('https://static.wgame.space/icons/features/feature-23.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-24 {
    background: url('https://static.wgame.space/icons/features/feature-24.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-25 {
    background: url('https://static.wgame.space/icons/features/feature-25.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-26 {
    background: url('https://static.wgame.space/icons/features/feature-26.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-27 {
    background: url('https://static.wgame.space/icons/features/feature-27.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-28 {
    background: url('https://static.wgame.space/icons/features/feature-28.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-29 {
    background: url('https://static.wgame.space/icons/features/feature-29.svg') no-repeat center;
    background-size: contain;
}

.icon-feature-30 {
    background: url('https://static.wgame.space/icons/general/hourglass.svg') no-repeat center;
    background-size: contain;
}

.resource-name {
    display: flex;
    color: silver;
    align-content: center;
    align-items: center;
}

.resource-name.margin-bottom {
    margin-bottom: 5px;
}

.resource-name.center {
    justify-content: center;
}

.resource-value {
    /*color: chartreuse;*/
    color: lightskyblue;
    align-content: center;
}

.feature-value {
    display: flex;
    align-items: center;
    color: mediumseagreen;
    align-content: center;
}

.feature-value.offensive {
    color: lightsalmon;
    align-content: center;
}

.feature-value.defensive {
    color: burlywood;
    align-content: center;
}

.feature-value.inline {
    display: inline-flex;
}

.building-value {
    color: mediumslateblue;
    align-content: center;
}

.building-value.met {
    color: lime;
}

.building-value.inline {
    display: inline-flex;
}

.resource-value-current {
    color: lightskyblue;
    align-content: center;
}

.resource-value-current.max {
    color: orangered;
}

.fleet {
    flex-wrap: wrap;
    white-space: nowrap;
    display: flex;
    gap: 5px;
    font-size: 14px;
    justify-content: space-between;
    /*margin: 10px 0;*/
    margin-bottom: 5px;
}

.fleet.center {
    justify-content: center;
}

.investigation-value {
    color: teal;
    align-content: center;
}

.investigation-value.met {
    color: lime;
}

.fleet-value {
    color: orangered;
    align-content: center;
}

.fleet-value.inline {
    display: inline-flex;
}

.defense-value {
    color: darkorange;
    align-content: center;
}

.defense-value.inline {
    display: inline-flex;
}

.fleet-groups-value {
    color: mediumspringgreen;
    align-content: center;
}

.priority-value {
    /*color: rosybrown;*/
    color: orangered;
    align-content: center;
}

.relic-name {
    color: silver;
    align-content: center;
    display: flex;
    align-items: center;
}

.relic-value {
    color: darkviolet;
    align-content: center;
}

.icon-relic-1 {
    background: url('https://static.wgame.space/icons/relics/relic-1.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-2 {
    background: url('https://static.wgame.space/icons/relics/relic-2.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-3 {
    background: url('https://static.wgame.space/icons/relics/relic-3.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-4 {
    background: url('https://static.wgame.space/icons/relics/relic-4.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-5 {
    background: url('https://static.wgame.space/icons/relics/relic-5.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-6 {
    background: url('https://static.wgame.space/icons/relics/relic-6.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-7 {
    background: url('https://static.wgame.space/icons/relics/relic-7.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-8 {
    background: url('https://static.wgame.space/icons/relics/relic-8.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-9 {
    background: url('https://static.wgame.space/icons/relics/relic-9.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-10 {
    background: url('https://static.wgame.space/icons/relics/relic-10.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-11 {
    background: url('https://static.wgame.space/icons/relics/relic-11.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-12 {
    background: url('https://static.wgame.space/icons/relics/relic-12.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-13 {
    background: url('https://static.wgame.space/icons/relics/relic-13.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-14 {
    background: url('https://static.wgame.space/icons/relics/relic-14.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-15 {
    background: url('https://static.wgame.space/icons/relics/relic-15.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-16 {
    background: url('https://static.wgame.space/icons/relics/relic-16.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-17 {
    background: url('https://static.wgame.space/icons/relics/relic-17.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-18 {
    background: url('https://static.wgame.space/icons/relics/relic-18.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-19 {
    background: url('https://static.wgame.space/icons/relics/relic-19.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-20 {
    background: url('https://static.wgame.space/icons/relics/relic-20.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-21 {
    background: url('https://static.wgame.space/icons/relics/relic-21.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-22 {
    background: url('https://static.wgame.space/icons/relics/relic-22.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-23 {
    background: url('https://static.wgame.space/icons/relics/relic-23.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-24 {
    background: url('https://static.wgame.space/icons/relics/relic-24.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-25 {
    background: url('https://static.wgame.space/icons/relics/relic-25.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-26 {
    background: url('https://static.wgame.space/icons/relics/relic-26.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-27 {
    background: url('https://static.wgame.space/icons/relics/relic-27.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-28 {
    background: url('https://static.wgame.space/icons/relics/relic-28.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-29 {
    background: url('https://static.wgame.space/icons/relics/relic-29.svg') no-repeat center;
    background-size: contain;
}

.icon-relic-30 {
    background: url('https://static.wgame.space/icons/relics/relic-30.svg') no-repeat center;
    background-size: contain;
}

.capacity-value {
    align-content: center;
    color: yellow;
}

.object-value {
    align-content: center;
    color: yellow;
}

.object-value.inline {
    display: inline-flex;
}

.username-value {
    align-content: center;
    color: cornflowerblue;
}

.username-value.inline {
    display: inline-flex;
}

.mission-value-1 {
    align-content: center;
    color: blueviolet;
}

.mission-value-2 {
    align-content: center;
    color: orangered;
}

.mission-value-3 {
    align-content: center;
    color: lawngreen;
}

.mission-value-4 {
    align-content: center;
    color: yellow;
}

.mission-value-5 {
    align-content: center;
    color: cornflowerblue;
}

.direction-value {
    align-content: center;
}

.time-value {
    color: lime;
    align-content: center;
}

.time-value.inline {
    display: inline-flex;
}

.damage-value {
    color: aqua;
    align-content: center;
}

.damage-value.inline {
    display: inline-flex;
}

.icon-mission-spy {
    background: url('https://static.wgame.space/icons/misssions/spy.svg') no-repeat center;
    background-size: contain;
}

.icon-mission-attack{
    background: url('https://static.wgame.space/icons/misssions/attack.svg') no-repeat center;
    background-size: contain;
}

.icon-mission-defend {
    background: url('https://static.wgame.space/icons/misssions/defend.svg') no-repeat center;
    background-size: contain;
}

.icon-mission-colonize {
    background: url('https://static.wgame.space/icons/misssions/colonize.svg') no-repeat center;
    background-size: contain;
}

.icon-mission-capture {
    background: url('https://static.wgame.space/icons/misssions/capture.svg') no-repeat center;
    background-size: contain;
}

.icon-general-completed {
    background: url('https://static.wgame.space/icons/general/completed.svg') no-repeat center;
    background-size: contain;
}

.icon-general-close {
    background: url('https://static.wgame.space/icons/general/close.svg') no-repeat center;
    background-size: contain;
}

.icon-general-hourglass {
    background: url('https://static.wgame.space/icons/general/hourglass.svg') no-repeat center;
    background-size: contain;
}

.icon-general-players {
    background: url('https://static.wgame.space/icons/general/players.svg') no-repeat center;
    background-size: contain;
}

.icon-general-alliance {
    background: url('https://static.wgame.space/icons/general/alliance.svg') no-repeat center;
    background-size: contain;
}

.icon-general-mission {
    background: url('https://static.wgame.space/icons/general/mission.svg') no-repeat center;
    background-size: contain;
}

.icon-general-direction-forward {
    background: url('https://static.wgame.space/icons/general/direction-forward.svg') no-repeat center;
    background-size: contain;
}

.icon-general-direction-back {
    background: url('https://static.wgame.space/icons/general/direction-back.svg') no-repeat center;
    background-size: contain;
}

.icon-general-fleet-groups {
    background: url('https://static.wgame.space/icons/general/fleet-groups.svg') no-repeat center;
    background-size: contain;
}

.icon-general-zoom {
    background: url('https://static.wgame.space/icons/general/zoom.svg') no-repeat center;
    background-size: contain;
}

.icon-general-level {
    background: url('https://static.wgame.space/icons/general/level.svg') no-repeat center;
    background-size: contain;
}

.icon-general-active {
    background: url('https://static.wgame.space/icons/general/active.svg') no-repeat center;
    background-size: contain;
}

.glow {
    filter: drop-shadow(1px 1px 1px lightsteelblue);
}

.empty {
    color: silver;
    text-align: center;
    font-size: 16px;
}

@media (max-width: 1000px) {
    .master-container {
        width: 100%;
    }

    .container {
        flex-direction: column;
        height: fit-content;
    }

    .dropdown-planet-container {
        width: 100%;
    }

    .dropdown-planet {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.input-number-tooltip {
    text-align: left;
    display: none;
    position: absolute;
    background-color: white;
    color: black;
    padding: 5px;
    border-radius: 4px;
    font-size: 16px;
    z-index: 10;
}

.input-number-tooltip.show {
    display: block;
}







.model-container {
    position: relative;
    width: 200px;
    aspect-ratio: 1 / 1;
}

.model {
    width: 100%;
    height: 100%;
    --poster-color: transparent;
}

.close-overlay {
    max-width: min-content;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: url('https://static.wgame.space/icons/general/close.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    padding: 20px 20px;
    border: 0;
    border-radius: 8px;
    z-index: 10000;
}

.close-overlay:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.fullscreen-model {
    width: 100vw;
    height: 100vh;
    --poster-color: transparent;
}

.overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    z-index: 9;
    justify-content: center;
    align-items: center;
}

@media (max-width: 220px) {
    .dropdown-planet {
        width: 100%;
    }
}

@media (max-width: 512px) {
    .model-container {
        width: 100%;
    }
}

@media (min-width: 1000px) and (max-width: 1100px) {
    .model-container {
        width: 100%;
    }
}

.resources-run {
    display: inline-block;
    animation: resources-run 10s linear infinite; /* Применение анимации */
}

@keyframes resources-run {
    0% {
        transform: translateX(100%); /* Начало за правой границей */
    }
    100% {
        transform: translateX(-100%); /* Перемещение за левую границу */
    }
}