/* === FILE: minimap.css === */
#minimap-container {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 150px;
    height: 150px;
    background: rgba(20, 20, 20, 0.85);
    border: 2px solid #333;
    border-radius: 6px;
    z-index: 999999;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    overflow: hidden;
    cursor: pointer;
}
#mm-viewport-box {
    position: absolute;
    border: 1.5px solid #00ffaa;
    background: rgba(0, 255, 170, 0.07);
    pointer-events: none;
    box-sizing: border-box;
    z-index: 10;
}
#mm-nodes-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5;
}
.mm-node {
    position: absolute;
    border-radius: 1px;
    box-sizing: border-box;
}
.mm-nodeText {
    background: #818cf8;
    border: 0.5px solid #1e1b4b;
}
.mm-nodeImage {
    background: #f87171;
    border: 0.5px solid #7f1d1d;
}
.mm-nodeToDo {
    background: #4ade80;
    border: 0.5px solid #064e3b;
}
.mm-nodeTwins {
    background: #ca8a04;
    border: 0.5px solid #854d0e;
}
.mm-nodeBackArea {
    background: rgba(100, 116, 139, 0.3);
    border: 0.5px dashed #64748b;
}
.mm-nodeAnchor {
    background: #db2777;
}