.rift-ui {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 100;
    font-family: Arial, sans-serif;
}

.rift-ui * {
    pointer-events: auto;
}

/* 次元裂缝背包样式已在RiftInventory.js中定义 */

/* 奖励选择界面动画 */
@keyframes rewardCardHover {
    from { transform: scale(1); }
    to { transform: scale(1.05); }
}

.reward-card:hover {
    animation: rewardCardHover 0.3s ease-out forwards;
}

/* 场景特效样式 */
.rift-scenario-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* 次元裂缝专用按键提示 */
.rift-controls-hint {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 200;
}

/* 里程碑奖励界面样式 */
.milestone-rewards-ui {
    scrollbar-width: thin;
    scrollbar-color: #00aaff #001122;
}

.milestone-rewards-ui::-webkit-scrollbar {
    width: 8px;
}

.milestone-rewards-ui::-webkit-scrollbar-track {
    background: #001122;
    border-radius: 4px;
}

.milestone-rewards-ui::-webkit-scrollbar-thumb {
    background: #00aaff;
    border-radius: 4px;
}

.milestone-rewards-ui::-webkit-scrollbar-thumb:hover {
    background: #00ddff;
}