.lucky-wheel-section{
  position:relative;
  padding:110px 0 128px;
  overflow:hidden;
}
.lucky-wheel-section::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  left:-230px;
  top:70px;
  background:rgba(100,200,255,.13);
  filter:blur(4px);
  pointer-events:none;
}
.lucky-wheel-section::after{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  border-radius:50%;
  right:-160px;
  bottom:-120px;
  background:rgba(255,94,166,.13);
  pointer-events:none;
}
.wheel-experience{
  position:relative;
  min-height:690px;
  margin-top:36px;
  border-radius:42px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.94),rgba(255,255,255,.55) 32%,transparent 58%),
    linear-gradient(135deg,rgba(255,255,255,.76),rgba(224,246,255,.7));
  border:1px solid rgba(32,32,51,.08);
  box-shadow:0 28px 90px rgba(72,39,74,.14);
}
.wheel-content{
  position:relative;
  z-index:1;
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);
  grid-template-rows:auto 1fr;
  gap:14px 42px;
  align-items:center;
  padding:34px 46px 42px;
  transition:filter .5s ease,opacity .5s ease,transform .5s ease;
}
.wheel-experience.is-locked .wheel-content{
  filter:blur(24px) saturate(.5);
  opacity:.28;
  transform:scale(1.02);
  pointer-events:none;
  user-select:none;
}
.wheel-fog{
  position:absolute;
  inset:-12%;
  z-index:3;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 35%,rgba(255,255,255,.94),rgba(255,255,255,.15) 40%,transparent 65%),
    radial-gradient(ellipse at 75% 55%,rgba(238,248,255,.95),rgba(255,255,255,.18) 38%,transparent 68%),
    linear-gradient(115deg,rgba(255,255,255,.74),rgba(212,239,250,.56),rgba(255,255,255,.72));
  filter:blur(15px);
  transition:opacity .45s ease;
}
.wheel-experience.is-locked .wheel-fog{opacity:.94}
.wheel-lock-card{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:min(490px,calc(100% - 34px));
  transform:translate(-50%,-50%);
  text-align:center;
  padding:34px 32px 30px;
  border-radius:28px;
  background:rgba(255,255,255,.91);
  border:1px solid rgba(32,32,51,.09);
  box-shadow:0 24px 70px rgba(42,34,56,.2);
  backdrop-filter:blur(18px);
}
.wheel-lock-card[hidden]{display:none!important}
.wheel-lock-icon{
  width:62px;
  height:62px;
  margin:0 auto 15px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--blue));
  color:#fff;
  font-size:27px;
  box-shadow:0 10px 28px rgba(83,77,143,.22);
}
.wheel-lock-kicker,.wheel-confirm-kicker,.wheel-result-kicker,.wheel-mini-label{
  font:900 10px/1 Inter,system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.wheel-lock-kicker{color:var(--pink-deep)}
.wheel-lock-card h3{
  margin:10px 0 8px;
  font:900 clamp(26px,4vw,38px)/1.02 Inter,system-ui,sans-serif;
  letter-spacing:-.04em;
  color:#1f2230;
}
.wheel-lock-card p{margin:0;color:rgba(32,32,51,.62);font:700 13px/1.5 Inter,system-ui,sans-serif}
.wheel-password-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:20px}
.wheel-password-form input{
  width:100%;
  min-width:0;
  border:2px solid rgba(32,32,51,.08);
  border-radius:999px;
  padding:13px 18px;
  background:#fff;
  color:#202033;
  font:800 14px/1 Inter,system-ui,sans-serif;
  outline:none;
}
.wheel-password-form input:focus{border-color:var(--blue)}
.wheel-password-form button,.wheel-spin-button,.wheel-reroll,.wheel-confirm-actions button{
  border:0;
  cursor:pointer;
  font:900 12px/1 Inter,system-ui,sans-serif;
  letter-spacing:.04em;
}
.wheel-password-form button{
  border-radius:999px;
  padding:13px 18px;
  background:#202033;
  color:#fff;
}
.wheel-lock-message{min-height:19px;margin-top:10px;color:#bb2c62;font:800 12px/1.4 Inter,system-ui,sans-serif}
.wheel-topline{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:48px;
}
.wheel-topline>div{display:flex;align-items:center;gap:10px}
.wheel-mini-label{color:rgba(32,32,51,.5)}
#wheelRemaining{
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#202033;
  color:#fff;
  font:900 18px/1 Inter,system-ui,sans-serif;
}
.wheel-reroll{
  padding:12px 18px;
  border-radius:999px;
  background:#fff;
  color:#202033;
  box-shadow:0 8px 22px rgba(33,39,61,.12);
  transition:transform .18s ease,box-shadow .18s ease;
}
.wheel-reroll:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(33,39,61,.16)}
.wheel-reroll[hidden]{display:none!important}
.wheel-stage{
  position:relative;
  min-height:530px;
  display:grid;
  place-items:center;
}
.wheel-disc{
  position:relative;
  width:min(510px,76vw);
  aspect-ratio:1;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    #ff91be 0deg 72deg,
    #8bd4ff 72deg 144deg,
    #ffe27a 144deg 216deg,
    #b9a8ff 216deg 288deg,
    #80e0c2 288deg 360deg
  );
  border:14px solid rgba(255,255,255,.9);
  box-shadow:
    0 0 0 3px rgba(32,32,51,.11),
    0 24px 70px rgba(62,43,76,.22),
    inset 0 0 0 3px rgba(255,255,255,.35);
  transform:rotate(0deg);
  will-change:transform;
}
.wheel-disc::before{
  content:"";
  position:absolute;
  inset:9%;
  border-radius:50%;
  border:2px dashed rgba(255,255,255,.46);
  pointer-events:none;
}
.wheel-disc::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.95) 0deg 2deg,transparent 2deg 14deg);
  -webkit-mask:radial-gradient(circle,transparent 0 93%,#000 93.2% 100%);
  mask:radial-gradient(circle,transparent 0 93%,#000 93.2% 100%);
  pointer-events:none;
}
.wheel-disc.is-spinning{transition:transform 4.7s cubic-bezier(.12,.7,.12,1)}
.wheel-disc-center{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:112px;
  height:112px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  border:8px solid rgba(32,32,51,.08);
  box-shadow:0 12px 30px rgba(36,35,58,.15);
  font:900 42px/1 Inter,system-ui,sans-serif;
  color:var(--pink);
}
.wheel-label{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:128px;
  text-align:center;
  color:#202033;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
  font:900 16px/1.16 Inter,system-ui,sans-serif;
  pointer-events:none;
}
.wheel-label-1{transform:translate(-50%,-50%) rotate(36deg) translateY(-174px) rotate(-36deg)}
.wheel-label-2{transform:translate(-50%,-50%) rotate(108deg) translateY(-174px) rotate(-108deg)}
.wheel-label-3{transform:translate(-50%,-50%) rotate(180deg) translateY(-174px) rotate(-180deg)}
.wheel-label-4{transform:translate(-50%,-50%) rotate(252deg) translateY(-174px) rotate(-252deg)}
.wheel-label-5{transform:translate(-50%,-50%) rotate(324deg) translateY(-174px) rotate(-324deg)}
.wheel-pointer{
  position:absolute;
  z-index:8;
  left:50%;
  top:3px;
  width:58px;
  height:76px;
  transform:translateX(-50%);
  filter:drop-shadow(0 7px 9px rgba(33,30,45,.2));
}
.wheel-pointer span{
  display:block;
  width:100%;
  height:100%;
  background:#202033;
  clip-path:polygon(50% 100%,0 24%,24% 0,76% 0,100% 24%);
}
.wheel-actions{display:grid;gap:18px;align-content:center;justify-items:center;text-align:center;padding:24px 0}
.wheel-spin-button{
  min-width:180px;
  padding:18px 28px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--pink),#ff7db8);
  color:#fff;
  font-size:17px;
  box-shadow:0 14px 34px rgba(255,94,166,.3);
  transition:transform .18s ease,filter .18s ease;
}
.wheel-spin-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);filter:saturate(1.08)}
.wheel-spin-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.wheel-result{
  width:min(340px,100%);
  min-height:132px;
  display:grid;
  align-content:center;
  gap:9px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(32,32,51,.07);
  box-shadow:0 14px 36px rgba(60,45,73,.1);
}
.wheel-result-kicker{color:rgba(32,32,51,.45)}
#wheelResultText{font:900 clamp(23px,3vw,34px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.035em;color:#202033}
.wheel-result.has-result{animation:wheelResultPop .5s cubic-bezier(.2,.9,.25,1)}
@keyframes wheelResultPop{0%{transform:scale(.92);opacity:.35}100%{transform:scale(1);opacity:1}}
.wheel-confirm{
  position:fixed;
  z-index:3000;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(21,22,31,.56);
  backdrop-filter:blur(10px);
}
.wheel-confirm[hidden]{display:none!important}
.wheel-confirm-card{
  width:min(540px,100%);
  min-height:260px;
  position:relative;
  overflow:visible;
  padding:34px;
  border-radius:30px;
  text-align:center;
  background:#fffafc;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 30px 90px rgba(14,15,24,.28);
}
.wheel-confirm-kicker{color:var(--pink-deep)}
.wheel-confirm-card h3{margin:12px auto 26px;max-width:420px;font:900 clamp(26px,4vw,40px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.04em;color:#202033}
.wheel-confirm-actions{display:flex;justify-content:center;gap:12px;min-height:48px}
.wheel-confirm-actions button{min-width:120px;padding:14px 18px;border-radius:999px;transition:transform .14s ease}
.wheel-no{background:#ececf2;color:#3b3d4b}
.wheel-yes{background:#202033;color:#fff;box-shadow:0 8px 22px rgba(32,32,51,.2)}
.wheel-yes.is-escaping{position:fixed!important;z-index:3200!important;margin:0!important;transition:left .18s cubic-bezier(.2,.9,.3,1),top .18s cubic-bezier(.2,.9,.3,1),transform .12s ease;box-shadow:0 12px 34px rgba(32,32,51,.28)}
.wheel-confirm-hint{min-height:20px;margin:18px 0 0;color:rgba(32,32,51,.56);font:800 12px/1.4 Inter,system-ui,sans-serif}

@media(max-width:900px){
  .wheel-content{grid-template-columns:1fr;padding:28px 22px 34px;gap:8px}
  .wheel-topline{grid-column:1}
  .wheel-stage{min-height:470px}
  .wheel-actions{padding:0 0 12px}
}
@media(max-width:620px){
  .lucky-wheel-section{padding:82px 0 96px}
  .wheel-experience,.wheel-content{min-height:650px}
  .wheel-experience{border-radius:28px}
  .wheel-content{padding:20px 14px 28px}
  .wheel-stage{min-height:410px}
  .wheel-disc{width:min(390px,86vw);border-width:10px}
  .wheel-disc-center{width:86px;height:86px;border-width:6px;font-size:34px}
  .wheel-label{width:100px;font-size:12px}
  .wheel-label-1{transform:translate(-50%,-50%) rotate(36deg) translateY(-132px) rotate(-36deg)}
  .wheel-label-2{transform:translate(-50%,-50%) rotate(108deg) translateY(-132px) rotate(-108deg)}
  .wheel-label-3{transform:translate(-50%,-50%) rotate(180deg) translateY(-132px) rotate(-180deg)}
  .wheel-label-4{transform:translate(-50%,-50%) rotate(252deg) translateY(-132px) rotate(-252deg)}
  .wheel-label-5{transform:translate(-50%,-50%) rotate(324deg) translateY(-132px) rotate(-324deg)}
  .wheel-pointer{width:46px;height:62px}
  .wheel-password-form{grid-template-columns:1fr}
  .wheel-password-form button{width:100%}
  .wheel-confirm-card{padding:28px 18px}
}
@media(prefers-reduced-motion:reduce){
  .wheel-disc.is-spinning{transition-duration:1.2s}
  .wheel-result.has-result{animation:none}
}

 
.wheel-game-panel .game-heading{margin-bottom:24px}
.game-wheel-section{padding:0!important;overflow:visible}
.game-wheel-section::before,.game-wheel-section::after{display:none!important}
.game-wheel-section .wheel-experience{margin-top:0;min-height:650px}
.game-wheel-section .wheel-content{min-height:650px}
.game-wheel-section .wheel-experience.is-locked .wheel-content{
  filter:blur(52px) saturate(.22) brightness(.72)!important;
  opacity:.055!important;
  transform:scale(1.06)!important;
}
.game-wheel-section .wheel-experience.is-locked .wheel-fog{
  opacity:1!important;
  background:
    radial-gradient(ellipse at 18% 30%,rgba(255,255,255,.99),rgba(247,252,255,.96) 44%,rgba(237,247,252,.94) 72%,rgba(255,255,255,.98)),
    linear-gradient(115deg,rgba(255,255,255,.98),rgba(229,244,251,.97),rgba(255,255,255,.99))!important;
  filter:blur(24px)!important;
}
@media(max-width:620px){
  .game-wheel-section{padding:0!important}
  .game-wheel-section .wheel-experience,.game-wheel-section .wheel-content{min-height:620px}
}

/* 2026-09-19 · refined wheel cover + wheel visual */
.game-wheel-section .wheel-experience{
  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.96) 0 7%,rgba(255,255,255,.54) 22%,transparent 42%),
    radial-gradient(circle at 88% 18%,rgba(100,200,255,.30),transparent 34%),
    radial-gradient(circle at 72% 88%,rgba(255,94,166,.22),transparent 32%),
    linear-gradient(145deg,#fff9fc 0%,#f5fbff 48%,#fff1f7 100%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 30px 90px rgba(90,39,73,.14),inset 0 1px 0 rgba(255,255,255,.96);
}
.game-wheel-section .wheel-experience::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(32,32,51,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,32,51,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 78%);
}
.game-wheel-section .wheel-experience.is-locked .wheel-content{
  filter:blur(18px) saturate(.68) brightness(.94)!important;
  opacity:.28!important;
  transform:scale(1.025)!important;
}
.game-wheel-section .wheel-experience.is-locked .wheel-fog{
  inset:0!important;
  opacity:1!important;
  filter:none!important;
  background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.22),transparent 27%),
    linear-gradient(135deg,rgba(255,247,252,.72),rgba(233,247,255,.68) 48%,rgba(255,241,248,.75))!important;
  backdrop-filter:blur(10px) saturate(.86);
}
.game-wheel-section .wheel-experience.is-locked .wheel-fog::before,
.game-wheel-section .wheel-experience.is-locked .wheel-fog::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.game-wheel-section .wheel-experience.is-locked .wheel-fog::before{
  width:280px;height:280px;left:-80px;top:-55px;
  background:rgba(100,200,255,.15);
}
.game-wheel-section .wheel-experience.is-locked .wheel-fog::after{
  width:250px;height:250px;right:-70px;bottom:-70px;
  background:rgba(255,94,166,.13);
}
.wheel-lock-card{
  overflow:hidden;
  padding:38px 34px 32px;
  border-radius:32px;
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,249,252,.88));
  border:1px solid rgba(255,255,255,.96);
  box-shadow:
    0 30px 80px rgba(74,39,69,.20),
    0 0 0 1px rgba(32,32,51,.045),
    inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter:blur(22px) saturate(1.08);
}
.wheel-lock-card::before{
  content:"";
  position:absolute;
  left:26px;right:26px;top:0;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#64c8ff 24%,#ff5ea6 76%,transparent);
  opacity:.88;
}
.wheel-lock-card::after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  right:-92px;top:-98px;
  background:radial-gradient(circle,rgba(100,200,255,.17),transparent 69%);
  pointer-events:none;
}
.wheel-lock-icon{
  position:relative;
  width:72px;
  height:72px;
  margin:0 auto 17px;
  border-radius:24px;
  font-size:0;
  background:linear-gradient(145deg,#202033,#31324a);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:
    0 14px 30px rgba(32,32,51,.22),
    0 0 0 7px rgba(100,200,255,.09),
    0 0 0 13px rgba(255,94,166,.045);
}
.wheel-lock-icon::before{
  content:"";
  position:absolute;
  left:50%;top:13px;
  width:26px;height:25px;
  transform:translateX(-50%);
  border:5px solid #fff;
  border-bottom:0;
  border-radius:17px 17px 0 0;
  opacity:.96;
}
.wheel-lock-icon::after{
  content:"";
  position:absolute;
  left:50%;bottom:14px;
  width:34px;height:27px;
  transform:translateX(-50%);
  border-radius:8px;
  background:linear-gradient(135deg,#64c8ff,#ff72ae);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.wheel-lock-kicker{color:#177faf;letter-spacing:.2em}
.wheel-lock-card h3{margin-top:11px;font-size:clamp(28px,4vw,40px)}
.wheel-lock-card p{max-width:390px;margin-inline:auto;color:rgba(32,32,51,.58)}
.wheel-password-form{gap:10px;margin-top:23px}
.wheel-password-form input{
  border-color:rgba(32,32,51,.09);
  background:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(88,43,71,.06);
}
.wheel-password-form input:focus{
  border-color:#64c8ff;
  box-shadow:0 0 0 4px rgba(100,200,255,.13);
}
.wheel-password-form button{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#202033,#34354d);
  box-shadow:0 10px 24px rgba(32,32,51,.2);
  transition:transform .18s ease,box-shadow .18s ease;
}
.wheel-password-form button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(32,32,51,.25)}
.wheel-lock-message{font-size:11px;margin-top:12px}

.wheel-stage::before{
  content:"";
  position:absolute;
  width:min(590px,86vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.88) 0 44%,rgba(100,200,255,.13) 57%,rgba(255,94,166,.08) 67%,transparent 72%);
  filter:drop-shadow(0 30px 34px rgba(70,42,73,.11));
  pointer-events:none;
}
.wheel-stage::after{
  content:"";
  position:absolute;
  width:min(548px,80vw);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(32,32,51,.055);
  box-shadow:0 0 0 10px rgba(255,255,255,.22),0 0 0 11px rgba(32,32,51,.025);
  pointer-events:none;
}
.wheel-disc{
  width:min(510px,76vw);
  border:10px solid rgba(255,255,255,.98);
  background:conic-gradient(
    from 0deg,
    #ff7eb7 0deg 70deg,#fff 70deg 72deg,
    #72c9f8 72deg 142deg,#fff 142deg 144deg,
    #ffdc6a 144deg 214deg,#fff 214deg 216deg,
    #ac9afa 216deg 286deg,#fff 286deg 288deg,
    #73d7ba 288deg 358deg,#fff 358deg 360deg
  );
  box-shadow:
    0 0 0 3px rgba(32,32,51,.10),
    0 0 0 10px rgba(255,255,255,.55),
    0 26px 65px rgba(65,41,75,.24),
    inset 0 0 0 2px rgba(255,255,255,.42),
    inset 0 0 42px rgba(255,255,255,.18);
}
.wheel-disc::before{
  inset:8.5%;
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 0 0 1px rgba(32,32,51,.04),inset 0 0 24px rgba(255,255,255,.18);
}
.wheel-disc::after{
  inset:-7px;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.98) 0deg 1.6deg,transparent 1.6deg 11.8deg);
  -webkit-mask:radial-gradient(circle,transparent 0 94.2%,#000 94.5% 100%);
  mask:radial-gradient(circle,transparent 0 94.2%,#000 94.5% 100%);
  filter:drop-shadow(0 0 4px rgba(255,255,255,.8));
}
.wheel-disc-center{
  width:118px;
  height:118px;
  border:7px solid rgba(255,255,255,.94);
  background:linear-gradient(145deg,#fff,#fff6fa);
  box-shadow:
    0 0 0 3px rgba(32,32,51,.08),
    0 14px 34px rgba(42,35,58,.18),
    inset 0 0 0 1px rgba(255,94,166,.08);
  color:#ff5ea6;
  text-shadow:0 4px 18px rgba(255,94,166,.2);
}
.wheel-label{
  padding:7px 6px;
  border-radius:12px;
  background:rgba(255,255,255,.36);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 4px 14px rgba(32,32,51,.04);
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}
.wheel-pointer{
  top:-4px;
  width:62px;
  height:82px;
  filter:drop-shadow(0 10px 12px rgba(33,30,45,.22));
}
.wheel-pointer span{
  background:linear-gradient(180deg,#202033 0 48%,#ff5ea6 49% 72%,#64c8ff 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.wheel-spin-button{
  min-width:190px;
  background:linear-gradient(110deg,#ff4f9e,#ff78b4 46%,#62c8ff 100%);
  box-shadow:0 15px 34px rgba(255,94,166,.27),0 8px 28px rgba(100,200,255,.16);
  border:1px solid rgba(255,255,255,.52);
}
.wheel-result{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,247,252,.78));
  border:1px solid rgba(255,255,255,.94);
  box-shadow:0 16px 40px rgba(60,45,73,.11),inset 0 1px 0 rgba(255,255,255,.95);
}
#wheelRemaining{
  background:linear-gradient(145deg,#202033,#383951);
  box-shadow:0 8px 18px rgba(32,32,51,.16);
}
.wheel-reroll{border:1px solid rgba(32,32,51,.06)}

@media(max-width:620px){
  .wheel-lock-card{padding:32px 20px 27px;border-radius:27px}
  .wheel-lock-icon{width:64px;height:64px;border-radius:21px}
  .wheel-lock-icon::before{top:11px;width:23px;height:23px;border-width:4px}
  .wheel-lock-icon::after{bottom:13px;width:31px;height:24px}
  .wheel-stage::before{width:min(430px,94vw)}
  .wheel-stage::after{width:min(404px,89vw)}
  .wheel-disc{width:min(390px,84vw);border-width:8px}
  .wheel-disc-center{width:88px;height:88px;border-width:5px}
  .wheel-label{width:98px;padding:5px 4px;font-size:11px}
  .wheel-label-1{transform:translate(-50%,-50%) rotate(36deg) translateY(-132px) rotate(-36deg)}
  .wheel-label-2{transform:translate(-50%,-50%) rotate(108deg) translateY(-132px) rotate(-108deg)}
  .wheel-label-3{transform:translate(-50%,-50%) rotate(180deg) translateY(-132px) rotate(-180deg)}
  .wheel-label-4{transform:translate(-50%,-50%) rotate(252deg) translateY(-132px) rotate(-252deg)}
  .wheel-label-5{transform:translate(-50%,-50%) rotate(324deg) translateY(-132px) rotate(-324deg)}
  .wheel-pointer{top:1px;width:48px;height:65px}
}