/**
 * CSS for TVW Plot Hub - Games Tab
 * Date: 2025
 */

/* MAIN */
.plothub-container.games.tvw {
    background-image: linear-gradient(transparent, transparent calc(60% - 4em), rgba(255, 70, 255, 0.15) calc(75% - 4em), rgba(255, 70, 255, 0.5) calc(90% - 4em), #fff calc(100% - 3em)), url(images/void-pattern.png);
    background-size: 100% 100%, 150px;
    background-position: center, bottom;
    background-repeat: repeat;
    background-attachment: scroll, fixed;
}

/* GAMES */
.plothub-container.games.tvw .plothub-games {
    background: linear-gradient(rgba(255, 70, 255, 0.15) 0%, rgba(255, 70, 255, 0.8) min(15em,35%), #fff min(25em,60%)) center bottom / 100% 100% repeat;
}

.plothub-container.games.tvw .plothub-games-list {
    border-image: url(images/prize-shop-backing.png) 66 66 fill / 50px 50px;
}

.plothub-container.games.tvw .plothub-game {
    box-shadow: 0 0 13px 0 #FF46FF;
}

.plothub-container.games.tvw .plothub-game .plothub-notif {
    background-image: url(../header/images/notif-icon.png);
}

.plothub-container.games.tvw .plothub-game .plothub-title {
    background: #EC83FF;
    color: #301F86;
}