
/* Premium cut asset integration */
.game-bg-layer {
    background-size: cover !important;
    background-position: center !important;
    opacity: .78 !important;
    filter: saturate(1.05) contrast(1.05);
}
.game-title-mark img {
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 0 26px rgba(180, 104, 255, .45);
}
.game-nav button {
    display: grid !important;
    grid-template-columns: 48px 1fr;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 8px 12px !important;
    overflow: hidden;
}
.game-nav button > span:not(.game-nav-icon) { display:none !important; }
.game-nav button .game-nav-icon {
    display: grid !important;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 45%, rgba(93,56,129,.9), rgba(15,9,28,.96) 70%);
    border: 1px solid rgba(235, 193, 111, .52);
    box-shadow: inset 0 0 16px rgba(218,173,91,.28), 0 0 18px rgba(143,76,255,.15);
}
.game-nav button .game-nav-icon img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    display:block;
}
.game-nav button em {
    font-style: normal;
    font-weight: 800;
    color: #f7dfad;
    white-space: nowrap;
}
.game-nav button.is-active .game-nav-icon {
    box-shadow: inset 0 0 20px rgba(255,221,137,.45), 0 0 28px rgba(191,79,255,.38);
    border-color: rgba(255,218,139,.9);
}
.game-character-card img,
.character-stage img,
[data-game-avatar] img,
[data-mini-avatar],
.game-avatar img,
.item-icon img,
.skill-icon img,
.beast-card img,
.shop-item img,
.reward-icon img {
    object-fit: cover;
}
.game-character-card img,
.character-stage img {
    filter: drop-shadow(0 28px 45px rgba(0,0,0,.72)) drop-shadow(0 0 32px rgba(157,91,255,.25));
}
.game-main .item-card img,
.game-main .shop-card img,
.game-main .beast-card img {
    border-radius: 14px;
}
.game-panel,
.game-card,
.concept-card,
.game-right-card {
    background-image:
      linear-gradient(135deg, rgba(20, 11, 34, .93), rgba(5, 3, 12, .96)),
      var(--game-panel-img, none);
    background-size: cover;
    background-position:center;
}
@media (max-width: 780px) {
    .game-nav button {
        grid-template-columns: 1fr;
        gap: 2px;
        justify-items: center;
        min-height: 58px;
        padding: 5px !important;
    }
    .game-nav button .game-nav-icon {
        width: 38px;
        height: 38px;
    }
    .game-nav button .game-nav-icon img {
        width: 35px;
        height: 35px;
    }
    .game-nav button em {
        font-size: 10px;
        max-width: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
