/* 26 Kutu: small, isolated refinements layered after the base module stylesheet. */
.bgx-account-tools{display:flex;flex:0 0 auto;align-items:center;gap:7px}
.bgx-account-tools .bgx-icon-button{display:grid;place-items:center;margin:0;padding:0}
.bgx-page,.bgx-shell,.bgx-game-shell{max-width:100%;min-width:0}
.bgx-page img{max-width:100%}
html[data-theme="light"] .bgx-hero .bgx-trust-row span{
  color:#30445f!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(35,72,122,.16)!important;
  box-shadow:0 6px 16px rgba(23,47,80,.07);
}
@media (max-width:720px){
  .bgx-account-card{flex:1 1 100%;width:100%;max-width:none}
  .bgx-account-tools{margin-left:auto}
  .bgx-account-tools .bgx-icon-button{width:42px;height:42px;flex-basis:42px}
  .bgx-page button,.bgx-page a,.bgx-page select{min-height:44px}
}
@media (max-width:420px){
  .bgx-account-tools{gap:5px}
  .bgx-account-tools .bgx-icon-button{width:38px;height:38px;min-height:38px;flex-basis:38px;border-radius:10px}
}

/* Premium TV-studio game surface. Kept isolated under .bgx-game. */
.bgx-game{
  position:relative;
  border-color:rgba(72,151,224,.28);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 18%,rgba(28,197,255,.10),transparent 34%),
    linear-gradient(145deg,#07101e 0%,#091426 54%,#050b15 100%);
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset;
}
.bgx-game::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(31,202,255,.045) 38.2% 38.5%,transparent 38.7%),
    linear-gradient(65deg,transparent 0 61%,rgba(31,202,255,.035) 61.2% 61.5%,transparent 61.7%);
}
.bgx-gamebar,.bgx-workspace{position:relative;z-index:1}
.bgx-gamebar{
  min-height:76px;
  padding:13px 22px;
  border-bottom-color:rgba(83,162,230,.24);
  background:linear-gradient(90deg,rgba(5,12,23,.96),rgba(12,28,48,.88),rgba(5,12,23,.96));
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.bgx-game-status strong{font-size:17px;letter-spacing:-.015em}
.bgx-round-badge{border-color:rgba(255,177,24,.25);background:rgba(255,177,24,.07);box-shadow:0 0 24px rgba(255,177,24,.08)}
.bgx-workspace{grid-template-columns:220px minmax(560px,1fr) 250px;min-height:670px}
.bgx-values-panel,.bgx-control-panel{
  padding:18px;
  background:linear-gradient(180deg,rgba(9,21,38,.91),rgba(4,11,22,.78));
  backdrop-filter:blur(14px);
}
.bgx-values-panel{border-right-color:rgba(95,167,226,.16)}
.bgx-control-panel{border-left-color:rgba(95,167,226,.16)}
.bgx-panel-title>span{border:1px solid rgba(39,214,255,.18);background:linear-gradient(145deg,rgba(39,214,255,.18),rgba(39,214,255,.055));box-shadow:0 8px 22px rgba(0,0,0,.20)}
.bgx-value-groups{gap:7px}
.bgx-value-chip{
  min-height:37px;
  border-radius:10px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--value-color) 16%,#142238),rgba(10,21,38,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 5px 12px rgba(0,0,0,.14);
}
.bgx-value-chip.is-opened{opacity:.25;transform:scale(.96)}
.bgx-mini-note{margin-top:16px;border-style:dashed;background:rgba(39,214,255,.035)}
.bgx-stage{
  position:relative;
  padding:20px 18px 15px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(57,210,255,.12),transparent 40%),
    linear-gradient(180deg,rgba(10,24,42,.25),rgba(4,11,22,.5));
}
.bgx-stage::before,.bgx-stage::after{
  content:"";
  position:absolute;
  top:0;
  width:32%;
  height:56%;
  pointer-events:none;
  opacity:.20;
  filter:blur(2px);
}
.bgx-stage::before{left:7%;background:linear-gradient(105deg,transparent 34%,rgba(39,214,255,.34) 48%,transparent 62%);transform:skewX(-10deg)}
.bgx-stage::after{right:7%;background:linear-gradient(75deg,transparent 34%,rgba(118,101,255,.26) 48%,transparent 62%);transform:skewX(10deg)}
.bgx-stage-head{position:relative;z-index:3;min-height:62px;margin-bottom:14px;padding:0 3px}
.bgx-stage-head h2{font-size:20px;letter-spacing:-.02em}
.bgx-stage-head p{font-size:11px}
.bgx-progress-ring{width:64px;height:64px;flex-basis:64px;background:conic-gradient(var(--bgx-primary) calc(var(--progress)*1%),rgba(255,255,255,.07) 0);box-shadow:0 0 30px rgba(39,214,255,.14)}
.bgx-progress-ring::before{width:53px;height:53px;background:radial-gradient(circle,#101f35,#07101d)}
.bgx-table{
  min-height:525px;
  padding:42px 25px 105px;
  border-color:rgba(62,174,232,.23);
  border-radius:34px;
  background:
    linear-gradient(180deg,rgba(4,12,24,.2),rgba(4,10,19,.82)),
    radial-gradient(ellipse at 50% 38%,rgba(39,214,255,.13),transparent 43%),
    linear-gradient(145deg,#0b1a2d,#050d18);
  box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -90px 100px rgba(0,0,0,.26),0 22px 52px rgba(0,0,0,.34);
  perspective:1100px;
}
.bgx-table::before{
  inset:auto 5% 20px;
  height:46%;
  border:1px solid rgba(42,211,255,.24);
  border-radius:50%;
  background:repeating-radial-gradient(ellipse at center,transparent 0 22px,rgba(42,211,255,.045) 23px 24px);
  box-shadow:0 0 55px rgba(18,177,229,.09);
  transform:rotateX(62deg);
}
.bgx-table::after{
  inset:18px;
  border-color:rgba(255,255,255,.045);
  border-style:solid;
  border-radius:25px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
}
.bgx-table-glow{top:59%;width:66%;height:26%;background:rgba(40,199,255,.14);filter:blur(55px)}
.bgx-box-grid{
  z-index:3;
  grid-template-columns:repeat(6,minmax(68px,1fr));
  gap:16px 12px;
  min-height:355px;
  align-content:start;
  perspective:1000px;
}
.bgx-box{
  min-height:76px;
  aspect-ratio:1.48/1;
  overflow:visible;
  padding:9px;
  border:1px solid rgba(90,174,238,.43);
  border-radius:9px 9px 13px 13px;
  background:
    linear-gradient(90deg,transparent 46%,rgba(255,255,255,.07) 47% 53%,transparent 54%),
    linear-gradient(155deg,#244568 0%,#142c4b 47%,#0b1b31 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -13px 20px rgba(0,0,0,.26),0 11px 20px rgba(0,0,0,.30),0 0 0 1px rgba(0,0,0,.22);
  transform-style:preserve-3d;
}
.bgx-box::before{
  left:12%;right:12%;top:-7px;height:13px;
  border:3px solid rgba(99,177,234,.42);
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:rgba(6,18,33,.88);
}
.bgx-box::after{
  content:"";
  position:absolute;
  left:7px;right:7px;top:12px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(119,210,255,.45),transparent);
  box-shadow:0 38px rgba(0,0,0,.28);
}
.bgx-box:hover:not(:disabled){
  border-color:#61dcff;
  transform:translateY(-7px) rotateX(4deg) scale(1.035);
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 18px 32px rgba(0,0,0,.38),0 0 28px rgba(39,214,255,.24);
}
.bgx-box-grid .bgx-box{transition:transform .28s ease,filter .28s ease,opacity .28s ease,border-color .28s ease,box-shadow .28s ease}
.bgx-app.is-reveal-pending .bgx-box-grid .bgx-box:not(.is-opening-sequence){
  opacity:.38;
  filter:brightness(.48) saturate(.55);
  transform:scale(.94);
}
.bgx-box.is-opening-sequence{
  z-index:30;
  border-color:#ffd55b;
  pointer-events:none;
  animation:bgxCaseSuspense .72s cubic-bezier(.22,.8,.3,1) both;
  box-shadow:inset 0 1px rgba(255,255,255,.26),0 30px 64px rgba(0,0,0,.62),0 0 46px rgba(255,190,36,.46);
}
.bgx-app.is-reveal-pending .bgx-table-glow{opacity:1;background:rgba(255,188,37,.20);filter:blur(44px);transition:.3s ease}
.bgx-box:focus-visible{outline:2px solid #fff;outline-offset:4px}
.bgx-box-number{position:relative;z-index:2;font-size:22px;letter-spacing:-.035em}
.bgx-box small{z-index:2;left:9px;bottom:6px;color:#7e9bbd}
.bgx-box.is-personal{
  border-color:#ffc329;
  background:linear-gradient(155deg,#5b4516,#2f2715 52%,#14140e);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.38),0 0 30px rgba(255,185,25,.25);
}
.bgx-box.is-personal::before{border-color:rgba(255,195,41,.58)}
.bgx-box.is-opened{
  overflow:hidden;
  aspect-ratio:1.48/1;
  border-color:color-mix(in srgb,var(--box-value-color) 72%,transparent);
  background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--box-value-color) 27%,transparent),transparent 45%),linear-gradient(145deg,#15233a,#07101d);
  box-shadow:inset 0 0 25px color-mix(in srgb,var(--box-value-color) 10%,transparent),0 9px 22px rgba(0,0,0,.32);
}
.bgx-box.is-opened::before{left:10%;right:10%;top:7px;height:3px;border:0;background:var(--box-value-color);box-shadow:0 0 14px var(--box-value-color)}
.bgx-box.is-opened::after{display:none}
.bgx-box.is-opened .bgx-box-number{font-size:14px;line-height:1.1}
.bgx-box.is-just-opened{z-index:8;animation:bgxPremiumReveal .9s cubic-bezier(.2,.8,.2,1) both}
.bgx-personal-dock{
  bottom:18px;
  padding:9px 14px;
  border-color:rgba(255,193,37,.48);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(41,31,12,.96),rgba(7,14,25,.96));
  box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 32px rgba(255,185,25,.15);
}
.bgx-personal-dock::before{content:"";position:absolute;left:50%;bottom:-16px;width:118px;height:20px;border-radius:50%;background:rgba(255,182,21,.28);filter:blur(14px);transform:translateX(-50%)}
.bgx-personal-dock>small{color:#ffd055;font-size:8px}
.bgx-personal-dock .bgx-box{width:58px;min-height:48px}
.bgx-stage-foot{position:relative;z-index:2;padding:0 4px}
.bgx-next-card{padding:14px;border-color:rgba(39,214,255,.16);background:linear-gradient(145deg,rgba(23,45,70,.74),rgba(8,18,32,.82));box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.16)}
.bgx-next-icon{border:1px solid rgba(255,181,27,.20);background:linear-gradient(145deg,rgba(255,177,24,.2),rgba(255,177,24,.06));box-shadow:0 0 18px rgba(255,177,24,.08)}
.bgx-next-card strong{font-size:14px}
.bgx-next-card p{font-size:10px}
.bgx-offer-card{margin-top:14px;padding:18px;border-color:rgba(255,190,37,.45);background:radial-gradient(circle at 50% 0%,rgba(255,179,24,.18),transparent 48%),linear-gradient(145deg,rgba(36,27,13,.96),rgba(7,15,27,.96));box-shadow:0 16px 38px rgba(0,0,0,.24),0 0 32px rgba(255,177,24,.08)}
.bgx-offer-card>strong{font-size:34px;color:#ffd25d;text-shadow:0 0 22px rgba(255,188,36,.24)}
.bgx-round-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px}
.bgx-round-list>div{display:grid;grid-template-columns:1fr;place-items:center;padding:5px 2px;border-radius:9px}
.bgx-round-list>div>span{width:26px;height:26px;border-radius:50%}
.bgx-round-list>div>p,.bgx-round-list>div>i{display:none}
.bgx-help-link{margin-top:16px}
.bgx-round-flash{
  position:absolute;
  z-index:20;
  left:50%;top:50%;
  width:min(380px,80%);
  padding:26px;
  border:1px solid rgba(59,215,255,.5);
  border-radius:22px;
  background:radial-gradient(circle at 50% 0%,rgba(39,214,255,.19),transparent 50%),rgba(5,14,27,.94);
  box-shadow:0 30px 80px rgba(0,0,0,.62),0 0 50px rgba(39,214,255,.20);
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-42%) scale(.88);
}
.bgx-round-flash small,.bgx-round-flash strong,.bgx-round-flash span{display:block}
.bgx-round-flash small{color:var(--bgx-primary);font-size:9px;font-weight:950;letter-spacing:.24em}
.bgx-round-flash strong{margin:5px 0;color:#fff;font-size:28px;letter-spacing:-.04em}
.bgx-round-flash span{color:#8fa8c5;font-size:11px}
.bgx-app.is-round-transition .bgx-round-flash{animation:bgxRoundFlash 1.2s ease both}
.bgx-app.is-round-transition .bgx-box-grid{animation:bgxStageReset 1.05s ease both}
.bgx-app.is-offer-arrival .bgx-offer-card{animation:bgxOfferArrival .9s cubic-bezier(.2,.8,.2,1) both}

@keyframes bgxPremiumReveal{
  0%{opacity:.15;transform:translateY(-15px) rotateX(-92deg) scale(1.15);filter:brightness(2.4) blur(2px)}
  42%{opacity:1;transform:translateY(-11px) rotateX(12deg) scale(1.1);filter:brightness(1.65) blur(0)}
  72%{transform:translateY(-4px) rotateX(-5deg) scale(1.045);filter:brightness(1.2)}
  100%{transform:translateY(0) rotateX(0) scale(1);filter:brightness(1)}
}
@keyframes bgxCaseSuspense{
  0%{transform:translateY(0) scale(1);filter:brightness(1)}
  24%{transform:translateY(-15px) scale(1.09);filter:brightness(1.28)}
  46%{transform:translateY(-15px) translateX(-3px) rotate(-1deg) scale(1.09)}
  57%{transform:translateY(-15px) translateX(4px) rotate(1.3deg) scale(1.09)}
  68%{transform:translateY(-15px) translateX(-2px) rotate(-.7deg) scale(1.09)}
  80%{transform:translateY(-15px) translateX(2px) scale(1.1);filter:brightness(1.65)}
  100%{transform:translateY(-12px) scale(1.12);filter:brightness(2)}
}
@keyframes bgxRoundFlash{
  0%{opacity:0;transform:translate(-50%,-38%) scale(.82)}
  18%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-58%) scale(1.04)}
}
@keyframes bgxStageReset{
  0%{opacity:1;filter:blur(0);transform:scale(1)}
  28%{opacity:.15;filter:blur(5px);transform:scale(.96)}
  62%{opacity:.25;filter:blur(3px);transform:scale(.98)}
  100%{opacity:1;filter:blur(0);transform:scale(1)}
}
@keyframes bgxOfferArrival{
  0%{opacity:0;transform:translateY(22px) scale(.92);filter:brightness(2)}
  60%{opacity:1;transform:translateY(-4px) scale(1.025)}
  100%{transform:none;filter:none}
}

@media (max-width:1280px){
  .bgx-workspace{grid-template-columns:195px minmax(520px,1fr) 230px}
  .bgx-box-grid{gap:15px 9px}
  .bgx-box{min-height:70px}
}
@media (max-width:1100px){
  .bgx-workspace{grid-template-columns:190px minmax(0,1fr)}
  .bgx-control-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:13px}
  .bgx-control-panel>.bgx-round-list{grid-column:2;grid-row:1/span 4;margin:0;align-self:center}
}
@media (max-width:900px){
  .bgx-workspace{display:flex}
  .bgx-control-panel{display:block}
  .bgx-table{min-height:540px}
  .bgx-box-grid{grid-template-columns:repeat(5,minmax(58px,1fr));gap:15px 9px}
  .bgx-round-list{grid-template-columns:repeat(7,1fr)!important}
}
@media (max-width:620px){
  .bgx-game{border-radius:18px}
  .bgx-gamebar{min-height:64px;padding:10px 12px}
  .bgx-game-status strong{font-size:14px}
  .bgx-round-badge{padding:7px 9px}
  .bgx-stage{padding:13px 8px 10px}
  .bgx-stage-head{padding:0 4px}
  .bgx-stage-head p{max-width:240px}
  .bgx-progress-ring{width:54px;height:54px;flex-basis:54px}
  .bgx-progress-ring::before{width:45px;height:45px}
  .bgx-table{min-height:500px;padding:33px 8px 92px;border-radius:24px}
  .bgx-table::after{inset:9px;border-radius:18px}
  .bgx-box-grid{grid-template-columns:repeat(4,minmax(54px,1fr));gap:16px 7px;min-height:366px}
  .bgx-box{min-height:62px;aspect-ratio:1.32/1;border-radius:7px 7px 10px 10px}
  .bgx-box-number{font-size:18px}
  .bgx-box.is-opened{aspect-ratio:1.32/1}
  .bgx-box.is-opened .bgx-box-number{font-size:11px}
  .bgx-box small{display:none}
  .bgx-personal-dock{bottom:13px;padding:8px 11px}
  .bgx-stage-foot span:first-child{display:none}
  .bgx-control-panel,.bgx-values-panel{padding:15px 13px}
  .bgx-value-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bgx-round-flash{padding:20px 12px}
  .bgx-round-flash strong{font-size:23px}
}
@media (max-width:390px){
  .bgx-table{min-height:485px}
  .bgx-box-grid{grid-template-columns:repeat(4,minmax(48px,1fr));gap:14px 5px}
  .bgx-box{min-height:57px}
  .bgx-round-list{gap:3px}
}
@media (prefers-reduced-motion:reduce){
  .bgx-app.is-round-transition .bgx-round-flash{display:none}
}
html:fullscreen,
html:fullscreen body {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #07101e;
}

html:fullscreen .bgx-page {
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: visible;
}

/* Server-driven cinematic box reveal */
body.bgx-reveal-open{overflow:hidden!important}
.bgx-reveal-scene[hidden]{display:none!important}
.bgx-reveal-scene{
  --reward-color:#ffb020;
  --reward-secondary:#ffe08a;
  --reward-glow:#ffb020;
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;overflow:hidden;
  opacity:0;transition:opacity .26s ease;
  isolation:isolate;font-family:inherit;
}
.bgx-reveal-scene.is-visible{opacity:1}
.bgx-reveal-scene.is-leaving{opacity:0;transition-duration:.34s}
.bgx-reveal-backdrop{position:absolute;inset:0;z-index:-6;background:radial-gradient(circle at 50% 58%,rgba(255,176,24,.15),transparent 34%),linear-gradient(180deg,rgba(2,8,16,.92),rgba(1,5,12,.98));backdrop-filter:blur(8px)}
.bgx-reveal-haze{position:absolute;z-index:-4;left:50%;top:56%;width:min(820px,94vw);height:min(410px,50vh);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,181,29,.26),rgba(255,123,0,.07) 44%,transparent 72%);filter:blur(34px);opacity:.55;animation:bgxRevealHaze 2.2s ease-in-out infinite alternate}
.bgx-reveal-rays{position:absolute;z-index:-3;left:50%;top:51%;width:720px;height:720px;transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.bgx-reveal-rays i{position:absolute;left:50%;top:50%;width:44%;height:7%;transform-origin:0 50%;background:linear-gradient(90deg,color-mix(in srgb,var(--reward-color) 68%,transparent),transparent);filter:blur(10px)}
.bgx-reveal-rays i:nth-child(1){transform:rotate(0deg)}.bgx-reveal-rays i:nth-child(2){transform:rotate(60deg)}.bgx-reveal-rays i:nth-child(3){transform:rotate(120deg)}.bgx-reveal-rays i:nth-child(4){transform:rotate(180deg)}.bgx-reveal-rays i:nth-child(5){transform:rotate(240deg)}.bgx-reveal-rays i:nth-child(6){transform:rotate(300deg)}
.bgx-reveal-scene.is-opened .bgx-reveal-rays{opacity:.86;animation:bgxRevealRays 7s linear infinite}
.bgx-reveal-particles{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.bgx-reveal-particles i{position:absolute;left:var(--particle-x);bottom:-14px;width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:#ffc64d;box-shadow:0 0 12px #ff9f19;opacity:0;animation:bgxRevealParticle 2.4s var(--particle-delay) linear infinite}
.bgx-reveal-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(760px,94vw);min-height:min(720px,92vh);padding:34px 18px;text-align:center;perspective:1100px}
.bgx-reveal-kicker{margin:0 0 34px;color:#a8b6ca;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;transition:.3s ease}.bgx-reveal-kicker i{color:#ffb020;margin-right:8px}
.bgx-reveal-case{position:relative;width:min(390px,72vw);height:min(310px,55vw);transform-style:preserve-3d;filter:drop-shadow(0 28px 24px rgba(0,0,0,.55));animation:bgxRevealCaseFloat 2.1s ease-in-out infinite alternate}
.bgx-reveal-case::before{content:"";position:absolute;left:7%;right:7%;bottom:-24px;height:42px;border-radius:50%;background:rgba(255,174,23,.3);filter:blur(19px);transform:rotateX(68deg)}
.bgx-reveal-case-lid,.bgx-reveal-case-base{position:absolute;left:5%;width:90%;border:2px solid #8d681d;background:linear-gradient(90deg,#131a22 0 10%,#c58a11 10% 14%,#202a35 14% 47%,#d49a1d 47% 53%,#202a35 53% 86%,#c58a11 86% 90%,#131a22 90%);box-shadow:inset 0 2px rgba(255,231,151,.2),inset 0 -20px 32px rgba(0,0,0,.46),0 0 0 3px rgba(0,0,0,.5)}
.bgx-reveal-case-lid{z-index:4;top:12%;height:34%;border-radius:30px 30px 9px 9px;transform-origin:50% 100%;transform:rotateX(0deg) translateZ(10px);transition:transform .58s cubic-bezier(.22,.8,.24,1.15),filter .35s ease}
.bgx-reveal-case-base{z-index:3;top:43%;height:46%;border-radius:8px 8px 25px 25px}
.bgx-reveal-case-lid span,.bgx-reveal-case-base span{position:absolute;inset:14% 8%;border:1px solid rgba(255,198,59,.42);background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 24px);border-radius:10px;box-shadow:inset 0 0 22px rgba(0,0,0,.38)}
.bgx-reveal-case-lid i,.bgx-reveal-case-base i{position:absolute;left:14%;right:14%;top:15%;height:3px;background:linear-gradient(90deg,transparent,#ffcb4c,transparent);box-shadow:0 0 14px #ffad19;opacity:.65}
.bgx-reveal-case-lid b,.bgx-reveal-case-base b{position:absolute;inset:auto 0 8%;height:5px;background:linear-gradient(90deg,transparent,#714e0b 14%,#ffca42 50%,#714e0b 86%,transparent)}
.bgx-reveal-case-core{position:absolute;z-index:2;left:12%;right:12%;top:38%;height:38%;border-radius:25px;background:radial-gradient(ellipse,var(--reward-secondary),var(--reward-color) 30%,rgba(255,155,0,.18) 70%);filter:blur(7px);opacity:.12;transform:scale(.75);transition:.5s ease}
.bgx-reveal-lock{position:absolute;z-index:8;left:50%;top:49%;display:grid;place-items:center;width:74px;height:78px;transform:translate(-50%,-50%) translateZ(32px);border:3px solid #57390b;border-radius:15px;background:linear-gradient(145deg,#ffc94d,#eb8d08);box-shadow:inset 0 2px rgba(255,255,255,.42),0 10px 20px rgba(0,0,0,.54),0 0 25px rgba(255,179,25,.22);transition:.42s cubic-bezier(.2,.8,.2,1)}
.bgx-reveal-lock i{font-size:27px;color:#111923;text-shadow:0 1px rgba(255,255,255,.3)}
.bgx-reveal-scene.is-unlocking .bgx-reveal-case{animation:bgxRevealUnlockShake .5s ease both}
.bgx-reveal-scene.is-unlocking .bgx-reveal-lock{transform:translate(-50%,-50%) translateZ(32px) scale(1.12);box-shadow:inset 0 2px rgba(255,255,255,.5),0 10px 28px rgba(0,0,0,.58),0 0 44px rgba(255,179,25,.55)}
.bgx-reveal-scene.is-unlocking .bgx-reveal-lock i::before{content:"\f3c1"}
.bgx-reveal-scene.is-opened .bgx-reveal-case-lid{transform:rotateX(-112deg) translateY(-8px) translateZ(12px);filter:brightness(1.35)}
.bgx-reveal-scene.is-opened .bgx-reveal-case-core{opacity:.9;transform:scale(1.45);filter:blur(13px)}
.bgx-reveal-scene.is-opened .bgx-reveal-lock{opacity:0;transform:translate(-50%,10%) translateZ(20px) scale(.65)}
.bgx-reveal-scene.is-opened .bgx-reveal-kicker{color:var(--reward-secondary);text-shadow:0 0 18px var(--reward-glow)}
.bgx-reveal-reward{position:absolute;z-index:12;left:50%;top:50%;display:flex;align-items:center;gap:18px;width:min(430px,88vw);padding:15px 18px;transform:translate(-50%,-26%) scale(.35) rotateX(-25deg);opacity:0;border:1px solid color-mix(in srgb,var(--reward-color) 68%,white 10%);border-radius:22px;background:linear-gradient(140deg,color-mix(in srgb,var(--reward-color) 16%,#091321),rgba(4,10,18,.97));box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 62px color-mix(in srgb,var(--reward-glow) 46%,transparent),inset 0 1px rgba(255,255,255,.16);transition:.64s cubic-bezier(.17,.8,.22,1.18)}
.bgx-reveal-scene.is-opened .bgx-reveal-reward{opacity:1;transform:translate(-50%,-52%) scale(1) rotateX(0);transition-delay:.14s}
.bgx-reveal-reward-image{display:grid;place-items:center;flex:0 0 112px;width:112px;height:112px;overflow:hidden;border:1px solid color-mix(in srgb,var(--reward-color) 72%,white 12%);border-radius:17px;background:radial-gradient(circle,color-mix(in srgb,var(--reward-color) 35%,transparent),#08111e 68%);box-shadow:0 0 34px color-mix(in srgb,var(--reward-glow) 34%,transparent)}
.bgx-reveal-reward-image img{width:100%;height:100%;object-fit:cover;display:block}.bgx-reveal-reward-image.is-fallback i{font-size:48px;color:var(--reward-secondary);filter:drop-shadow(0 0 14px var(--reward-glow))}
.bgx-reveal-reward-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.bgx-reveal-reward-copy small{color:var(--reward-secondary);font-size:9px;font-weight:950;letter-spacing:.19em}.bgx-reveal-reward-copy strong{margin:5px 0 8px;color:#fff;font-size:clamp(25px,5vw,42px);line-height:1;font-weight:950;letter-spacing:-.045em;text-shadow:0 0 22px color-mix(in srgb,var(--reward-glow) 45%,transparent)}.bgx-reveal-reward-copy em{color:#9eb1ca;font-size:10px;font-style:normal;font-weight:750}.bgx-reveal-reward-copy em i{color:#31d69b;margin-right:5px}
.bgx-reveal-status{margin:34px 0 0;min-height:20px;color:#a7b5c9;font-size:12px;font-weight:750;letter-spacing:.02em}.bgx-reveal-scene.is-opened .bgx-reveal-status{color:#dbe7f6}
@keyframes bgxRevealHaze{to{opacity:.9;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes bgxRevealRays{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes bgxRevealParticle{0%{opacity:0;transform:translateY(0) scale(.4)}20%{opacity:.85}100%{opacity:0;transform:translateY(-105vh) scale(1.4)}}
@keyframes bgxRevealCaseFloat{to{transform:translateY(-8px)}}
@keyframes bgxRevealUnlockShake{0%,100%{transform:translateX(0)}18%{transform:translateX(-7px) rotate(-1deg)}36%{transform:translateX(7px) rotate(1deg)}55%{transform:translateX(-4px)}75%{transform:translateX(3px)}}
@media(max-width:620px){
  .bgx-reveal-content{min-height:94vh;padding:22px 12px}.bgx-reveal-kicker{margin-bottom:22px;font-size:9px}.bgx-reveal-case{width:min(330px,82vw);height:min(270px,67vw)}.bgx-reveal-lock{width:62px;height:65px}.bgx-reveal-reward{gap:12px;padding:12px;width:90vw}.bgx-reveal-reward-image{flex-basis:86px;width:86px;height:86px}.bgx-reveal-reward-copy strong{font-size:27px}.bgx-reveal-status{margin-top:24px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .bgx-reveal-scene *{animation:none!important;transition-duration:.08s!important}.bgx-reveal-scene.is-opened .bgx-reveal-reward{transform:translate(-50%,-52%) scale(1)}
}