/* UbayBian v0.5.40 — Reward Shop Full Chamber Immersive */
.reward-chamber-overlay{
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%,rgba(60,226,255,.18),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(154,111,255,.22),transparent 31%),
    radial-gradient(circle at 50% 105%,rgba(255,154,73,.17),transparent 34%),
    linear-gradient(135deg,#071d36 0%,#0b3150 38%,#17264d 69%,#1d2146 100%);
  backdrop-filter:blur(10px) saturate(120%);
}
.reward-chamber-overlay::before,
.reward-chamber-overlay::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.reward-chamber-overlay::before{
  inset:0;
  opacity:.75;
  background:
    radial-gradient(circle at 7% 14%,#65e9ff 0 2px,transparent 3px),
    radial-gradient(circle at 91% 16%,#ffe57a 0 2px,transparent 3px),
    radial-gradient(circle at 14% 78%,#b18cff 0 2px,transparent 3px),
    radial-gradient(circle at 88% 71%,#67f0c9 0 2px,transparent 3px),
    radial-gradient(circle at 32% 8%,rgba(255,255,255,.8) 0 1px,transparent 2px),
    radial-gradient(circle at 73% 87%,rgba(255,255,255,.7) 0 1px,transparent 2px),
    linear-gradient(110deg,transparent 0 12%,rgba(94,219,255,.05) 12.2% 12.5%,transparent 12.7% 28%,rgba(180,122,255,.05) 28.2% 28.45%,transparent 28.7% 100%);
  background-size:auto,auto,auto,auto,auto,auto,100% 100%;
}
.reward-chamber-overlay::after{
  left:50%;
  bottom:-210px;
  width:min(1100px,92vw);
  height:420px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(124,219,255,.26);
  box-shadow:
    0 -22px 80px rgba(46,210,255,.12),
    inset 0 26px 60px rgba(131,85,255,.10),
    0 0 0 34px rgba(64,137,208,.035),
    0 0 0 72px rgba(119,85,196,.025);
}

.reward-chamber{
  position:relative;
  isolation:isolate;
  width:min(900px,94vw);
  max-height:88vh;
  overflow:auto;
  padding:22px 24px 24px;
  border:1px solid rgba(198,234,255,.65);
  border-radius:30px;
  color:#eef8ff;
  background:
    linear-gradient(180deg,rgba(238,249,255,.20),rgba(87,124,173,.13) 19%,rgba(39,61,107,.28) 100%),
    linear-gradient(135deg,rgba(7,36,66,.90),rgba(27,42,86,.91));
  box-shadow:
    0 30px 90px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.13) inset,
    0 0 55px rgba(85,205,255,.16),
    0 0 85px rgba(150,98,255,.10);
  backdrop-filter:blur(24px) saturate(128%);
}
.reward-chamber::before{
  content:"";
  position:absolute;
  inset:88px 14px 14px;
  z-index:-2;
  border-radius:25px;
  background:
    radial-gradient(circle at 14% 31%,rgba(70,224,255,.10),transparent 22%),
    radial-gradient(circle at 87% 33%,rgba(168,111,255,.12),transparent 24%),
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(125,221,255,.035) 120px 121px),
    repeating-linear-gradient(0deg,transparent 0 80px,rgba(255,255,255,.025) 81px 82px);
  border:1px solid rgba(165,222,255,.12);
}
.reward-chamber::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:94px;
  width:60%;
  height:160px;
  transform:translateX(-50%);
  clip-path:polygon(37% 0,63% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(255,238,159,.13),rgba(89,231,255,.025));
  filter:blur(2px);
}

.reward-chamber .ub-modal-top{
  position:sticky;
  top:-22px;
  z-index:30;
  margin:-22px -24px 16px;
  padding:18px 24px 16px;
  border-bottom:1px solid rgba(185,231,255,.19);
  background:linear-gradient(180deg,rgba(11,31,57,.94),rgba(17,42,74,.80));
  backdrop-filter:blur(18px) saturate(130%);
}
.reward-chamber .ub-modal-heading{gap:13px;}
.reward-chamber .ub-modal-heading h2{
  color:#fff;
  font-size:27px;
  letter-spacing:-.02em;
  text-shadow:0 2px 18px rgba(87,216,255,.22);
}
.reward-chamber .ub-modal-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  font-size:30px;
  color:#fff;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.65),transparent 13%),
    linear-gradient(145deg,rgba(255,185,72,.86),rgba(255,107,89,.80) 55%,rgba(126,106,255,.72));
  border:1px solid rgba(255,255,255,.43);
  box-shadow:0 0 0 5px rgba(255,187,81,.08),0 8px 22px rgba(0,0,0,.25),0 0 24px rgba(255,158,62,.20);
}
.reward-chamber .ub-modal-close{
  width:42px;
  height:42px;
  color:#dff5ff;
  border:1px solid rgba(197,235,255,.25);
  background:rgba(211,237,255,.10);
  backdrop-filter:blur(8px);
  transition:.2s ease;
}
.reward-chamber .ub-modal-close:hover{background:rgba(232,247,255,.20);transform:rotate(6deg) scale(1.03);}

