/* -- EPIC 4: 角色與互動優化 -- */

/* M4.1: 手機版角色縮小 */
@media (max-width: 480px) {

    .rive-companion.pos-game canvas,
    .rive-companion.pos-menu canvas {
        width: 100px;
        height: 100px;
    }

    .rive-companion.pos-game {
        bottom: 90px;
        right: 8px;
    }

    .companion-name {
        font-size: 11px;
    }
}

/* 點擊隱藏角色 */
.rive-companion.minimized {
    transform: scale(0.3);
    opacity: 0.4;
}

/* M4.2: 快速切換漸層提示 */
@media (max-width: 480px) {
    .quick-switch-container {
        position: relative;
    }

    /* 左側漸層 */
    .quick-switch-container::before {
        content: '';
        position: absolute;
        left: 32px;
        top: 0;
        bottom: 0;
        width: 24px;
        background: linear-gradient(to right, rgba(255, 239, 213, 1), transparent);
        pointer-events: none;
        z-index: 10;
    }

    /* 右側漸層 */
    .quick-switch-container::after {
        content: '';
        position: absolute;
        right: 32px;
        top: 0;
        bottom: 0;
        width: 24px;
        background: linear-gradient(to left, rgba(255, 239, 213, 1), transparent);
        pointer-events: none;
        z-index: 10;
    }

    /* 箭頭按鈕增強 */
    .quick-nav-arrow {
        background: linear-gradient(135deg, #4ECDC4 0%, #45B7D1 100%);
        color: white;
        box-shadow: 0 2px 8px rgba(78, 205, 196, 0.4);
    }
}