/* BLACKSAW2081 LAB v2.8.42
   - przywrócenie normalnej wysokości komunikatów,
   - bez zaokrąglonych rogów tła,
   - grafika ramy znów definiuje cały kształt,
   - wynik rzutu jako obrażenia HP.
*/

/* Cofamy zbyt dużą wysokość z v2.8.41. */
.phase-toast{
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Tło tylko pod grafiką ramy, bez zaokrąglonych rogów i bez sztucznego panelu. */
.phase-toast > .blacksaw-frame-content{
  min-height:0 !important;
  width:auto !important;
  margin:24px 48px 26px !important;
  padding:17px 30px 30px !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,rgba(5,6,8,.18),rgba(4,5,7,.42)),
    url('../images/ui/frame_background.png') center/cover no-repeat !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* Tekst ma być zwarty i dokładnie na środku. */
.phase-toast > .blacksaw-frame-content > strong,
.phase-toast > .blacksaw-frame-content > span,
.phase-toast > .blacksaw-frame-content > small{
  display:block !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.phase-toast > .blacksaw-frame-content > strong{
  margin-bottom:3px !important;
}

.phase-toast > .blacksaw-frame-content > span{
  margin:0 0 6px !important;
}

.phase-toast > .blacksaw-frame-content > small{
  margin:0 !important;
}

/* Ramka graficzna ma znów definiować ostre, ozdobne rogi. */
.phase-toast > .blacksaw-frame-corner{
  width:46% !important;
  height:auto !important;
  aspect-ratio:591/506 !important;
  opacity:1 !important;
  z-index:7 !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.86)) !important;
}

.phase-toast > .frame-top-left{
  left:-2% !important;
  top:-8% !important;
}
.phase-toast > .frame-top-right{
  right:-2% !important;
  top:-8% !important;
}
.phase-toast > .frame-bottom-left{
  left:-2% !important;
  bottom:-8% !important;
}
.phase-toast > .frame-bottom-right{
  right:-2% !important;
  bottom:-8% !important;
}

/* Pasek tuż nad dolną belką, bez powiększania całego komunikatu. */
.phase-toast > .message-progress{
  left:98px !important;
  right:98px !important;
  bottom:22px !important;
  top:auto !important;
  margin:0 !important;
  z-index:8 !important;
}

/* Wynik rzutu: tylko obrażenia HP lub K.O. */
.combat-roll-result.visible{
  display:block !important;
  opacity:1 !important;
  min-height:1.3em !important;
  margin-top:8px !important;
  margin-bottom:18px !important;
  color:#ff4968 !important;
  font-size:1.08rem !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.95),
    0 0 14px rgba(238,20,71,.82) !important;
}

.combat-roll-result.elimination{
  color:#ffbd32 !important;
  text-shadow:
    0 2px 0 #351000,
    0 0 18px #ff3117 !important;
}

@media(max-width:720px){
  .phase-toast > .blacksaw-frame-content{
    margin:20px 38px 23px !important;
    padding:15px 22px 28px !important;
  }
  .phase-toast > .message-progress{
    left:74px !important;
    right:74px !important;
    bottom:20px !important;
  }
}