/* ===== V4.02 Dungeon redesign ===== */

#dungeon{
  --d236-bg:#07100a;
  --d236-panel:#0d1810;
  --d236-panel2:#101d13;
  --d236-edge:#34573a;
  --d236-green:#74d95c;
  --d236-green2:#b6ed8d;
  --d236-gold:#d1aa4c;
  padding-left:8px!important;
  padding-right:8px!important;
}

/* Shared dungeon cards */
#dungeon > .card,
#dungeon .card{
  border:1px solid var(--d236-edge)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(109,214,84,.08),transparent 31%),
    linear-gradient(155deg,#101d13,#07100a 72%)!important;
  box-shadow:
    0 15px 38px #0008,
    inset 0 1px rgba(255,255,255,.025)!important;
}

/* ---------- 20 dungeon world map ---------- */
#dungeon #dungeonMapCard.v065-worldmap-card{
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 16%,rgba(74,130,69,.18),transparent 34%),
    linear-gradient(180deg,#101b12 0%,#08110b 100%)!important;
}

#dungeon .v065-worldmap-head{
  position:relative!important;
  z-index:3!important;
  margin:0 0 8px!important;
  padding:8px 9px!important;
  border:1px solid #2f5035!important;
  border-radius:11px!important;
  background:rgba(5,12,8,.78)!important;
  text-align:left!important;
}

#dungeon .v065-worldmap-kicker{
  margin-bottom:2px!important;
  color:#79d961!important;
  font-size:6px!important;
  font-weight:1000!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

#dungeon .v065-worldmap-title{
  color:#edf5e9!important;
  font-size:14px!important;
  line-height:1.15!important;
  text-shadow:none!important;
}

#dungeon .v065-worldmap-desc{
  margin-top:4px!important;
  max-width:none!important;
  color:#879b8b!important;
  font-size:6px!important;
  line-height:1.35!important;
}

#dungeon .v065-dungeon-world{
  position:relative!important;
  height:600px!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #2b4830!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(105,180,82,.10),transparent 24%),
    radial-gradient(circle at 82% 72%,rgba(86,130,65,.08),transparent 28%),
    linear-gradient(145deg,#0d1a10,#07100a)!important;
  box-shadow:inset 0 0 55px #000b!important;
}

/* old huge photo map is intentionally suppressed */
#dungeon .v065-worldmap-card,
#dungeon .v065-dungeon-world{
  background-image:
    radial-gradient(circle at 18% 18%,rgba(105,180,82,.10),transparent 24%),
    radial-gradient(circle at 82% 72%,rgba(86,130,65,.08),transparent 28%),
    linear-gradient(145deg,#0d1a10,#07100a)!important;
}

#dungeon .v065-world-line,
#dungeon .v065-map-line{
  opacity:.42!important;
  filter:none!important;
}

#dungeon .v065-dungeon-node{
  width:68px!important;
  min-width:68px!important;
  min-height:44px!important;
  padding:5px 4px!important;
  border:1px solid #3a573e!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#152219,#0a130d)!important;
  box-shadow:0 6px 13px #0008,inset 0 1px rgba(255,255,255,.025)!important;
  transform:translate(-50%,-50%)!important;
}

#dungeon .v065-dungeon-node .v065-num{
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 2px!important;
  border-radius:7px!important;
  background:#0a120c!important;
  color:#b6c6b7!important;
  font-size:7px!important;
  font-weight:1000!important;
}

#dungeon .v065-dungeon-node .v065-name{
  display:block!important;
  overflow:hidden!important;
  color:#a7b6a8!important;
  font-size:5.3px!important;
  line-height:1.15!important;
  text-align:center!important;
}

#dungeon .v065-dungeon-node.available{
  border-color:#4b8150!important;
  background:linear-gradient(180deg,#18301d,#0b1710)!important;
  box-shadow:0 0 11px rgba(100,205,80,.13),0 6px 13px #0008!important;
}

#dungeon .v065-dungeon-node.available .v065-num{
  color:#b8ee9c!important;
}

#dungeon .v065-dungeon-node.current{
  border-color:#8cce65!important;
  box-shadow:0 0 14px rgba(116,217,92,.28),0 7px 14px #0009!important;
}

#dungeon .v065-dungeon-node.locked{
  opacity:.50!important;
  filter:grayscale(.55)!important;
}

