body{background-color: #330000;color: #fff;font-family: "Nunito", sans-serif}.card{color: #eee}.gradient-1{background-color: #6d0505;background-image: linear-gradient(45deg, #6d0505 0, #a00f0f 49%, #6d0505)}.gradient-2{background-color: #3d0000}a{text-decoration: none}#game-carousel{flex: 1 0 auto;width: 50%;margin: 0 auto}.desktop-nav-container > .list-group > .list-group-item{background-color: #3d0000;background-image: linear-gradient(45deg, #3d0000 50%, #a00f0f 100%);color: #eeeeee;border: 1px solid #3d0000;border-radius: 0;padding: 10px;font-size: 12px}.desktop-nav-container > .list-group > .list-group-item.active{background: #520500;border: none;color: #ffd800}.game-card .card-body{padding: 5px}.card-image{overflow: hidden;position: relative;border-radius: 6px}.card-image img{border-radius: 6px;transition: transform 0.5s ease}.card-image:hover img{transform: scale(1.15)}.card-image::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: opacity 0.5s ease;border-radius: 6px;z-index: 2}.card-image:hover::before{opacity: 1}.card-image .rtp-button{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: grid;gap: 10px;opacity: 0;visibility: hidden;transition: all 0.5s ease;z-index: 3}.card-image:hover .rtp-button{visibility: visible;opacity: 1}.percent-txt{z-index: 3;position: absolute;text-align: center;width: 100%;font-size: 12px;font-weight: bold;color: white;text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000}