/* ===== V4.02 Top dashboard redesign ===== */

/* Header/resources: richer game HUD, still compact on mobile */
header{
  background:
    radial-gradient(circle at 50% -45%,rgba(77,170,73,.18),transparent 52%),
    linear-gradient(180deg,rgba(7,18,9,.98),rgba(5,13,7,.96))!important;
  border-bottom:1px solid #31543a!important;
  box-shadow:0 10px 26px #0009, inset 0 -1px rgba(125,218,100,.06)!important;
}
header .brand{
  padding-bottom:8px;
  border-bottom:1px solid rgba(90,137,82,.18);
}
header .brand h1{
  text-transform:uppercase;
  font-size:21px!important;
  line-height:.92;
  background:linear-gradient(180deg,#a8f07b 0%,#68c64c 46%,#e9bf55 47%,#bd8733 100%);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 5px 18px rgba(96,204,70,.12);
}
header .version{
  background:linear-gradient(180deg,#263d24,#142218)!important;
  border-color:#466d43!important;
  color:#c8efb9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 13px rgba(94,197,74,.08);
}
header .power{
  background:
    radial-gradient(circle at 15% 50%,rgba(245,196,73,.11),transparent 32%),
    linear-gradient(180deg,#131c14,#0b120d)!important;
  border-color:#40573d!important;
  box-shadow:inset 0 0 18px #0005;
}
header .power b{
  color:#f0c85f!important;
  font-size:17px!important;
  margin-left:3px;
  text-shadow:0 0 10px rgba(239,190,74,.18);
}

header .resource-stats{
  gap:8px!important;
  margin-top:9px!important;
}
header .resource-stats .stat{
  position:relative;
  overflow:hidden;
  min-height:91px!important;
  padding:13px 10px 10px 47px!important;
  border-radius:15px!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 12% 35%,var(--v118-glow,rgba(128,200,100,.13)),transparent 31%),
    linear-gradient(145deg,#142017,#0b130d 75%)!important;
  border:1px solid var(--v118-line,#304c33)!important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.32),0 5px 18px rgba(0,0,0,.18);
}
header .resource-stats .stat:before{
  position:absolute;
  left:11px;top:50%;
  transform:translateY(-50%);
  width:29px;height:29px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;
  background:rgba(7,13,8,.58);
  border:1px solid var(--v118-line,#405a3d);
  box-shadow:0 0 13px var(--v118-glow,rgba(100,220,100,.13));
}
header .resource-stats .stat:after{
  content:"";
  position:absolute;right:-20px;bottom:-28px;width:82px;height:82px;border-radius:50%;
  background:radial-gradient(circle,var(--v118-glow,rgba(100,220,100,.12)),transparent 68%);
  pointer-events:none;
}
header .resource-stats .stat:nth-child(1){
  --v118-line:#68572b;--v118-glow:rgba(235,187,66,.17);
}
header .resource-stats .stat:nth-child(1):before{content:"💰"}
header .resource-stats .stat:nth-child(2){
  --v118-line:#60457a;--v118-glow:rgba(175,99,244,.17);
}
header .resource-stats .stat:nth-child(2):before{content:"✦";color:#d59bff;text-shadow:0 0 8px #9c4ee0}
header .resource-stats .stat:nth-child(3){
  --v118-line:#35606b;--v118-glow:rgba(75,205,230,.17);
}
header .resource-stats .stat:nth-child(3):before{content:"💨"}
header .resource-stats .stat:nth-child(4){
  --v118-line:#47763b;--v118-glow:rgba(116,225,74,.18);
}
header .resource-stats .stat:nth-child(4):before{content:"🌿"}
header .resource-stats .stat{
  font-size:9px!important;
  letter-spacing:.08em!important;
  color:#8f9d91!important;
}
header .resource-stats .stat b{
  display:block!important;
  margin-top:5px!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
header .resource-stats .stat:nth-child(1) b{color:#e8bd58!important}
header .resource-stats .stat:nth-child(2) b{color:#c593ed!important}
header .resource-stats .stat:nth-child(3) b{color:#83dce7!important}
header .resource-stats .stat:nth-child(4) b{color:#9ee779!important}

/* Existing refill control: integrate into Dampf card instead of floating visually */
header #v026RefillBtn,
header .resource-stats .stat:nth-child(3) button{
  margin-top:7px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  font-size:8px!important;
  box-shadow:none!important;
}

/* Top worldboss hero - appears FIRST on World page */
#v118WorldBossHero{
  position:relative;
  overflow:hidden;
  min-height:250px;
  margin:0 0 14px;
  border:1px solid #2f8f68;
  border-radius:19px;
  background:
    radial-gradient(circle at 77% 32%,rgba(65,255,126,.15),transparent 28%),
    linear-gradient(115deg,#07130d 0%,#0a2114 48%,#06110b 100%);
  box-shadow:0 16px 35px #0008,0 0 28px rgba(54,213,107,.09),inset 0 0 40px rgba(34,125,75,.10);
}
#v118WorldBossHero:before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle,#79ff9a 0 1px,transparent 1.5px) 0 0/43px 39px,
    linear-gradient(90deg,transparent,rgba(96,255,146,.035),transparent);
  opacity:.22;
  animation:v118TopParticles 12s linear infinite;
}
.v118-boss-copy{
  position:relative;z-index:4;
  width:62%;
  padding:19px 12px 15px 18px;
}
.v118-event-ribbon{
  display:inline-block;
  padding:4px 8px;
  border:1px solid #6545a5;
  border-radius:7px;
  background:linear-gradient(90deg,#4b1a79,#25113c);
  color:#e3beff;
  font-size:8px;font-weight:1000;
  letter-spacing:.08em;
  box-shadow:0 0 13px rgba(159,76,227,.18);
}
.v118-boss-kicker{
  margin-top:13px;
  color:#c4d0c7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.v118-boss-name{
  margin-top:2px;
  font-size:25px;
  line-height:.98;
  font-weight:1000;
  text-transform:uppercase;
  color:#83e85b;
  text-shadow:0 0 15px rgba(84,230,86,.29);
}
.v118-boss-features{
  display:grid;gap:5px;
  margin:12px 0 13px;
  font-size:8px;color:#b2bdb4;
}
.v118-boss-features span:before{
  content:"◆";color:#65d96c;margin-right:5px;
}
.v118-boss-actions{
  display:flex;gap:7px;align-items:center;flex-wrap:wrap;
}
.v118-boss-actions .btn{
  padding:9px 11px!important;
  font-size:9px!important;
  border:1px solid #54aa43!important;
  background:linear-gradient(180deg,#7cdb58,#47a637)!important;
  color:#0b1b08!important;
  box-shadow:0 0 17px rgba(88,215,70,.18)!important;
}
.v118-boss-meta{
  font-size:7px;color:#91a495;
}
.v118-boss-meta b{color:#d9f5d6}

/* compact custom boss illustration */
.v118-boss-art{
  position:absolute;right:-5px;top:5px;bottom:0;width:45%;
  z-index:2;
}
.v118-boss-aura{
  position:absolute;left:50%;top:42%;width:180px;height:180px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(63,255,104,.25),rgba(47,144,65,.08) 40%,transparent 70%);
  filter:blur(7px);
  animation:v118Aura 2.1s ease-in-out infinite alternate;
}
.v118-boss-body{
  position:absolute;left:50%;bottom:6px;
  width:118px;height:170px;transform:translateX(-50%);
  border:3px solid #355f36;
  border-radius:44% 44% 25% 25%;
  background:
    linear-gradient(65deg,transparent 0 51%,rgba(101,255,126,.14) 52% 54%,transparent 55%),
    linear-gradient(115deg,transparent 0 42%,rgba(101,255,126,.12) 43% 45%,transparent 46%),
    radial-gradient(circle at 50% 25%,#315c31,#122617 65%,#071109);
  box-shadow:inset 0 0 30px #000b,0 15px 20px #000c;
}
.v118-boss-head{
  position:absolute;left:50%;top:18px;width:83px;height:74px;
  transform:translateX(-50%);
  border:3px solid #3e673e;border-radius:44% 44% 34% 34%;
  background:radial-gradient(circle at 50% 36%,#305f34,#0d1b10 72%);
}
.v118-boss-head:before,.v118-boss-head:after{
  content:"";position:absolute;top:31px;width:12px;height:7px;border-radius:50%;
  background:#9dff73;box-shadow:0 0 8px #72ff55,0 0 19px #44f343;
}
.v118-boss-head:before{left:17px;transform:rotate(10deg)}
.v118-boss-head:after{right:17px;transform:rotate(-10deg)}
.v118-boss-crystal{
  position:absolute;width:20px;height:52px;
  clip-path:polygon(50% 0,100% 30%,78% 100%,22% 100%,0 30%);
  background:linear-gradient(90deg,#0b6d36,#80ff7d,#139b42);
  filter:drop-shadow(0 0 8px #5cff68);
  animation:v118Crystal 1.6s ease-in-out infinite alternate;
}
.v118-boss-crystal.c1{left:19%;top:44px;transform:rotate(-26deg)}
.v118-boss-crystal.c2{right:18%;top:53px;transform:rotate(26deg);animation-delay:-.6s}
.v118-boss-crystal.c3{left:48%;top:0;height:60px}
.v118-vine{
  position:absolute;bottom:5px;width:75px;height:120px;
  border:5px solid #315d34;border-color:#315d34 transparent transparent #315d34;border-radius:90% 0 0 0;
}
.v118-vine.left{left:-5px;transform:rotate(-16deg)}
.v118-vine.right{right:-5px;transform:scaleX(-1) rotate(-16deg)}
.v118-ground{
  position:absolute;left:50%;bottom:0;width:190px;height:35px;transform:translateX(-50%);
  border:2px solid rgba(71,222,92,.30);border-radius:50%;
  box-shadow:0 0 15px rgba(64,235,96,.16),inset 0 0 14px rgba(67,236,96,.10);
}

/* Welcome card also receives more visual identity */
#world .v085-welcome{
  min-height:132px;
  padding:18px!important;
  background:
    radial-gradient(circle at 85% 45%,rgba(78,179,67,.16),transparent 33%),
    linear-gradient(135deg,#172719,#0d1610 72%)!important;
  border-color:#3d5d3d!important;
}
#world .v085-welcome:before{
  content:"♜";
  position:absolute;right:23px;bottom:-11px;
  font-size:86px;color:rgba(117,206,90,.08);
  filter:drop-shadow(0 0 14px rgba(100,210,80,.08));
}
#world .v085-greeting{
  position:relative;z-index:2;
  font-size:26px!important;
  text-shadow:0 3px 13px #000a;
}
#world .v085-sub,#world .v085-return{position:relative;z-index:2}

/* Active event cards look more like event tiles */
#world .v085-event-card{
  position:relative;overflow:hidden;
  border-color:#574f30!important;
  background:
    radial-gradient(circle at 90% 15%,rgba(238,191,66,.12),transparent 27%),
    linear-gradient(145deg,#1a1b12,#10150f)!important;
  box-shadow:inset 0 0 23px rgba(0,0,0,.28);
}
#world .v085-event-card:after{
  content:"";
  position:absolute;right:-22px;bottom:-22px;width:90px;height:90px;border-radius:50%;
  background:radial-gradient(circle,rgba(230,190,70,.09),transparent 68%);
}

@keyframes v118TopParticles{to{background-position:43px -78px,100px 0}}
@keyframes v118Aura{to{transform:translate(-50%,-50%) scale(1.14);opacity:.7}}
@keyframes v118Crystal{to{filter:drop-shadow(0 0 14px #83ff80) brightness(1.4)}}

@media(max-width:520px){
  header .resource-stats .stat{
    min-height:88px!important;
    padding-left:45px!important;
  }
  #v118WorldBossHero{min-height:266px}
  .v118-boss-copy{width:68%;padding-left:14px}
  .v118-boss-name{font-size:22px}
  .v118-boss-art{width:40%;right:-10px;opacity:.95}
}