#dungeon .v065-dungeon-node.completed{
  border-color:#5e5132!important;
  opacity:.64!important;
}

#dungeon .v065-world-info{
  margin-top:7px!important;
  padding:8px!important;
  border:1px solid #2f4d34!important;
  border-radius:10px!important;
  background:#08120b!important;
  color:#dce9da!important;
  font-size:8px!important;
}

#dungeon .v065-world-info .tiny{
  color:#849888!important;
  font-size:6px!important;
  line-height:1.35!important;
}

/* ---------- inside one dungeon / 10 rooms ---------- */
#dungeon .v065-back-world,
#dungeon #v065BackWorld{
  min-height:31px!important;
  margin:0 0 7px!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  border-color:#405e43!important;
  background:#0b1710!important;
  color:#a5c9a0!important;
  font-size:6px!important;
}

#dungeon .v064-map-card,
#dungeon .dungeon-map-card,
#dungeon #dungeonMapCard:not(.v065-worldmap-card){
  min-height:0!important;
  padding:9px!important;
  border-radius:13px!important;
}

#dungeon .v064-map-head,
#dungeon .dungeon-detail{
  margin-bottom:7px!important;
  padding:8px!important;
  border:1px solid #315137!important;
  border-radius:10px!important;
  background:#09140d!important;
}

#dungeon .dungeon-detail h3{
  margin:0 0 4px!important;
  color:#e6efe2!important;
  font-size:11px!important;
}

#dungeon .dungeon-detail .state{
  color:#8fa191!important;
  font-size:6px!important;
  line-height:1.35!important;
}

#dungeon #dungeonMap,
#dungeon .v064-room-map{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  padding:7px!important;
  border:1px solid #29472f!important;
  border-radius:11px!important;
  background:#07100a!important;
}

#dungeon .room-node,
#dungeon [data-v064-room]{
  min-width:0!important;
  min-height:55px!important;
  padding:5px 2px!important;
  border:1px solid #344f38!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#111e14,#09120c)!important;
}

#dungeon .room-node .node-circle{
  width:28px!important;
  height:28px!important;
  margin:0 auto 3px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #3b5c3f!important;
  border-radius:9px!important;
  background:#08110a!important;
  font-size:15px!important;
}

#dungeon .room-node small{
  font-size:5px!important;
  color:#849588!important;
}

#dungeon .room-node.current,
#dungeon [data-v064-room].current{
  border-color:#75ce59!important;
  box-shadow:0 0 10px rgba(110,214,81,.17)!important;
}

#dungeon .room-node.done,
#dungeon [data-v064-room].done{
  opacity:.58!important;
  border-color:#4e654b!important;
}

/* ---------- battle view ---------- */
#dungeon #dungeonBattleCard{
  padding:10px!important;
}

#dungeon .battle-stage{
  min-height:245px!important;
  border:1px solid #2d4a32!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 36%,rgba(82,135,66,.10),transparent 38%),
    linear-gradient(180deg,#0c1710,#07100a)!important;
  box-shadow:inset 0 0 38px #0008!important;
}

#dungeon .fighter-avatar,
#dungeon #enemyIcon{
  filter:drop-shadow(0 8px 8px #000a)!important;
}

#dungeon .battle-log,
#dungeon #battleLog{
  min-height:44px!important;
  max-height:85px!important;
  padding:7px!important;
  border:1px solid #2e4933!important;
  border-radius:9px!important;
  background:#07100a!important;
  color:#9cad9f!important;
  font-size:6px!important;
  line-height:1.45!important;
}

#dungeon #fightBtn,
#dungeon #dungeonFightBtn{
  min-height:36px!important;
  border-color:#5f9a4d!important;
  background:linear-gradient(180deg,#67bc4d,#3d8c36)!important;
  color:#071008!important;
  font-size:7px!important;
  font-weight:1000!important;
}

#dungeon #loot .loot{
  margin-top:6px!important;
  padding:7px!important;
  border:1px solid #35583a!important;
  border-radius:9px!important;
  background:#08120b!important;
  font-size:6.5px!important;
}

@media(max-width:390px){
  #dungeon .v065-dungeon-world{
    height:570px!important;
  }
  #dungeon .v065-dungeon-node{
    width:61px!important;
    min-width:61px!important;
    min-height:40px!important;
    padding:4px 3px!important;
  }
  #dungeon .v065-dungeon-node .v065-name{
    font-size:4.8px!important;
  }
}