.reward-chamber .ub-shop-content{position:relative;z-index:2;display:grid;gap:12px;}
.reward-chamber .ub-shop-content::before,
.reward-chamber .ub-shop-content::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.reward-chamber .ub-shop-content::before{
  left:-5px;
  top:70px;
  width:120px;
  height:170px;
  border-radius:24px;
  opacity:.55;
  background:
    linear-gradient(90deg,rgba(72,230,255,.10),transparent),
    repeating-linear-gradient(0deg,rgba(103,237,255,.30) 0 3px,transparent 3px 25px);
  mask:linear-gradient(90deg,#000,transparent);
}
.reward-chamber .ub-shop-content::after{
  right:-2px;
  top:96px;
  width:110px;
  height:160px;
  border-radius:24px;
  opacity:.45;
  background:
    linear-gradient(270deg,rgba(181,120,255,.11),transparent),
    repeating-linear-gradient(0deg,rgba(202,144,255,.32) 0 3px,transparent 3px 28px);
  mask:linear-gradient(270deg,#000,transparent);
}

.reward-chamber .ub-wallet{
  position:relative;
  overflow:hidden;
  min-height:78px;
  margin:0 0 4px;
  padding:17px 22px 17px 76px;
  border:1px solid rgba(255,224,142,.53);
  border-radius:22px;
  background:
    radial-gradient(circle at 8% 50%,rgba(255,240,163,.55),transparent 12%),
    linear-gradient(100deg,rgba(255,179,58,.92),rgba(255,111,80,.91) 58%,rgba(245,72,111,.87));
  box-shadow:0 10px 28px rgba(255,102,64,.20),inset 0 1px rgba(255,255,255,.55),0 0 32px rgba(255,176,67,.14);
}
.reward-chamber .ub-wallet::before{
  content:"🪙";
  position:absolute;
  left:19px;
  top:50%;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:26px;
  background:rgba(255,246,184,.92);
  box-shadow:0 0 0 5px rgba(255,237,130,.18),0 4px 13px rgba(107,54,0,.25);
}
.reward-chamber .ub-wallet::after{
  content:"REWARD VAULT";
  position:absolute;
  right:18px;
  bottom:6px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  color:rgba(255,255,255,.48);
}
.reward-chamber .ub-wallet-main{
  color:#fffaf0;
  font-size:24px;
  letter-spacing:-.02em;
  text-shadow:0 2px 10px rgba(91,39,0,.22);
}
.reward-chamber .ub-wallet-sub{max-width:250px;color:#fff5e7;font-size:12px;font-weight:700;line-height:1.35;text-shadow:0 1px 8px rgba(95,34,20,.18);}

.reward-chamber .ub-section-title{
  margin:8px 0 1px;
  color:#f4fbff;
  font-size:15px;
  letter-spacing:.01em;
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}
.reward-chamber .ub-section-title:first-of-type::before{content:"✦ ";color:#ffd86e;}

.reward-chamber .ub-reward-list{gap:10px;}
.reward-chamber .ub-reward-card{
  position:relative;
  grid-template-columns:64px 1fr auto;
  min-height:86px;
  gap:14px;
  padding:12px 14px;
  overflow:hidden;
  border:1px solid rgba(194,230,255,.28);
  border-radius:19px;
  background:
    linear-gradient(110deg,rgba(236,248,255,.13),rgba(210,220,255,.08)),
    rgba(42,64,104,.42);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(2,20,45,.16);
  backdrop-filter:blur(11px);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.reward-chamber .ub-reward-card:hover{transform:translateY(-2px);border-color:rgba(134,224,255,.44);background:linear-gradient(110deg,rgba(234,249,255,.19),rgba(220,217,255,.11)),rgba(45,69,111,.47);}
.reward-chamber .ub-reward-card::after{
  content:"";
  position:absolute;
  right:112px;
  top:0;
  width:90px;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  transform:skewX(-16deg);
}
.reward-chamber .ub-reward-icon{
  width:58px;
  height:58px;
  border-radius:17px;
  display:grid;
  place-items:center;
  font-size:31px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(115,178,255,.10));
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 17px rgba(0,0,0,.16);
}
.reward-chamber .ub-reward-card[data-reward-kind="snack"] .ub-reward-icon{background:linear-gradient(145deg,rgba(255,197,93,.25),rgba(255,111,100,.10));}
.reward-chamber .ub-reward-card[data-reward-kind="book"] .ub-reward-icon{background:linear-gradient(145deg,rgba(120,211,255,.23),rgba(118,114,255,.11));}
.reward-chamber .ub-reward-card[data-reward-kind="toy"] .ub-reward-icon{background:linear-gradient(145deg,rgba(99,239,203,.23),rgba(83,174,255,.11));}
.reward-chamber .ub-reward-copy{min-width:0;}
.reward-chamber .ub-reward-copy strong{display:block;color:#fff;font-size:13px;line-height:1.25;margin-bottom:3px;}
.reward-chamber .ub-reward-copy p{color:#bfd1e4;font-size:10.5px;line-height:1.45;margin:2px 0 5px;}
.reward-chamber .ub-reward-cost{display:inline-flex;align-items:center;gap:4px;color:#ffd568;font-size:10.5px;letter-spacing:.01em;}
.reward-chamber .ub-reward-cost::before{content:"🪙";font-size:11px;}
.reward-chamber .ub-reward-card .ub-primary{
  min-width:132px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.20);
  background:linear-gradient(135deg,#ff9d4d,#ff5c62);
  box-shadow:0 7px 18px rgba(255,83,75,.17),inset 0 1px rgba(255,255,255,.38);
}
.reward-chamber .ub-reward-card .ub-primary:disabled{
  opacity:1;
  color:#d3dde8;
  background:linear-gradient(135deg,rgba(132,151,177,.42),rgba(94,111,145,.45));
  border-color:rgba(202,225,244,.16);
  box-shadow:none;
}
.reward-chamber .ub-reward-card .ub-primary:disabled::before{content:"🔒 ";font-size:10px;}

.reward-chamber .reward-parent-panel{
  position:relative;
  margin-top:3px;
  padding:15px 68px 14px 16px;
  border:1px solid rgba(160,220,255,.24);
  border-radius:19px;
  background:
    radial-gradient(circle at 95% 50%,rgba(91,224,255,.13),transparent 24%),
    linear-gradient(110deg,rgba(18,45,75,.72),rgba(43,51,92,.66));
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 22px rgba(0,0,0,.13);
  backdrop-filter:blur(12px);
}
.reward-chamber .reward-parent-panel::after{
  content:"🔐";
  position:absolute;
  right:17px;
  top:50%;
  width:42px;
  height:42px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border-radius:15px;
  font-size:23px;
  color:#fff;
  background:linear-gradient(145deg,rgba(117,230,255,.22),rgba(151,112,255,.22));
  border:1px solid rgba(205,239,255,.28);
  box-shadow:0 0 20px rgba(110,221,255,.12);
}
.reward-chamber .reward-parent-panel .ub-section-title{margin:0 0 4px;color:#fff;}
.reward-chamber .reward-parent-panel .ub-section-title::before{content:"";}
.reward-chamber .reward-parent-panel .ub-modal-copy{margin:0 0 9px;color:#c4d6e8;font-size:11px;max-width:670px;}
.reward-chamber .ub-request-list{gap:7px;}
.reward-chamber .ub-request-row{
  color:#f3f9ff;
  border:1px solid rgba(189,225,255,.18);
  background:rgba(225,242,255,.07);
  backdrop-filter:blur(6px);
}
.reward-chamber .ub-request-row span{color:#aebfd2;}
.reward-chamber .ub-approve{background:rgba(93,238,176,.17);color:#a6ffd6;border:1px solid rgba(101,245,183,.20);}
.reward-chamber .ub-reject{background:rgba(255,103,123,.13);color:#ffc0ca;border:1px solid rgba(255,126,143,.18);}
.reward-chamber .ub-modal-status{color:#adbed0;}

.reward-chamber .reward-chamber-mascot,
.reward-chamber .reward-chamber-orb,
.reward-chamber .reward-chamber-console{position:absolute;pointer-events:none;z-index:0;}
.reward-chamber .reward-chamber-mascot{
  right:22px;
  top:108px;
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  font-size:50px;
  opacity:.18;
  filter:drop-shadow(0 0 15px rgba(89,224,255,.28));
}
.reward-chamber .reward-chamber-orb{
  left:18px;
  bottom:18px;
  width:80px;
  height:80px;
  border-radius:50%;
  border:1px solid rgba(120,223,255,.16);
  box-shadow:0 0 28px rgba(96,210,255,.08),inset 0 0 28px rgba(134,100,255,.08);
  opacity:.65;
}
.reward-chamber .reward-chamber-orb::before{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,217,104,.40);font-size:24px;}
.reward-chamber .reward-chamber-console{
  right:12px;
  bottom:18px;
  width:120px;
  height:54px;
  border-radius:17px;
  opacity:.26;
  background:
    linear-gradient(90deg,rgba(70,228,255,.45) 0 24%,transparent 24% 34%,rgba(255,213,90,.45) 34% 57%,transparent 57% 67%,rgba(180,119,255,.48) 67% 100%);
  mask:linear-gradient(#000 0 6px,transparent 6px 15px,#000 15px 23px,transparent 23px 33px,#000 33px 41px,transparent 41px);
}

@media(max-width:720px){
  .reward-chamber{width:min(96vw,680px);padding:18px 16px 20px;border-radius:24px;}
  .reward-chamber .ub-modal-top{margin:-18px -16px 12px;padding:15px 16px 13px;top:-18px;}
  .reward-chamber .ub-modal-heading h2{font-size:22px;}
  .reward-chamber .ub-modal-icon{width:46px;height:46px;font-size:25px;border-radius:15px;}
  .reward-chamber .ub-wallet{padding:14px 14px 14px 62px;min-height:68px;}
  .reward-chamber .ub-wallet::before{left:15px;width:36px;height:36px;font-size:22px;}
  .reward-chamber .ub-wallet-main{font-size:19px;}
  .reward-chamber .ub-wallet-sub{font-size:10px;max-width:155px;}
  .reward-chamber .ub-reward-card{grid-template-columns:52px 1fr;padding:11px;}
  .reward-chamber .ub-reward-icon{width:48px;height:48px;font-size:27px;}
  .reward-chamber .ub-reward-card .ub-primary{grid-column:1/-1;width:100%;}
  .reward-chamber .reward-parent-panel{padding:13px 56px 13px 13px;}
  .reward-chamber .reward-parent-panel::after{right:12px;width:36px;height:36px;font-size:19px;}
  .reward-chamber .reward-chamber-mascot{display:none;}
}