/* ========================================
   Canvas 迷雾效果层样式
   使用 Canvas + anime.js 实现动态迷雾边界
   ======================================== */

/* 地图容器 */
.map-container {
    position: relative;
    overflow: hidden;
}

/* Canvas 迷雾叠加层 */
.fog-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 不阻挡鼠标事件 */
    z-index: 100; /* 在地图内容之上 */
    opacity: 1;
}

/* 地图内容容器 */
.dungeon-content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* 确保地图网格正常显示 */
.map-grid {
    position: relative;
    z-index: 1;
}