Danro-Jump/Assets/UI/MainMenu/MainMenu.uss

.main-menu-root {
    flex-grow: 1;
    min-width: 100%;
    min-height: 100%;
    background-color: rgb(45, 82, 31);
    background-image: url("project://database/Assets/Sprites/UI/Backgrounds/strart_screen_art.png");
    -unity-background-scale-mode: scale-and-crop;
    color: rgb(255, 255, 255);
    overflow: hidden;
}

.forest-vignette {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(22, 43, 12, 0.18);
}

.spark {
    position: absolute;
    background-image: url("project://database/Assets/Sprites/UI/MainMenu/spark.png");
    -unity-background-scale-mode: scale-to-fit;
    opacity: 0.82;
}

.spark-a {
    width: 112px;
    height: 112px;
    left: 92px;
    top: 592px;
}

.spark-b {
    width: 96px;
    height: 96px;
    right: 84px;
    top: 858px;
}

.spark-c {
    width: 72px;
    height: 72px;
    right: 184px;
    bottom: 354px;
    opacity: 0.66;
}

.spark-d {
    width: 86px;
    height: 86px;
    left: 726px;
    bottom: 242px;
    opacity: 0.72;
}

.top-hud {
    position: absolute;
    left: 58px;
    top: 76px;
    width: 614px;
    height: 98px;
    flex-direction: row;
}

.resource-pill {
    position: relative;
    width: 284px;
    height: 86px;
    margin-right: 26px;
    padding-left: 98px;
    padding-top: 12px;
    background-image: url("project://database/Assets/Sprites/UI/Components/icon.png");
    -unity-background-scale-mode: stretch-to-fill;
}

.hud-icon {
    position: absolute;
    left: -22px;
    top: -30px;
    width: 110px;
    height: 110px;
    -unity-background-scale-mode: scale-to-fit;
}

.heart-icon {
    background-image: url("project://database/Assets/Sprites/UI/heart.png");
}

.coin-icon {
    background-image: url("project://database/Assets/Sprites/UI/coin.png");
}

.hud-value {
    font-size: 43px;
    -unity-font-style: bold;
    color: rgb(255, 255, 255);
}

.hud-caption {
    position: absolute;
    left: 6px;
    bottom: -38px;
    font-size: 24px;
    letter-spacing: 3px;
    -unity-font-style: bold;
    color: rgb(84, 68, 174);
}

.extra-life-strip {
    position: absolute;
    left: 60px;
    top: 224px;
    width: 472px;
    height: 104px;
    flex-direction: row;
    align-items: center;
    padding-left: 28px;
    padding-right: 36px;
    background-image: url("project://database/Assets/Sprites/UI/Components/button_white.png");
    -unity-background-scale-mode: stretch-to-fill;
}

.exchange-text {
    font-size: 36px;
    -unity-font-style: bold;
    color: rgb(0, 0, 0);
    margin-right: 18px;
}

.exchange-icon {
    width: 66px;
    height: 66px;
    margin-right: 26px;
    -unity-background-scale-mode: scale-to-fit;
}

.exchange-caption {
    position: absolute;
    left: 0;
    bottom: -48px;
    font-size: 22px;
    letter-spacing: 3px;
    -unity-font-style: bold;
    color: rgb(84, 68, 174);
}

.game-title-art {
    position: absolute;
    right: 24px;
    top: 340px;
    width: 704px;
    height: 208px;
    background-image: url("project://database/Assets/Sprites/UI/MainMenu/Game_Title.png");
    -unity-background-scale-mode: scale-to-fit;
}

.crystal-art {
    position: absolute;
    background-image: url("project://database/Assets/Sprites/UI/MainMenu/Crystal_art.png");
    -unity-background-scale-mode: scale-to-fit;
}

.crystal-left {
    left: -132px;
    bottom: -54px;
    width: 382px;
    height: 594px;
}

.crystal-right {
    left: 502px;
    top: 846px;
    width: 214px;
    height: 314px;
}

.character-art {
    position: absolute;
    left: 46px;
    top: 610px;
    width: 604px;
    height: 604px;
    background-image: url("project://database/Assets/Sprites/UI/Character/character.png");
    -unity-background-scale-mode: scale-to-fit;
}

.super-prize-row {
    position: absolute;
    left: 374px;
    right: 34px;
    top: 1032px;
    height: 144px;
    flex-direction: row;
    align-items: center;
}

.super-prize-label {
    font-size: 58px;
    letter-spacing: 4px;
    -unity-font-style: bold;
    color: rgb(189, 255, 0);
    margin-right: 22px;
}

.super-prize-slot {
    width: 118px;
    height: 118px;
    background-image: url("project://database/Assets/Sprites/Props/Collectibles/Gift.png");
    -unity-background-scale-mode: scale-to-fit;
}

.main-actions {
    position: absolute;
    right: 26px;
    top: 1188px;
    width: 574px;
}

.menu-button {
    width: 574px;
    height: 126px;
    margin-bottom: 26px;
    border-width: 0;
    font-size: 47px;
    -unity-font-style: bold;
    background-image: url("project://database/Assets/Sprites/UI/Components/button.png");
    -unity-background-scale-mode: stretch-to-fill;
}

.play-button {
    color: rgb(19, 73, 50);
    background-color: rgb(255, 255, 255);
    background-image: url("project://database/Assets/Sprites/UI/Components/button_white.png");
}

.rules-button {
    color: rgb(23, 72, 31);
    background-color: rgb(199, 255, 0);
}

.price-banner {
    position: absolute;
    left: 266px;
    right: 266px;
    bottom: 192px;
    height: 112px;
    align-items: center;
    justify-content: center;
    background-image: url("project://database/Assets/Sprites/UI/Components/plashka_central.png");
    -unity-background-scale-mode: stretch-to-fill;
}

.price-label {
    font-size: 45px;
    -unity-font-style: bold;
    color: rgb(22, 73, 45);
}

.service-area {
    position: absolute;
    left: 44px;
    bottom: 38px;
    width: 486px;
    min-height: 120px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 24px;
    background-color: rgba(11, 34, 17, 0.45);
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.25);
}

.service-line {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.86);
    margin-bottom: 5px;
}

.service-button {
    position: absolute;
    right: 14px;
    bottom: 12px;
    width: 128px;
    height: 42px;
    border-width: 0;
    border-radius: 14px;
    font-size: 16px;
    -unity-font-style: bold;
    color: rgba(255, 255, 255, 0.86);
    background-color: rgba(255, 255, 255, 0.16);
}

.support-line {
    position: absolute;
    right: 52px;
    bottom: 96px;
    font-size: 22px;
    -unity-font-style: bold;
    color: rgba(255, 255, 255, 0.92);
}

.support-site {
    position: absolute;
    right: 52px;
    bottom: 58px;
    font-size: 24px;
    -unity-font-style: bold;
    color: rgba(255, 255, 255, 0.96);
}