#endgame{
  padding:10px 8px calc(135px + env(safe-area-inset-bottom,0px))!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(129,52,190,.12),transparent 26%),
    linear-gradient(180deg,#020704 0%,#051009 58%,#020603 100%)!important;
}
#endgame .v457-shell{
  gap:10px!important;
}

/* ===== Hero / Portal ===== */
#endgame .v457-hero{
  min-height:300px!important;
  box-sizing:border-box!important;
  padding:18px 16px 12px!important;
  border:2px solid #7a5428!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg,rgba(5,5,12,.97) 0%,rgba(6,7,14,.92) 45%,rgba(8,5,15,.35) 72%,rgba(8,5,15,.10) 100%),
    linear-gradient(180deg,transparent 0%,transparent 66%,rgba(6,3,10,.95) 77%,rgba(6,3,10,.99) 100%),
    url("assets/v7195-base64/59e83b9e215ffb456623.webp")!important;
  background-size:auto,auto,cover!important;
  background-position:center,center,right top!important;
  background-repeat:no-repeat!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.62),
    inset 0 0 0 3px rgba(29,14,8,.74),
    inset 0 0 0 5px rgba(141,94,38,.30)!important;
}
#endgame .v457-hero::after{
  display:none!important;
  content:none!important;
}
#endgame .v457-kicker{
  position:relative!important;
  z-index:2!important;
  margin:0 0 4px!important;
  color:#d6a0ff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-shadow:0 0 9px rgba(185,77,255,.35)!important;
}
#endgame .v457-hero h2{
  position:relative!important;
  z-index:2!important;
  max-width:66%!important;
  margin:4px 0 8px!important;
  color:#f8edff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  line-height:1.02!important;
  text-shadow:
    0 2px 0 #25102e,
    0 0 8px #a553d4,
    0 0 18px rgba(145,59,204,.65)!important;
}
#endgame .v457-hero p{
  position:relative!important;
  z-index:2!important;
  width:64%!important;
  max-width:360px!important;
  margin:0!important;
  color:#e0e0e4!important;
  font-size:9.5px!important;
  line-height:1.48!important;
  text-shadow:0 1px 3px #000!important;
}
#endgame .v457-summary{
  position:absolute!important;
  z-index:3!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
#endgame .v457-stat{
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:8px 4px!important;
  border:1px solid #7f3e9f!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(193,83,255,.18),transparent 48%),
    linear-gradient(180deg,rgba(36,15,48,.96),rgba(15,7,22,.98))!important;
  box-shadow:
    inset 0 0 0 2px rgba(42,17,54,.85),
    0 0 11px rgba(165,64,222,.12)!important;
}
#endgame .v457-stat::before{
  display:block!important;
  margin-bottom:2px!important;
  color:#ea9cff!important;
  font-size:16px!important;
  line-height:1!important;
  filter:drop-shadow(0 0 5px rgba(195,74,255,.46));
}
#endgame .v457-stat:nth-child(1)::before{content:"☠️"}
#endgame .v457-stat:nth-child(2)::before{content:"⚔️"}
#endgame .v457-stat:nth-child(3)::before{content:"💀"}
#endgame .v457-stat span{
  color:#d8c7e4!important;
  font-size:7px!important;
  line-height:1.15!important;
}
#endgame .v457-stat b{
  margin-top:2px!important;
  color:#f1d5ff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:18px!important;
  line-height:1!important;
  text-shadow:0 0 7px rgba(213,119,255,.32)!important;
}

/* ===== Locked information ===== */
#endgame .v457-lock{
  padding:12px 13px!important;
  border:1px solid #9c6a27!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 0 50%,rgba(190,117,32,.14),transparent 35%),
    linear-gradient(180deg,#251707,#120d06)!important;
  color:#e2cda6!important;
  font-size:9px!important;
  line-height:1.5!important;
  box-shadow:inset 0 1px rgba(255,225,161,.06),0 7px 16px rgba(0,0,0,.32)!important;
}
#endgame .v457-lock b{
  color:#f3ca6f!important;
  font-size:11px!important;
}

