/* v0.5.21 — Robot Lab Adventure Upgrade
   Keeps the unified UbayBian shell and upgrades only the Robot Lab content area. */

.robotlab-card.robotlab-adventure-v0521{
  position:relative;
  display:grid;
  gap:14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  color:#173852;
}

/* HERO LAB */
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-v0521{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  padding:22px 24px 20px;
  background:
    radial-gradient(circle at 77% 10%,rgba(255,255,255,.62),transparent 22%),
    radial-gradient(circle at 91% 30%,rgba(255,218,111,.24),transparent 18%),
    linear-gradient(120deg,rgba(255,188,119,.96) 0%,rgba(246,190,214,.94) 42%,rgba(175,237,238,.94) 100%);
  box-shadow:0 16px 34px rgba(36,91,133,.18),inset 0 1px 0 rgba(255,255,255,.82);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-v0521::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-100px;
  width:330px;
  height:330px;
  border-radius:50%;
  border:34px solid rgba(255,255,255,.11);
  pointer-events:none;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(270px,.86fr) 110px;
  align-items:center;
  gap:18px;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-copy{
  align-self:start;
  padding-top:6px;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-kicker{
  display:block;
  margin-bottom:5px;
  color:#7b4f3f;
  font-size:10.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.16em;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-copy h2{
  margin:0;
  color:#fffdf8;
  font-size:31px;
  line-height:1.02;
  font-weight:850;
  letter-spacing:.015em;
  text-shadow:0 3px 10px rgba(92,57,52,.18);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-copy p{
  max-width:420px;
  margin:7px 0 0;
  color:#583e4c;
  font-size:13.5px;
  line-height:1.4;
  font-weight:600;
}

.robotlab-card.robotlab-adventure-v0521 .robotlab-core{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  text-align:center;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-core-orb{
  position:relative;
  display:grid;
  place-items:center;
  width:94px;
  height:94px;
  margin-bottom:7px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:31px;
  background:linear-gradient(145deg,rgba(235,252,255,.95),rgba(255,246,220,.92));
  box-shadow:
    0 0 0 9px rgba(255,255,255,.18),
    0 13px 28px rgba(45,111,143,.22),
    inset 0 1px 0 #fff;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-core-orb::before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:24px;
  border:1px solid rgba(77,180,219,.18);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-robot-emoji{
  margin:0;
  font-size:51px;
  line-height:1;
  filter:drop-shadow(0 7px 8px rgba(54,87,126,.18));
  transform:none;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-current-label{
  display:inline-flex;
  margin:2px 0 4px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:rgba(255,255,255,.46);
  color:#356780;
  font-size:9.5px;
  line-height:1;
  font-weight:850;
  letter-spacing:.1em;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-level-title{
  margin:0;
  color:#163852;
  font-size:19px;
  line-height:1.1;
  font-weight:850;
}

.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-stars{
  position:relative;
  align-self:stretch;
  min-height:104px;
  pointer-events:none;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-stars span{
  position:absolute;
  color:#ffd34f;
  filter:drop-shadow(0 3px 5px rgba(196,115,35,.20));
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-stars span:nth-child(1){right:54px;top:4px;font-size:21px}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-stars span:nth-child(2){right:10px;top:31px;font-size:31px}
.robotlab-card.robotlab-adventure-v0521 .robotlab-hero-stars span:nth-child(3){right:58px;bottom:8px;font-size:17px}

/* ENERGY CORE */
.robotlab-card.robotlab-adventure-v0521 .robotlab-energy-wrap{
  position:relative;
  z-index:2;
  margin-top:14px;
  padding:10px 13px 12px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:18px;
  background:rgba(255,255,255,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-energy-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 6px 6px;
  color:#4b7189;
  font-size:9.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar{
  margin:0;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-label{
  margin:0 5px 6px;
  color:#24465d;
  font-size:11.5px;
  font-weight:700;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track{
  position:relative;
  height:20px;
  overflow:visible;
  border:4px solid rgba(42,73,104,.68);
  border-radius:999px;
  background:rgba(236,248,252,.84);
  box-shadow:
    inset 0 2px 4px rgba(44,78,105,.16),
    0 3px 0 rgba(255,255,255,.52);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::before,
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::after{
  content:"⚡";
  position:absolute;
  z-index:3;
  top:50%;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  transform:translateY(-50%);
  border:3px solid rgba(58,76,104,.72);
  border-radius:9px;
  background:linear-gradient(#fff8cf,#f1ba3f);
  color:#fff;
  font-size:16px;
  text-shadow:0 1px 2px rgba(91,58,0,.25);
  box-shadow:0 4px 9px rgba(59,84,109,.20),inset 0 1px 0 #fff;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::before{left:-13px}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::after{right:-13px}
.robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#31bff4 0%,#46d7b4 42%,#b4de35 72%,#ffd21f 100%);
  box-shadow:0 0 14px rgba(70,205,198,.50),inset 0 1px 0 rgba(255,255,255,.72);
}

/* STAT PODIUMS */
.robotlab-card.robotlab-adventure-v0521 .robotlab-stats.robotlab-podiums{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:13px 0 0;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-stat{
  position:relative;
  min-height:76px;
  padding:12px 12px 10px 54px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:rgba(255,255,255,.54);
  box-shadow:0 8px 18px rgba(41,93,127,.11),inset 0 1px 0 rgba(255,255,255,.84);
  text-align:left;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-stat::before{
  content:attr(data-stat-icon);
  position:absolute;
  left:13px;
  top:50%;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  transform:translateY(-50%);
  border-radius:11px;
  background:rgba(255,255,255,.66);
  font-size:18px;
  box-shadow:0 4px 10px rgba(47,95,128,.10);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-stat .stat-number{
  display:block;
  margin:0;
  color:#e96a19;
  font-size:22px;
  line-height:1;
  font-weight:900;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-stat .stat-label{
  display:block;
  margin-top:5px;
  color:#5f7c90;
  font-size:10.5px;
  line-height:1.15;
  font-weight:700;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-stat-2 .stat-number{color:#168d76}
.robotlab-card.robotlab-adventure-v0521 .robotlab-stat-3 .stat-number{color:#cb7b14}

/* UPGRADE LAB */
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrades-panel-v0521{
  position:relative;
  overflow:hidden;
  padding:17px 18px 18px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,230,151,.22),transparent 22%),
    linear-gradient(145deg,rgba(241,251,255,.92),rgba(207,235,250,.86));
  box-shadow:0 15px 30px rgba(34,88,129,.15),inset 0 1px 0 rgba(255,255,255,.88);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrades-panel-v0521::after{
  content:"🏆";
  position:absolute;
  right:19px;
  bottom:-14px;
  color:transparent;
  font-size:96px;
  opacity:.08;
  filter:grayscale(.2);
  text-shadow:0 0 0 #e7a628;
  pointer-events:none;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrades-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-title{
  margin:0;
  color:#173852;
  font-size:18px;
  line-height:1.1;
  font-weight:850;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrades-head p{
  margin:4px 0 0;
  color:#66869a;
  font-size:11.5px;
  line-height:1.35;
  font-weight:600;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-count{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid rgba(80,170,210,.22);
  border-radius:999px;
  background:rgba(255,255,255,.64);
  color:#2d7194;
  font-size:10px;
  line-height:1;
  font-weight:800;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-list{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item{
  position:relative;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  align-items:center;
  min-height:116px;
  padding:13px 13px 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(235,247,253,.68));
  box-shadow:0 8px 18px rgba(42,97,132,.10),inset 0 1px 0 rgba(255,255,255,.88);
  opacity:1;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(42,97,132,.14),inset 0 1px 0 rgba(255,255,255,.9);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item .upgrade-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:18px;
  background:linear-gradient(145deg,#e9f8ff,#fff4ce);
  font-size:31px;
  box-shadow:0 7px 14px rgba(48,102,139,.12),inset 0 1px 0 #fff;
}
.robotlab-card.robotlab-adventure-v0521 .upgrade-info{
  min-width:0;
  padding-right:4px;
}
.robotlab-card.robotlab-adventure-v0521 .upgrade-name{
  color:#173852;
  font-size:13px;
  line-height:1.22;
  font-weight:850;
}
.robotlab-card.robotlab-adventure-v0521 .upgrade-status{
  margin-top:3px;
  color:#3c8a62;
  font-size:10.5px;
  line-height:1.25;
  font-weight:750;
}
.robotlab-card.robotlab-adventure-v0521 .upgrade-note{
  margin-top:5px;
  color:#728b9c;
  font-size:9.8px;
  line-height:1.28;
  font-weight:550;
}
.robotlab-card.robotlab-adventure-v0521 .upgrade-state-badge{
  position:absolute;
  top:9px;
  right:9px;
  padding:4px 6px;
  border-radius:999px;
  background:rgba(225,244,252,.88);
  color:#4a7892;
  font-size:7.8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.055em;
}

.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current{
  border-color:rgba(77,207,159,.75);
  background:
    radial-gradient(circle at 88% 14%,rgba(255,224,91,.33),transparent 25%),
    linear-gradient(145deg,rgba(226,255,249,.94),rgba(223,249,223,.90));
  box-shadow:0 0 0 3px rgba(82,214,172,.11),0 12px 24px rgba(50,147,118,.18),inset 0 1px 0 #fff;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current .upgrade-state-badge{
  background:#d9f8e8;
  color:#1f865c;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-current .upgrade-icon{
  box-shadow:0 0 0 4px rgba(76,207,160,.10),0 8px 17px rgba(44,133,107,.16),inset 0 1px 0 #fff;
}

.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-unlocked .upgrade-state-badge{
  background:#e7f7ff;
  color:#2779a1;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked{
  border-color:rgba(151,172,190,.24);
  background:linear-gradient(145deg,rgba(239,245,249,.74),rgba(224,233,241,.64));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  opacity:.62;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-icon{
  filter:grayscale(.35);
  background:linear-gradient(145deg,#edf2f5,#e5e9ee);
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-status{
  color:#758999;
}
.robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item.upgrade-locked .upgrade-state-badge{
  background:rgba(222,229,235,.9);
  color:#6c7d8a;
}

@media(max-width:1180px){
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-top{
    grid-template-columns:minmax(230px,1fr) minmax(220px,.82fr) 80px;
  }
  .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-v0521{padding:18px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-top{
    grid-template-columns:1fr 170px;
    align-items:center;
  }
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-stars{display:none}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-copy h2{font-size:26px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-core-orb{width:82px;height:82px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-robot-emoji{font-size:44px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-stats.robotlab-podiums{grid-template-columns:repeat(3,1fr)}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-stat{padding-left:44px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-stat::before{left:9px;width:28px;height:28px;font-size:16px}
}

@media(max-width:620px){
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-top{grid-template-columns:1fr;text-align:center}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-hero-copy{padding-top:0;text-align:left}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-core{margin-top:4px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-stats.robotlab-podiums{grid-template-columns:1fr}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-list{grid-template-columns:1fr}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrades-head{align-items:center}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-upgrade-item{min-height:104px}
  .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::before,
  .robotlab-card.robotlab-adventure-v0521 .robotlab-xpbar-track::after{width:28px;height:28px;font-size:13px}
}
