/* ===== V4.02 Dungeon 1 visual overhaul ===== */
#dungeon{
  --d1-gold:#b9934b;
  --d1-red:#8f342c;
  --d1-green:#557b45;
}

#dungeon .card{
  border-color:#403a2c!important;
  background:
    linear-gradient(180deg,rgba(13,17,14,.96),rgba(7,10,8,.98))!important;
  box-shadow:0 18px 42px #0008,inset 0 1px #ffffff08!important;
}

#dungeonMapCard{
  position:relative;
  overflow:hidden;
  min-height:560px;
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(5,8,6,.88),rgba(5,8,6,.30) 38%,rgba(5,8,6,.18) 70%,rgba(5,8,6,.72)),
    linear-gradient(180deg,rgba(5,8,6,.20),rgba(5,8,6,.80)),
    url("assets/v7195-base64/68796abdcb8ea72846cb.webp") center/cover no-repeat!important;
}

#dungeonMapCard:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 75% 15%,rgba(137,50,42,.12),transparent 28%),
    radial-gradient(circle at 35% 60%,rgba(75,111,64,.10),transparent 34%);
}

.v064-dungeon-head{
  position:relative;
  z-index:2;
  max-width:510px;
  padding:18px 18px 6px;
}
.v064-dungeon-kicker{
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#b99a62;
  font-weight:900;
}
.v064-dungeon-title{
  margin:4px 0 5px;
  font-family:Georgia,serif;
  font-size:27px;
  line-height:1.05;
  color:#eee6d2;
  text-shadow:0 2px 12px #000;
}
.v064-dungeon-desc{
  max-width:430px;
  color:#bcb9aa;
  font-size:11px;
  line-height:1.5;
}

.v064-map{
  position:relative;
  z-index:2;
  height:400px;
  margin:0 12px 12px;
}
.v064-path{
  position:absolute;
  height:3px;
  transform-origin:left center;
  background:repeating-linear-gradient(90deg,#c8b278 0 7px,transparent 7px 13px);
  filter:drop-shadow(0 1px 2px #000);
  opacity:.75;
}
.v064-node{
  position:absolute;
  width:50px;
  height:50px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:2px solid #5d664d;
  background:radial-gradient(circle at 38% 30%,#26351f,#11170f 65%,#080b08);
  box-shadow:0 0 0 4px #0008,0 7px 15px #0008,inset 0 0 12px #0008;
  color:#d9ddcf;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Georgia,serif;
  font-weight:900;
  font-size:18px;
  cursor:pointer;
}
.v064-node.done{
  border-color:#668451;
  color:#dbe7ce;
}
.v064-node.current{
  width:58px;height:58px;
  border-color:#d0a54c;
  color:#ffe0a0;
  box-shadow:0 0 0 4px #0009,0 0 22px #b97b2b88,inset 0 0 16px #0008;
}
.v064-node.locked{
  filter:grayscale(.9);
  opacity:.58;
  cursor:not-allowed;
}
.v064-node.boss{
  width:70px;height:70px;
  border-color:#9c3d32;
  color:#ffc1aa;
  background:radial-gradient(circle at 40% 30%,#4a1815,#1d0b0a 68%,#090504);
  box-shadow:0 0 0 5px #0009,0 0 28px #a4312877,inset 0 0 18px #000;
}
.v064-node-label{
  position:absolute;
  top:calc(100% + 7px);
  left:50%;
  transform:translateX(-50%);
  width:90px;
  text-align:center;
  color:#c9c3ae;
  font-size:8px;
  line-height:1.15;
  text-shadow:0 2px 4px #000;
  pointer-events:none;
}
.v064-node.current .v064-node-label{color:#f0d49b}
.v064-node.boss .v064-node-label{color:#efb0a3}

.v064-map-info{
  position:absolute;
  right:15px;
  bottom:15px;
  z-index:3;
  width:min(290px,42%);
  padding:12px;
  border:1px solid #665637;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(13,17,14,.91),rgba(7,10,8,.95));
  box-shadow:0 12px 28px #0008;
}
.v064-map-info b{color:#e6d8b7}
.v064-map-info .tiny{line-height:1.55}

#dungeonDetail.v064-battle-card{
  position:relative;
  overflow:hidden;
  min-height:530px;
  background:
    linear-gradient(90deg,rgba(5,7,6,.92),rgba(5,7,6,.34) 43%,rgba(5,7,6,.52)),
    linear-gradient(180deg,rgba(5,7,6,.22),rgba(5,7,6,.88)),
    url("assets/v7195-base64/e78be8069102cb7d7266.webp") center/cover no-repeat!important;
}
#dungeonDetail.v064-battle-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 35%,rgba(113,151,75,.12),transparent 28%);
  pointer-events:none;
}
.v064-battle-ui{
  position:relative;
  z-index:2;
  min-height:500px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.v064-enemy-panel{
  margin-left:auto;
  width:min(390px,55%);
  padding:18px;
  text-align:right;
}
.v064-enemy-name{
  font-family:Georgia,serif;
  font-size:26px;
  color:#e5ddc7;
  text-shadow:0 3px 12px #000;
}
.v064-danger{
  display:inline-block;
  margin-top:5px;
  padding:4px 8px;
  border:1px solid #74433a;
  border-radius:999px;
  background:#1d0e0cbb;
  color:#d99c8e;
  font-size:9px;
  font-weight:900;
}
.v064-hp{
  height:12px;
  margin-top:12px;
  overflow:hidden;
  border:1px solid #4d312d;
  border-radius:999px;
  background:#090707;
}
.v064-hp > div{
  height:100%;
  width:100%;
  background:linear-gradient(90deg,#74261f,#bd4939);
  transition:width .25s ease;
}
.v064-battle-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-items:end;
  padding:15px;
}
.v064-player-box,.v064-log-box{
  padding:12px;
  border:1px solid #4b4938;
  border-radius:12px;
  background:rgba(7,10,8,.88);
  box-shadow:0 10px 24px #0007;
}
.v064-log-box{
  min-height:105px;
  color:#c9c4b2;
  font-size:10px;
  line-height:1.45;
}
.v064-fight-button{
  min-height:46px!important;
  font-family:Georgia,serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  border-color:#7d3d31!important;
  background:linear-gradient(180deg,#68271f,#32120f)!important;
  color:#f0d5c9!important;
}

#dungeon .v064-noemoji{
  font-family:Georgia,serif;
}

/* Mobile keeps map readable rather than collapsing into website cards. */
@media(max-width:650px){
  #dungeonMapCard{min-height:650px}
  .v064-map{height:470px;margin:0 5px}
  .v064-node{width:43px;height:43px;font-size:15px}
  .v064-node.current{width:50px;height:50px}
  .v064-node.boss{width:58px;height:58px}
  .v064-node-label{width:72px;font-size:7px}
  .v064-map-info{
    left:10px;right:10px;bottom:10px;width:auto;
  }
  #dungeonDetail.v064-battle-card{min-height:620px}
  .v064-enemy-panel{width:88%;padding:15px}
  .v064-battle-bottom{grid-template-columns:1fr;padding:10px}
}