/* ===== Rift cards ===== */
#endgame .v457-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
#endgame .v457-tier{
  min-height:164px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:12px!important;
  border:1px solid #3a735e!important;
  border-radius:12px!important;
  background-color:#07100c!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#eef2ee!important;
  box-shadow:
    inset 0 0 0 1px rgba(121,202,168,.06),
    0 5px 14px rgba(0,0,0,.30)!important;
  opacity:1!important;
  filter:none!important;
}
#endgame .v457-tier:nth-child(1){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/e712ab2a3529f5a21119.webp")!important}
#endgame .v457-tier:nth-child(2){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/eecd7677ed198b9fea00.webp")!important}
#endgame .v457-tier:nth-child(3){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/250c6e6ca2ca1e8d7e41.webp")!important}
#endgame .v457-tier:nth-child(4){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/92b1886e700f48ad7256.webp")!important}
#endgame .v457-tier:nth-child(5){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/5a49cb2265396c2603c8.webp")!important}
#endgame .v457-tier:nth-child(6){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/c7a61b1a89cbd1da9bb3.webp")!important}
#endgame .v457-tier:nth-child(7){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/be94bdbbb92c74b025a8.webp")!important}
#endgame .v457-tier:nth-child(8){background-image:linear-gradient(90deg,rgba(2,9,8,.98) 0%,rgba(2,9,8,.87) 43%,rgba(2,9,8,.12) 79%),url("assets/v7195-base64/e7367331e5239930061c.webp")!important}
#endgame .v457-tier:nth-child(9){
  grid-column:1/-1!important;
  min-height:166px!important;
  background-image:linear-gradient(90deg,rgba(2,9,8,.97) 0%,rgba(2,9,8,.80) 39%,rgba(2,9,8,.10) 75%),url("assets/v7195-base64/3a245b6eaeb27ad4215b.webp")!important;
}
#endgame .v457-tier.current{
  border-color:#a65ae3!important;
  box-shadow:0 0 0 1px rgba(182,94,238,.24),0 0 18px rgba(169,78,226,.22),inset 0 0 20px rgba(131,55,178,.09)!important;
}
#endgame .v457-tier.done{
  border-color:#6da169!important;
}
#endgame .v457-tier.locked{
  border-color:#365b4d!important;
}
#endgame .v457-tier-num{
  color:#d6e1dd!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.14em!important;
  text-shadow:0 1px 2px #000!important;
}
#endgame .v457-tier-name{
  max-width:76%!important;
  margin:5px 0 2px!important;
  color:#f6f4ed!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  text-shadow:0 2px 3px #000!important;
}
#endgame .v457-tier-range{
  color:#d0d7d1!important;
  font-size:8px!important;
  text-shadow:0 1px 2px #000!important;
}
#endgame .v457-tier-progress{
  display:inline-block!important;
  margin-top:8px!important;
  padding:4px 7px!important;
  border:1px solid rgba(83,167,128,.56)!important;
  border-radius:8px!important;
  background:rgba(3,13,9,.80)!important;
  color:#e2e8e3!important;
  font-size:8px!important;
  line-height:1!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
#endgame .v457-tier.locked .v457-mini-track{
  display:none!important;
}
#endgame .v457-mini-track{
  width:72%!important;
  height:4px!important;
  margin-top:7px!important;
  border:1px solid rgba(98,81,117,.42)!important;
  background:#030604!important;
}
#endgame .v457-mini-track i{
  background:linear-gradient(90deg,#6b2f8c,#c26eff)!important;
  box-shadow:0 0 7px rgba(195,90,255,.40)!important;
}

/* If the endgame is still sealed, the approved overview contains no combat panel. */
#endgame .v457-lock ~ .v457-grid + .v457-fight{
  display:none!important;
}

/* Live combat panel once a rift is actually available */
#endgame .v457-fight{
  border:1px solid #6a3c7e!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(161,71,216,.12),transparent 32%),
    linear-gradient(160deg,#15101d,#07100b)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.35)!important;
}
#endgame .v457-rec{
  border-color:#8c50aa!important;
  background:#1b0e25!important;
  color:#edc9ff!important;
}

/* ===== Wooden endgame motto ===== */
#endgame .v457-shell::after{
  content:"🌿   DAS ENDE IST NUR EIN NEUER ANFANG   🌿";
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:57px!important;
  box-sizing:border-box!important;
  padding:8px 12px!important;
  border:2px solid #805822!important;
  border-radius:13px!important;
  background:
    repeating-linear-gradient(7deg,rgba(255,255,255,.025) 0 3px,rgba(0,0,0,.025) 3px 7px),
    linear-gradient(180deg,#593419,#311a0d)!important;
  color:#73ec57!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  text-shadow:0 0 8px rgba(81,216,66,.34)!important;
  box-shadow:inset 0 0 0 3px rgba(27,14,6,.70),0 7px 17px rgba(0,0,0,.42)!important;
}

@media(max-width:560px){
  #endgame{
    padding:8px 7px calc(160px + env(safe-area-inset-bottom,0px))!important;
  }
  #endgame .v457-hero{
    min-height:270px!important;
    padding:14px 12px 10px!important;
  }
  #endgame .v457-kicker{font-size:7.3px!important}
  #endgame .v457-hero h2{
    max-width:70%!important;
    font-size:25px!important;
  }
  #endgame .v457-hero p{
    width:66%!important;
    font-size:7.6px!important;
  }
  #endgame .v457-summary{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    gap:4px!important;
  }
  #endgame .v457-stat{
    min-height:70px!important;
    padding:6px 2px!important;
  }
  #endgame .v457-stat::before{font-size:14px!important}
  #endgame .v457-stat span{font-size:5.9px!important}
  #endgame .v457-stat b{font-size:15px!important}
  #endgame .v457-lock{
    padding:10px!important;
    font-size:7.7px!important;
  }
  #endgame .v457-lock b{font-size:9.4px!important}
  #endgame .v457-grid{gap:6px!important}
  #endgame .v457-tier{
    min-height:145px!important;
    padding:9px!important;
  }
  #endgame .v457-tier:nth-child(9){min-height:150px!important}
  #endgame .v457-tier-num{font-size:6px!important}
  #endgame .v457-tier-name{
    max-width:80%!important;
    font-size:11.2px!important;
  }
  #endgame .v457-tier-range{font-size:6.8px!important}
  #endgame .v457-tier-progress{
    margin-top:6px!important;
    padding:4px 5px!important;
    font-size:6.6px!important;
  }
  #endgame .v457-shell::after{
    min-height:52px!important;
    font-size:6.6px!important;
  }
}
body.v650-native-safe #endgame{
  padding-bottom:calc(185px + env(safe-area-inset-bottom,0px))!important;
}