/* ===== WORLD NOTE MINES ===== */

.mrme-mines-layer{
  position:absolute;
  inset:0;
  z-index:145;
  pointer-events:none;
}

.mrme-mine-route-svg{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}

.mrme-mine-line-base{
  stroke:rgba(255,255,255,.38);
  stroke-width:1.5;
  stroke-dasharray:4 5;
  stroke-linecap:round;
  filter:drop-shadow(0 0 2px rgba(0,0,0,.9));
}

.mrme-mine-line-active{
  stroke:#7ee787;
  stroke-width:2.8;
  stroke-dasharray:7 5;
  stroke-linecap:round;
  animation:mrme-route-flow .8s linear infinite;
  filter:drop-shadow(0 0 3px rgba(0,0,0,.95)) drop-shadow(0 0 8px rgba(126,231,135,.8));
}

/* ===== WORLD NOTE MINES CLEAN HOVER ===== */

#mrme-app .mrme-note-mine{
  position:absolute;
  z-index:20;

  width:calc(var(--mrme-world-cell-w,72px) * .72);
  min-width:46px;
  height:calc(var(--mrme-world-cell-h,72px) * .72);
  min-height:46px;

  transform:translate3d(-50%,-50%,0) scale(var(--mine-scale,1));
  transform-origin:center center;
  will-change:transform;
  transition:
    transform .12s ease,
    border-color .12s ease,
    box-shadow .12s ease;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;

  padding:3px;
  border-radius:18px;
  border:2px solid rgba(126,231,135,.85);

  background:
    radial-gradient(circle at 50% 35%,rgba(126,231,135,.26),rgba(6,78,59,.88) 62%,rgba(3,24,18,.94));

  color:#eaffea;
  box-shadow:
    0 10px 24px rgba(0,0,0,.34),
    0 0 16px rgba(126,231,135,.42),
    inset 0 1px 0 rgba(255,255,255,.16);

  cursor:pointer;
  pointer-events:auto;
  overflow:visible;
  backface-visibility:hidden;
}

#mrme-app .mrme-note-mine:hover{
  --mine-scale:1.06;

  border-color:#d9ff99;
  box-shadow:
    0 14px 30px rgba(0,0,0,.38),
    0 0 24px rgba(126,231,135,.78),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.mrme-note-mine.active{
  border-color:#ffd166;
  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 22px rgba(255,209,102,.8),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.mrme-note-mine .ico{
  font-size:21px;
  line-height:1;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.65));
}

.mrme-note-mine b{
  max-width:90px;
  font-size:9px;
  line-height:1.05;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mrme-note-mine small{
  max-width:92px;
  font-size:7px;
  line-height:1.05;
  opacity:.86;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#mrme-app .mrme-mine-mission-label{
  position:absolute;
  z-index:35;
  transform:translate3d(-50%,calc(-50% - 36px),0) scale(var(--mine-label-scale,1));
  transform-origin:center center;

  padding:4px 7px;
  border-radius:999px;
  background:rgba(4,20,15,.88);
  border:1px solid rgba(126,231,135,.7);
  color:#eaffea;

  font-size:10px;
  line-height:1;
  font-weight:1000;

  pointer-events:auto;
  cursor:pointer;
  user-select:none;

  box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 12px rgba(126,231,135,.35);

  appearance:none;
  -webkit-appearance:none;
}

#mrme-app .mrme-mine-mission-label:hover{
  --mine-label-scale:1.06;
  border-color:#d9ff99;
}

#mrme-app .mrme-note-mine.enemy-active{
  border-color:#ff6b6b;
  box-shadow:
    0 12px 28px rgba(0,0,0,.42),
    0 0 24px rgba(255,107,107,.72),
    inset 0 1px 0 rgba(255,255,255,.18);
}

#mrme-app .mrme-mine-mission-label.enemy{
  border-color:rgba(255,107,107,.9);
  background:rgba(42,12,12,.9);
  color:#ffecec;
  box-shadow:0 8px 18px rgba(0,0,0,.38),0 0 12px rgba(255,107,107,.38);
}

#mrme-app .mrme-mine-mission-label.own{
  border-color:rgba(126,231,135,.8);
}

#mrme-app .mrme-enemy-mine-row{
  border-color:rgba(255,107,107,.45);
  background:rgba(80,20,20,.22);
}

#mrme-app .mrme-audio-toggle{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:999999;

  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;

  background:rgba(0,0,0,.55);
  color:#fff;

  font-size:19px;
  cursor:pointer;

  box-shadow:0 8px 20px rgba(0,0,0,.35);
  backdrop-filter:blur(8px);
}

#mrme-app .mrme-audio-toggle:hover{
  transform:scale(1.05);
}

/* ===== CUSTOM MINE IMAGE ===== */

#mrme-app .mrme-note-mine{
  width:66px !important;
  height:66px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

#mrme-app .mrme-note-mine .ico{
  display:block !important;
  width:55px !important;
  height:55px !important;

  background-image:url('mine.png') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;

  font-size:0 !important;
  line-height:0 !important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.45));
}

#mrme-app .mrme-note-mine b{
  position:absolute !important;
  left:50% !important;
  top:66px !important;
  transform:translateX(-50%) !important;

  min-width:90px !important;
  padding:3px 7px !important;
  border-radius:999px !important;

  background:rgba(20,14,8,.72) !important;
  color:#fff2cf !important;
  font-size:10px !important;
  line-height:1.1 !important;
  text-align:center !important;
  white-space:nowrap !important;

  pointer-events:none !important;
}

/* όταν το κρατάει κάποιος / είναι ενεργό */
#mrme-app .mrme-note-mine.active .ico{
  transform:scale(1.08);
}

#mrme-app .mrme-note-mine.enemy-active .ico{
  filter:
    drop-shadow(0 0 8px rgba(255,60,60,.8))
    drop-shadow(0 7px 10px rgba(0,0,0,.45));
}
/* ===== MINE OWNER CIRCLE ===== */

/* βάση: κανένας δεν το κρατάει => δεν φαίνεται κύκλος */
#mrme-app .mrme-note-mine::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:68px !important;
  height:68px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  display:none !important;
  pointer-events:none !important;
  z-index:0 !important;
}

/* η εικόνα να είναι πάνω από τον κύκλο */
#mrme-app .mrme-note-mine .ico{
  position:relative !important;
  z-index:2 !important;
}

/* το όνομα επίσης πάνω */
#mrme-app .mrme-note-mine b{
  z-index:3 !important;
}

/* το κρατάς εσύ */
#mrme-app .mrme-note-mine.active:not(.enemy-active)::before{
  display:block !important;
  border:3px solid rgba(80,255,140,.95) !important;
  background:rgba(80,255,140,.13) !important;
  box-shadow:
    0 0 10px rgba(80,255,140,.75),
    inset 0 0 10px rgba(80,255,140,.35) !important;
}

/* το κρατάει εχθρός */
#mrme-app .mrme-note-mine.enemy-active::before{
  display:block !important;
  border:3px solid rgba(255,65,65,.95) !important;
  background:rgba(255,65,65,.14) !important;
  box-shadow:
    0 0 12px rgba(255,65,65,.85),
    inset 0 0 10px rgba(255,65,65,.35) !important;
}