/**
 * VOID GACHA · 手機效能模式（≤720px）
 * 降低 GPU 合成與無限 CSS 動畫，減少發燙；不影響桌面版。
 */

@media (max-width: 720px) {
    /* —— 圖鑑／背包 MR·UR 彩虹全息（最大熱源） —— */
    .catalog-card--rainbow-holo .void-rainbow-shine-wrap::after,
    .void-card-stage.void-rainbow-holo-active--grid.void-rainbow-shine-wrap::after,
    .catalog-card--rainbow-holo .void-card-holo.void-rainbow-holo::before,
    .catalog-card--rainbow-holo .void-card-holo.void-rainbow-holo::after,
    .void-card-stage.void-rainbow-holo-active--grid .void-card-holo.void-rainbow-holo::before,
    .void-card-stage.void-rainbow-holo-active--grid .void-card-holo.void-rainbow-holo::after,
    .void-rainbow-shine-wrap::after,
    .void-card-holo.void-rainbow-holo::before,
    .void-card-holo.void-rainbow-holo::after {
        animation: none !important;
    }

    .catalog-card--rainbow-holo .void-card-holo.void-rainbow-holo::before,
    .void-card-holo.void-rainbow-holo::before {
        opacity: 0.32;
    }

    .catalog-card--rainbow-holo .void-card-holo.void-rainbow-holo::after,
    .void-card-stage.void-rainbow-holo-active--grid .void-card-holo.void-rainbow-holo::after {
        opacity: 0.16;
    }

    /* —— 首頁／認證區 —— */
    .home-mega-title h1,
    .marquee-track,
    .void-seal-cert--pillar,
    .void-seal-cert__sweep::after,
    .void-seal-cert__rainbow,
    .void-seal-cert__sparkles {
        animation: none !important;
    }

    .void-seal-cert__rainbow {
        -webkit-text-fill-color: #ffe8a8;
        color: #ffe8a8;
        background: none;
        filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.55));
    }

    /* —— 召喚聖殿分頁與按鈕 —— */
    .pool-tab-gem--mythic,
    .pool-tab-gem--prime,
    .pool-tab-gem--silver,
    .pool-tab-gem__ring,
    .pool-tab-gem__burst,
    .pool-tab-gem__flare,
    .mythic-summon-btn__aura,
    .mythic-summon-btn__frame::before,
    .mythic-summon-btn__shield-gem,
    .mythic-summon-btn__flame,
    .mythic-summon-btn__rune,
    .mythic-summon-btn__gem-ring,
    .mythic-summon-btn__gem-ring i,
    .mythic-summon-btn__wings::before,
    .mythic-summon-btn__wings::after,
    .mythic-summon-btn__title,
    .summon-chamber__title::after {
        animation: none !important;
    }

    .mythic-summon-btn__title,
    .mythic-summon-btn__title--epic {
        -webkit-text-fill-color: #fff8f0;
        color: #fff8f0;
        background: none;
    }

    /* —— 開屏歡迎（若未跳過） —— */
    .hero-welcome__nebula,
    .hero-welcome__stars,
    .hero-welcome__scanline,
    .hero-welcome__title {
        animation: none !important;
    }

    /* —— 卡牌星光（圖鑑格） —— */
    .card-unified-stars {
        animation: none !important;
    }

    /* —— 減少 mix-blend 持續合成 —— */
    .catalog-card--rainbow-holo .void-rainbow-shine-wrap::after {
        mix-blend-mode: normal;
        opacity: 0.12;
    }
}

/* 分頁在背景時：全裝置暫停動畫（由 JS 加 class） */
html.void-page-hidden * {
    animation-play-state: paused !important;
}

html.void-page-hidden *::before,
html.void-page-hidden *::after {
    animation-play-state: paused !important;
}