/* BLACKSAW2081 LAB v2.8.60 — naprawa ramki, paska i linii ruchu */

/* ===================== KOMUNIKATY ===================== */
#phaseToast.phase-toast{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  width:min(560px,88vw)!important;
  min-width:0!important;
  min-height:168px!important;
  transform:translate(-50%,-50%) scale(.98)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:opacity .10s ease,transform .10s ease,visibility .10s ease!important;
  z-index:3000!important;
}
#phaseToast.phase-toast.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

/* Tło tylko wewnątrz ramki. */
#phaseToast.phase-toast>.blacksaw-frame-content{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  top:24px!important;
  bottom:24px!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:18px 132px 20px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(5,6,8,.10),rgba(3,4,6,.28)),
    url('../images/ui/frame_background.png') center/cover no-repeat!important;
  box-shadow:none!important;
  text-align:center!important;
}
#phaseToast.phase-toast>.blacksaw-frame-content>strong,
#phaseToast.phase-toast>.blacksaw-frame-content>span,
#phaseToast.phase-toast>.blacksaw-frame-content>small{
  position:relative!important;
  top:4px!important;
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#phaseToast.phase-toast>.blacksaw-frame-content>strong{margin:0 0 4px!important}
#phaseToast.phase-toast>.blacksaw-frame-content>span{margin:0 0 7px!important}
#phaseToast.phase-toast>.blacksaw-frame-content>small{margin:0!important;line-height:1.35!important}

/* Narożniki. */
#phaseToast.phase-toast>.blacksaw-frame-corner{
  position:absolute!important;
  width:138px!important;
  height:118px!important;
  aspect-ratio:auto!important;
  z-index:10!important;
  opacity:1!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.9))!important;
  pointer-events:none!important;
}
#phaseToast.phase-toast>.frame-top-left{left:-2px!important;top:-2px!important}
#phaseToast.phase-toast>.frame-top-right{right:-2px!important;top:-2px!important}
#phaseToast.phase-toast>.frame-bottom-left{left:-2px!important;bottom:-2px!important}
#phaseToast.phase-toast>.frame-bottom-right{right:-2px!important;bottom:-2px!important}

/* Tylko górna i dolna belka, bez bocznych czerwonych artefaktów. */
#phaseToast.phase-toast>.bs-nine-edge{
  position:absolute!important;
  z-index:6!important;
  pointer-events:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  background:linear-gradient(180deg,#2f2522 0%,#0c0d10 45%,#090a0c 58%,#362622 100%)!important;
}
#phaseToast.phase-toast>.bs-nine-edge-top{
  top:7px!important;
  left:124px!important;
  right:124px!important;
  height:12px!important;
}
#phaseToast.phase-toast>.bs-nine-edge-bottom{
  bottom:7px!important;
  left:124px!important;
  right:124px!important;
  height:12px!important;
}
#phaseToast.phase-toast>.bs-nine-edge-left,
#phaseToast.phase-toast>.bs-nine-edge-right,
#phaseToast.phase-toast>.blacksaw-frame-glow{
  display:none!important;
}

/* Jednolity pasek postępu, bez segmentów i prześwitów. */
#phaseToast.phase-toast>.message-progress{
  position:absolute!important;
  left:145px!important;
  right:145px!important;
  top:auto!important;
  bottom:24px!important;
  height:5px!important;
  margin:0!important;
  z-index:30!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:#07080a!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
  pointer-events:none!important;
  --message-duration:1000ms!important;
}
#phaseToast.phase-toast>.message-progress span{
  display:block!important;
  width:0!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#7c0717 0%,#ee1447 55%,#ff6a38 100%)!important;
  box-shadow:0 0 8px rgba(238,20,71,.9)!important;
}
#phaseToast.phase-toast>.message-progress span.running{
  animation:messageProgressFill 1000ms linear forwards!important;
}

/* ===================== LINIA RUCHU ===================== */
.cell{position:relative!important}
.movement-path-cell-overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:80!important;
  overflow:visible!important;
  pointer-events:none!important;
  display:block!important;
  opacity:1!important;
}
.movement-path-cell-overlay .movement-path-line,
.movement-path-line{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 0 3px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(255,255,255,.5))!important;
}
.movement-walker{
  position:absolute!important;
  z-index:100!important;
}

@media(max-width:720px){
  #phaseToast.phase-toast>.blacksaw-frame-content{
    left:18px!important;right:18px!important;top:20px!important;bottom:20px!important;
    padding:16px 104px 18px!important;
  }
  #phaseToast.phase-toast>.message-progress{
    left:112px!important;right:112px!important;bottom:21px!important;
  }
}