.shell--layout{
  width:min(1340px, calc(100% - 20px));
  margin:12px auto 22px;
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:14px;
  align-items:start;
}

.modal__panel--profile{
  width:min(310px,calc(100vw - 24px));
  max-height:min(600px,calc(100dvh - 28px));
  overflow:auto;
  border-radius:20px;
  border:1px solid rgba(246,197,90,.26);
  background:
    radial-gradient(260px 160px at 50% 0%,rgba(246,197,90,.15),transparent 70%),
    linear-gradient(180deg,rgba(17,20,28,.98),rgba(5,7,11,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);
}

.modal__head--profile{
  min-height:50px;
  justify-content:center;
  position:relative;
}

.modal__head--profile .modal__close{
  position:absolute;
  right:12px;
  top:10px;
}

.profilePane{
  padding:0 10px 12px;
}

.profileIdentity{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(246,197,90,.18);
  background:
    radial-gradient(140px 92px at 20% 20%,rgba(246,197,90,.14),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}

.profileAvatarSlot{
  display:grid;
  gap:7px;
  justify-items:center;
}

.profileAvatarPreview{
  position:relative;
  width:58px;
  height:58px;
  border-radius:999px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#ffe8a9;
  border:1px solid rgba(246,197,90,.42);
  background:
    radial-gradient(circle at 50% 32%,#ffe8bc 0 11%,#bc8152 12% 23%,transparent 24%),
    radial-gradient(circle at 50% 84%,#6a3b23 0 25%,transparent 26%),
    linear-gradient(145deg,#202633,#06080e);
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.34);
}

.profileAvatarPreview::before{
  content:"";
  width:19px;
  height:19px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffedc3,#b67943);
  box-shadow:0 0 18px rgba(246,197,90,.18);
  transform:translateY(-7px);
}

.profileAvatarPreview::after{
  content:"";
  position:absolute;
  width:44px;
  height:25px;
  border-radius:28px 28px 14px 14px;
  background:linear-gradient(180deg,#7d4b2e,#241814);
  transform:translateY(24px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.profileAvatarPreview.has-image,
.desktopProfileButton__avatar.has-image,
.mobileProfileButton__avatar.has-image{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

.profileAvatarPreview.has-image span{
  display:none;
}

.profileAvatarPreview.has-image::before,
.profileAvatarPreview.has-image::after{
  display:none;
}

.profileAvatarPreview span{
  display:none;
}

.profileAvatarEdit{
  min-height:24px;
  padding:0 9px;
  border-radius:10px;
  border:1px solid rgba(246,197,90,.32);
  color:#f6d782;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(9,11,15,.84);
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}

.profileAvatarInput{
  display:none;
}

.profileIdentity__copy span,
.profileFramePanel span,
.profileMetaGrid span{
  display:block;
  color:rgba(246,234,205,.58);
  font-size:11px;
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
}

.profileIdentity__copy b{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:18px;
  line-height:1.05;
  font-weight:1000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profileIdentity__copy small,
.profileFramePanel small{
  display:block;
  margin-top:6px;
  color:rgba(246,234,205,.62);
  font-size:11px;
  line-height:1.35;
  font-weight:750;
}

.profileBadgeRow{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

.profileBadgeRow em{
  min-height:22px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(246,197,90,.2);
  color:#ffe6a0;
  background:linear-gradient(180deg,rgba(246,197,90,.12),rgba(246,197,90,.03));
  font-size:11px;
  line-height:1;
  font-style:normal;
  font-weight:950;
}

.profileMetaGrid{
  margin-top:8px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}

.profileMetaGrid div{
  min-width:0;
  min-height:58px;
  padding:8px;
  border-radius:13px;
  border:1px solid rgba(246,197,90,.15);
  background:
    radial-gradient(80px 52px at 70% 0,rgba(246,197,90,.1),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.018));
}

.profileMetaGrid b{
  display:block;
  margin-top:7px;
  color:#fff0bf;
  font-size:12px;
  line-height:1.1;
  font-weight:1000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profileFramePanel{
  margin-top:8px;
  padding:10px;
  border-radius:15px;
  border:1px solid rgba(246,197,90,.16);
  background:
    radial-gradient(180px 90px at 100% 0,rgba(99,211,152,.12),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}

.profileFramePanel b{
  display:block;
  margin-top:6px;
  color:#ffe3a2;
  font-size:14px;
  font-weight:1000;
}

.profileBalance{
  margin-top:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(246,197,90,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
}

.profileBalance span{
  display:block;
  color:rgba(246,234,205,.65);
  font-size:13px;
  font-weight:850;
}

.profileBalance b{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:32px;
  line-height:1;
  font-weight:1000;
}

.profileActions{
  margin-top:10px;
  display:grid;
  grid-template-columns:1fr 112px;
  gap:10px;
}

.profilePay{
  min-height:52px;
  border:0;
  border-radius:13px;
  color:#fff;
  font-size:15px;
  font-weight:1000;
  cursor:pointer;
}

.profilePay--deposit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#07150d;
  background:linear-gradient(180deg,#ffecad,#d99c31);
  box-shadow:0 18px 38px rgba(246,197,90,.18),inset 0 1px 0 rgba(255,255,255,.36);
}

.profilePay--deposit span{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#021008;
  background:rgba(0,0,0,.12);
}

.profilePay--withdraw{
  border:1px solid rgba(246,197,90,.2);
  background:linear-gradient(180deg,rgba(30,35,48,.98),rgba(11,13,19,.98));
}

.profileMenu{
  margin-top:12px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(246,197,90,.14);
  background:rgba(5,7,11,.44);
}

.profileMenuItem{
  width:100%;
  min-height:62px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.06);
  display:grid;
  grid-template-columns:42px 1fr;
  gap:10px;
  align-items:center;
  text-align:left;
  padding:10px 13px;
  color:#fff;
  background:linear-gradient(180deg,rgba(29,34,46,.68),rgba(12,14,21,.68));
  cursor:pointer;
}

.profileMenuItem:last-child{
  border-bottom:0;
}

.profileMenuItem:hover{
  filter:brightness(1.08);
}

.profileMenuIcon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#f4d17c;
  border:1px solid rgba(246,197,90,.18);
  background:linear-gradient(180deg,rgba(44,45,56,.98),rgba(16,15,21,.98));
  font-weight:1000;
}

.profileMenuItem b{
  display:block;
  font-size:15px;
  line-height:1.1;
}

.profileMenuItem small{
  display:block;
  margin-top:4px;
  color:rgba(246,234,205,.62);
  font-size:12px;
  font-weight:750;
}

.shellMain{
  min-width:0;
}

.deskSidebar{
  display:block;
  position:sticky;
  top:12px;
  align-self:start;
  height:calc(100dvh - 110px);
  z-index:8;
}

.deskSidebar__inner{
  position:relative;
  height:100%;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(11,14,24,.98), rgba(6,10,18,.98));
  box-shadow:0 20px 40px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
  padding:10px 8px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  min-height:0;
  overflow:hidden;
}

.deskSidebar__menuBtn,
.deskSidebar__item{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(36,44,73,.72), rgba(20,27,49,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.22);
  color:#8f98b8;
  cursor:pointer;
}

.deskSidebar__menuBtn{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
}

.deskSidebar__menuBtn svg{
  width:22px;
  height:22px;
  display:block;
}

.deskSidebar__menuBtn path{
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.deskSidebar__group{
  display:flex;
  flex-direction:column;
  gap:7px;
  width:100%;
  align-items:center;
}

.deskSidebar__label{
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:1.6px;
  color:#7c85a6;
  margin-top:2px;
}

.deskSidebar__item{
  width:46px;
  height:46px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
}

.sidebarOnline{
  width:100%;
  margin-top:auto;
  padding:7px 5px 7px;
  border-radius:18px;
  border:1px solid rgba(244,211,138,.2);
  background:
    radial-gradient(70px 52px at 50% 0%, rgba(57,228,111,.13), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 26px rgba(0,0,0,.26);
  display:flex;
  flex-direction:column;
  align-items:center;
}

.sidebarOnline__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:17px;
  padding:0 6px;
  border-radius:999px;
  border:1px solid rgba(57,228,111,.24);
  background:rgba(0,0,0,.24);
  font-size:7px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.9px;
}

.sidebarOnline__badge .dot{
  width:5px;
  height:5px;
  flex:0 0 5px;
}

.sidebarOnline__value{
  margin-top:4px;
  font-size:18px;
  line-height:.9;
  font-weight:1000;
  letter-spacing:-.6px;
  color:#fff;
  text-shadow:0 10px 18px rgba(0,0,0,.55), 0 0 14px rgba(244,211,138,.1);
}

.sidebarOnline__caption{
  margin-top:3px;
  font-size:7px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:rgba(244,211,138,.74);
}

.deskSidebar__item span{
  font-size:24px;
  line-height:1;
  font-weight:900;
}

.sideIcon{
  width:23px;
  height:23px;
  display:block;
  color:#f4d184;
  filter:drop-shadow(0 8px 14px rgba(214,168,79,.24));
}

.sideIcon path,
.sideIcon rect,
.sideIcon circle{
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.sideIcon circle[r="1.7"]{
  fill:currentColor;
  stroke:none;
}

.sideIcon--seven{
  display:grid;
  place-items:center;
  font-size:25px !important;
  line-height:1;
  color:#f7d788;
  text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 14px rgba(244,211,138,.2);
}

.topbar{
  min-height:82px;
  padding:10px 14px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(21,21,27,.98), rgba(15,15,20,.98));
  box-shadow:var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.03);
  display:grid;
  grid-template-columns:auto auto;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}

.topbar__left,
.topbar__right{
  display:flex;
  align-items:center;
}

.topbar__right{
  gap:10px;
}

.authActions,
.accountActions{
  display:flex;
  align-items:center;
  gap:10px;
}

.accountActions[hidden],
.authActions[hidden]{
  display:none !important;
}

.topBalance{
  min-height:48px;
  min-width:126px;
  padding:0 15px;
  border-radius:16px;
  border:1px solid rgba(244,211,138,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(0,0,0,.24);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-size:24px;
  line-height:1;
  font-weight:1000;
  white-space:nowrap;
}

.topWalletBtn{
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  color:#fff;
  font-weight:950;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(0,0,0,.22);
}

.topWalletBtn--deposit{
  border-color:rgba(57,228,111,.28);
  background:linear-gradient(180deg, #42ec78, #17b84d);
  box-shadow:0 14px 28px rgba(24,186,78,.2), inset 0 1px 0 rgba(255,255,255,.2);
}

.topWalletBtn--withdraw{
  border-color:rgba(244,211,138,.22);
}

.brandRow{
  display:flex;
  align-items:center;
  gap:14px;
}

.brandLogo{
  width:58px;
  height:58px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.04);
  flex:0 0 58px;
}

.brandLogo svg{
  width:40px;
  height:40px;
  display:block;
}

.title{
  position:relative;
  display:inline-block;
  font-size:38px;
  line-height:.92;
  font-weight:1000;
  letter-spacing:.2px;
  color:transparent;
  background:
    linear-gradient(180deg, #ffffff 0%, #fff3c4 24%, #f3cf78 50%, #b77a25 76%, #fff0b8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:
    0 2px 0 rgba(47,30,8,.55),
    0 12px 26px rgba(0,0,0,.55),
    0 0 18px rgba(244,211,138,.2);
  filter:drop-shadow(0 0 10px rgba(244,211,138,.12));
}

.title::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  color:rgba(0,0,0,.56);
  transform:translate(2px,3px);
  filter:blur(.2px);
}

.authBtn{
  min-width:118px;
  height:46px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.authBtn--ghost{
  background:rgba(255,255,255,.05);
}

.authBtn--primary{
  background:linear-gradient(180deg, #39e46f, #19bb4d);
  box-shadow:0 12px 24px rgba(25,187,77,.2), inset 0 1px 0 rgba(255,255,255,.16);
}

.heroBoard{
  margin-top:14px;
  border-radius:26px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(18,18,24,.98), rgba(14,14,19,.98));
  padding:16px;
  box-shadow:var(--shadow-xl), inset 0 1px 0 rgba(255,255,255,.03);
}

.heroGrid{
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(210px,.58fr) minmax(210px,.58fr);
  grid-template-rows:96px 96px 76px;
  gap:14px;
  align-items:stretch;
}

.heroMain{
  grid-row:1 / span 3;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, #111217 0%, #0f1015 100%);
  box-shadow:var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.03);
  min-width:0;
}

.heroFutureSlot{
  grid-column:2 / span 2;
  grid-row:1 / span 3;
  min-height:296px;
  border-radius:24px;
}

.heroMain__overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.heroMain__overlay--bonus{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 82% 24%, rgba(255,255,255,.05) 0 34px, transparent 84px);
}

.heroMain__content{
  position:relative;
  z-index:2;
  min-height:100%;
  padding:18px 24px 18px;
}

.heroMain__content--bonus{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,.82fr);
  align-items:center;
  gap:16px;
  min-height:296px;
}

.heroBonusLeft{
  max-width:420px;
  min-width:0;
}

.heroKicker--bonus{
  color:#bfc4d2;
  font-size:12px;
  font-weight:800;
}

.heroBonusX2{
  margin-top:6px;
  font-size:54px;
  line-height:.88;
  font-weight:1000;
  letter-spacing:-2px;
  background:linear-gradient(180deg, #f0c978 0%, #cb9647 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.heroTitle{
  margin:4px 0 0;
  font-size:42px;
  line-height:.94;
  font-weight:1000;
  letter-spacing:-1.3px;
}

.heroText{
  margin:8px 0 0;
  max-width:390px;
  color:rgba(242,243,247,.74);
  font-size:12px;
  line-height:1.42;
  font-weight:700;
}

.heroPromoBtn{
  margin-top:12px;
  min-width:140px;
  height:42px;
  padding:0 22px;
  border-radius:15px;
  border:1px solid rgba(211,160,74,.34);
  background:linear-gradient(180deg, #f1d08a, #c49144);
  color:#24170a;
  font-size:16px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(201,145,68,.18), inset 0 1px 0 rgba(255,255,255,.22);
  white-space:nowrap;
}

.heroSliderDots{
  margin-top:13px;
  display:flex;
  gap:7px;
  align-items:center;
}

.heroSliderDot{
  width:22px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.2);
  cursor:pointer;
}

.heroSliderDot.active{
  width:34px;
  background:linear-gradient(90deg, #f4d184, #44e979);
  box-shadow:0 0 14px rgba(244,211,138,.24);
}

.heroPromoBtn.is-locked{
  opacity:.58;
}

.heroPromoBtn.is-static,
.heroPromoBtn:disabled.is-static{
  cursor:default;
  pointer-events:none;
  filter:none;
  opacity:.86;
}

.heroBonusVisual{
  position:relative;
  min-height:236px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.heroVisualGlow{
  position:absolute;
  border-radius:999px;
  filter:blur(10px);
  pointer-events:none;
}

.heroVisualGlow--one{
  width:210px;
  height:210px;
  right:20px;
  top:8px;
  background:radial-gradient(circle, rgba(243,211,138,.12), transparent 66%);
}

.heroVisualGlow--two{
  width:150px;
  height:150px;
  left:6px;
  bottom:4px;
  background:radial-gradient(circle, rgba(255,255,255,.06), transparent 68%);
}

.heroCardsStack{
  position:relative;
  width:min(100%, 270px);
  height:212px;
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.44));
}

.heroCardGold{
  position:absolute;
  border-radius:22px;
  border:1px solid rgba(155,111,46,.64);
  background:
    linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,0) 30%),
    linear-gradient(180deg, #fae5b0 0%, #dfb864 45%, #b47a2c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -12px 20px rgba(111,73,20,.22),
    0 18px 32px rgba(0,0,0,.28);
}

.heroCardGold::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:16px;
  border:1px solid rgba(255,246,209,.32);
}

.heroCardGold--back{
  width:128px;
  height:180px;
  right:18px;
  top:10px;
  transform:rotate(17deg);
  opacity:.72;
}

.heroCardGold--mid{
  width:136px;
  height:188px;
  left:46px;
  top:10px;
  transform:rotate(-10deg);
  z-index:2;
}

.heroCardGold--front{
  width:148px;
  height:200px;
  left:76px;
  top:16px;
  transform:rotate(8deg);
  z-index:3;
}

.cardShine{
  position:absolute;
  top:10px;
  left:18px;
  width:44px;
  height:150px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0));
  transform:rotate(18deg);
}

.cardCorner{
  position:absolute;
  font-size:20px;
  line-height:1;
  font-weight:1000;
  color:#785011;
}

.cardCorner--tl{
  top:16px;
  left:16px;
}

.cardCorner--br{
  right:16px;
  bottom:16px;
  transform:rotate(180deg);
}

.cardSuit{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.cardSuit--main{
  font-size:52px;
  color:#8a5b16;
}

.heroChip{
  position:absolute;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 26%, rgba(255,255,255,.42), transparent 32%),
    linear-gradient(180deg, #f4d99a, #c89242);
  border:1px solid rgba(155,111,46,.55);
  box-shadow:0 18px 28px rgba(0,0,0,.24);
}

.heroChip::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  border:1px dashed rgba(120,78,20,.34);
}

.heroChip--back{
  width:52px;
  height:52px;
  left:10px;
  bottom:12px;
}

.heroChip--front{
  width:42px;
  height:42px;
  right:6px;
  bottom:6px;
}

.heroSide{
  border-radius:22px;
  border:1px solid var(--line);
  padding:14px 16px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.03);
  background:linear-gradient(180deg, rgba(20,20,27,.98), rgba(15,15,21,.98));
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.heroSide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 42%);
  pointer-events:none;
}

.heroSide--wide{
  grid-column:2 / span 2;
}

.heroSide__label{
  font-size:12px;
  color:var(--muted);
  font-weight:800;
  position:relative;
  z-index:1;
}

.heroSide__value{
  margin-top:8px;
  font-size:25px;
  line-height:1;
  font-weight:1000;
  position:relative;
  z-index:1;
}

.heroSide__iconWrap{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.06);
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
  flex:0 0 42px;
}

.heroSide__icon{
  font-size:19px;
  font-weight:1000;
}

.heroSide__title{
  display:block;
  margin-top:10px;
  font-size:18px;
  line-height:1;
  font-weight:1000;
  position:relative;
  z-index:1;
}

.heroSide__desc{
  display:block;
  margin-top:6px;
  font-size:11px;
  line-height:1.3;
  font-weight:700;
  color:rgba(255,255,255,.84);
  position:relative;
  z-index:1;
}

.heroSide--action{
  cursor:pointer;
  text-align:left;
  align-items:flex-start;
}

.heroSide--action.is-locked{
  opacity:.58;
  cursor:not-allowed;
}

.heroSide--online{
  padding:8px 12px;
  border-radius:19px;
}

.onlineCard__inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
}

.onlineCard__left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}

.onlineLiveBadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:22px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.22);
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.1px;
}

.dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#33d267;
  box-shadow:0 0 10px rgba(51,210,103,.55);
  flex:0 0 8px;
}

.onlineCard__number{
  margin-top:5px;
  font-size:30px;
  line-height:.92;
  font-weight:1000;
  letter-spacing:-1.4px;
}

.onlineCard__caption{
  margin-top:4px;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.5px;
  color:rgba(244,211,138,.74);
  text-transform:uppercase;
}

.onlineCard__right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  min-height:42px;
}

.onlinePulseIcon{
  width:30px;
  height:30px;
  border-radius:11px;
  border:1px solid rgba(244,211,138,.28);
  background:linear-gradient(180deg, rgba(42,45,58,.92), rgba(11,13,20,.96));
  box-shadow:0 14px 26px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12);
  display:grid;
  place-items:center;
  margin-bottom:5px;
}

.onlinePulseIcon svg{
  width:18px;
  height:18px;
  display:block;
}

.onlinePulseIcon path{
  fill:none;
  stroke:#48ef83;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(72,239,131,.34));
}

.onlineMiniBars{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:3px;
  height:22px;
  width:100%;
}

.onlineMiniBars span{
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, #fff1b8, #d49b3d 52%, rgba(57,228,111,.42));
  box-shadow:0 0 10px rgba(214,168,79,.16);
  transition:height .55s ease;
}

.onlineMiniBars span:nth-child(1){height:8px}
.onlineMiniBars span:nth-child(2){height:14px}
.onlineMiniBars span:nth-child(3){height:10px}
.onlineMiniBars span:nth-child(4){height:20px}
.onlineMiniBars span:nth-child(5){height:13px}
.onlineMiniBars span:nth-child(6){height:24px}
.onlineMiniBars span:nth-child(7){height:16px}
.onlineMiniBars span:nth-child(8){height:11px}

.mobileWalletPanel{
  display:none;
}

.toolbar{
  margin-top:16px;
}

.toolbar__tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.navPill{
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.navPill.active{
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
}

.navPill--free{
  background:linear-gradient(180deg, rgba(243,211,138,.12), rgba(255,255,255,.03));
}

.section{
  margin-top:18px;
}

.sectionHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.sectionEyebrow{
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#a4a8b5;
}

.sectionTitle{
  margin-top:6px;
  font-size:32px;
  line-height:1;
  font-weight:1000;
}

.grid.grid--kazaro{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.gameCard--kazaro{
  position:relative;
  min-height:180px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  background:linear-gradient(180deg, rgba(18,18,24,.98), rgba(13,13,18,.98));
  box-shadow:0 16px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:22px 16px 18px;
  min-width:0;
}

.gameCardKazaro__bg{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(23,23,30,.98), rgba(14,14,19,.98));
}

.gameCardKazaro__pattern{
  position:absolute;
  inset:0;
  opacity:.12;
  background-size:60px 60px;
}

.gameCard--mines .gameCardKazaro__pattern{
  background-image:
    radial-gradient(circle at 16px 16px, rgba(255,255,255,.16) 0 7px, transparent 8px),
    radial-gradient(circle at 40px 36px, rgba(255,255,255,.08) 0 5px, transparent 6px);
}

.gameCard--tower .gameCardKazaro__pattern{
  background-image:
    linear-gradient(135deg, transparent 0 42%, rgba(255,255,255,.1) 42% 48%, transparent 48% 100%);
}

.gameCard--dice .gameCardKazaro__pattern{
  background-image:
    radial-gradient(circle at 14px 14px, rgba(255,255,255,.1) 0 2px, transparent 3px),
    radial-gradient(circle at 28px 28px, rgba(255,255,255,.1) 0 2px, transparent 3px),
    radial-gradient(circle at 42px 14px, rgba(255,255,255,.1) 0 2px, transparent 3px),
    radial-gradient(circle at 42px 42px, rgba(255,255,255,.1) 0 2px, transparent 3px);
}

.gameCard--coinflip .gameCardKazaro__pattern{
  background-image:
    radial-gradient(circle at 16px 16px, rgba(255,255,255,.1) 0 6px, transparent 7px),
    radial-gradient(circle at 40px 40px, rgba(255,255,255,.06) 0 9px, transparent 10px);
}

.gameCard--crash .gameCardKazaro__pattern{
  background-image:
    linear-gradient(60deg, transparent 0 44%, rgba(255,255,255,.08) 44% 48%, transparent 48% 100%);
}

.gameCard--rps .gameCardKazaro__pattern{
  background-image:
    radial-gradient(circle at 14px 14px, rgba(255,255,255,.08) 0 4px, transparent 5px),
    radial-gradient(circle at 42px 20px, rgba(255,255,255,.08) 0 3px, transparent 4px);
}

.gameCard--penalty .gameCardKazaro__pattern{
  background-image:
    linear-gradient(90deg, transparent 0 47%, rgba(255,255,255,.06) 47% 53%, transparent 53% 100%);
}

.gameCard--wheel .gameCardKazaro__pattern{
  background-image:
    radial-gradient(circle at 28px 28px, rgba(255,255,255,.08) 0 2px, transparent 3px),
    linear-gradient(45deg, transparent 0 48%, rgba(255,255,255,.06) 48% 52%, transparent 52% 100%);
}

.gameCardKazaro__iconWrap{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.gameCardKazaro__iconBox{
  width:78px;
  height:78px;
  border-radius:20px;
  border:1px solid rgba(211,160,74,.28);
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03)),
    linear-gradient(180deg, rgba(36,36,45,.98), rgba(22,22,28,.98));
  color:#e7c57e;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 12px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  flex:0 0 78px;
}

.gameGlyph{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  line-height:1;
  text-align:center;
  transform-origin:center center;
  user-select:none;
}

.gameGlyph--mines{
  font-size:34px;
  transform:translateY(-1px);
}

.gameGlyph--tower{
  font-size:36px;
  transform:translateY(-2px);
}

.gameGlyph--dice{
  font-size:34px;
  transform:translateY(-1px);
}

.gameGlyph--coinflip{
  font-size:33px;
  transform:translateY(-1px);
}

.gameGlyph--rps{
  font-size:34px;
  transform:translateY(-1px);
}

.gameIconSvg{
  width:36px;
  height:36px;
  display:block;
  overflow:visible;
}

.gameIconSvg path,
.gameIconSvg circle,
.gameIconSvg rect,
.gameIconSvg line,
.gameIconSvg polyline,
.gameIconSvg polygon{
  fill:none;
  stroke:#e7c57e;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.gameIconSvg--crash{
  width:38px;
  height:38px;
  transform:translateY(-1px);
}

.gameIconSvg--rps{
  width:38px;
  height:38px;
  transform:translateY(-1px);
}

.gameIconSvg--penalty{
  width:37px;
  height:37px;
  transform:translateY(-1px);
}

.gameIconSvg--wheel{
  width:38px;
  height:38px;
  transform:translateY(-1px);
}

.gameCardKazaro__title{
  position:relative;
  z-index:2;
  margin-top:16px;
  text-align:center;
  font-size:26px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.4px;
}

.gameCardKazaro__lock{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  width:30px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.08);
}

.gameCard[data-locked="0"] .gameCardKazaro__lock{
  display:none;
}

.gameCard[data-locked="1"]{
  cursor:pointer;
}

.gameCard[data-locked="1"]::after{
  content:"Доступно после регистрации";
  position:absolute;
  inset:auto 12px 12px 12px;
  z-index:3;
  min-height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,255,255,.08);
}

.homeModeSection{
  margin-top:22px;
}

.homeModeSection__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
}

.homeModeSection__head::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:linear-gradient(90deg,rgba(246,197,90,.34),rgba(246,197,90,0));
}

.homeModeSection__head span{
  min-height:34px;
  padding:0 15px;
  border-radius:12px;
  border:1px solid rgba(246,197,90,.2);
  display:inline-flex;
  align-items:center;
  color:#ffe3a2;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
    rgba(8,10,14,.72);
  box-shadow:0 12px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
  font-size:14px;
  line-height:1;
  font-weight:1000;
}

.homeModeGrid{
  display:grid;
  gap:14px;
  min-width:0;
}

.homeModeGrid--casino{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.homeModeGrid--pvp{
  grid-template-columns:repeat(2,minmax(0,390px));
  justify-content:start;
  gap:28px;
}

.homeModeCard{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  aspect-ratio:1672 / 941;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(246,197,90,.34);
  background-color:#05070a;
  background-image:var(--home-mode-cover);
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,238,176,.05),
    inset 0 1px 0 rgba(255,255,255,.04);
  text-decoration:none;
  cursor:pointer;
  transform:translateZ(0);
}

button.homeModeCard{
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
}

.homeModeCard::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),
    radial-gradient(360px 160px at 72% 14%,rgba(255,235,171,.12),transparent 68%);
  opacity:.72;
}

.homeModeCard:hover{
  transform:translateY(-2px);
  border-color:rgba(255,219,128,.58);
  box-shadow:
    0 24px 48px rgba(0,0,0,.44),
    0 0 30px rgba(246,197,90,.14),
    0 0 0 1px rgba(255,238,176,.08);
}

.homeModeCard:focus-visible{
  outline:2px solid rgba(246,197,90,.68);
  outline-offset:3px;
}

.homeModeCard--roulette{
  --home-mode-cover:url("./shared/casino-premium/roulette-card-final.png?v=20260627-admin16");
}

.homeModeCard--blackjack{
  --home-mode-cover:url("./shared/casino-premium/blackjack-card-final-crop.png?v=20260627-admin16");
}

.homeModeCard--scratch{
  --home-mode-cover:url("./shared/casino-premium/scratch-card-final.png?v=20260627-admin16");
}

.homeModeCard--pvpEqual{
  --home-mode-cover:url("./shared/pvp-premium/pvp-equal-bank-sharp.png?v=20260627-admin16");
  border:0;
}

.homeModeCard--pvpFree{
  --home-mode-cover:url("./shared/pvp-premium/pvp-free-bank-sharp.png?v=20260627-admin16");
  border:0;
}

.homeModeCard--pvpEqual,
.homeModeCard--pvpFree{
  aspect-ratio:912 / 862;
  border-radius:20px;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 24px rgba(246,197,90,.07);
}

.homeFooter{
  margin-top:34px;
  padding:22px 0 10px;
  color:rgba(242,243,247,.76);
}

.homeFooter__line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:2px solid rgba(255,255,255,.2);
  box-shadow:0 -1px 0 rgba(246,197,90,.24);
  padding-top:20px;
}

.homeFooter__brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-width:0;
  color:#fff0bf;
}

.homeFooter__brand span{
  width:42px;
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
}

.homeFooter__brand svg{
  width:31px;
  height:31px;
  display:block;
}

.homeFooter__brand b{
  color:#fff3c9;
  font-size:20px;
  line-height:1;
  letter-spacing:0;
  text-shadow:0 0 18px rgba(246,197,90,.16);
}

.homeFooter__top{
  width:42px;
  height:42px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.12);
  display:grid;
  place-items:center;
  color:#f8d87f;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(16,18,24,.84);
  box-shadow:0 14px 26px rgba(0,0,0,.3);
  font-size:22px;
  font-weight:1000;
  cursor:pointer;
}

.homeFooter__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin-top:24px;
}

.homeFooter__col{
  min-width:0;
}

.homeFooter__col h2{
  margin:0 0 18px;
  color:#f7f7f9;
  font-size:24px;
  line-height:1.1;
  font-weight:1000;
}

.homeFooter__col h3{
  margin:0 0 6px;
  color:#ffe3a2;
  font-size:14px;
  line-height:1.2;
  font-weight:1000;
}

.homeFooter__col p{
  margin:0 0 16px;
  max-width:420px;
  color:rgba(242,243,247,.66);
  font-size:13px;
  line-height:1.45;
  font-weight:750;
}

.homeFooter__bottom{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
  padding-top:18px;
  border-top:2px solid rgba(255,255,255,.14);
  color:rgba(242,243,247,.58);
  font-size:13px;
  font-weight:800;
}

.homeFooter__telegram{
  width:42px;
  height:36px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#11141a;
  text-decoration:none;
  background:linear-gradient(180deg,#ffe9a7,#d79b32);
  box-shadow:0 12px 26px rgba(246,197,90,.18),inset 0 1px 0 rgba(255,255,255,.34);
  font-weight:1000;
}

@media (max-width:700px){
  .homeFooter{
    display:none;
  }
}

.homeModeCard--pvpEqual:hover,
.homeModeCard--pvpFree:hover{
  border:0;
  box-shadow:
    0 24px 48px rgba(0,0,0,.44),
    0 0 28px rgba(246,197,90,.12);
}

.casinoDeskView{
  display:none;
}

@media (min-width:701px){
  body.is-casino-view .heroBoard,
  body.is-casino-view .toolbar,
  body.is-casino-view #gamesSec{
    display:none;
  }

  body.is-casino-view .casinoDeskView{
    display:block;
  }

  .casinoDeskView{
    margin-top:14px;
  }

  .casinoDeskHero{
    position:relative;
    overflow:hidden;
    min-height:302px;
    border-radius:26px;
    border:1px solid rgba(246,197,90,.18);
    background:
      radial-gradient(680px 300px at 74% 48%,rgba(246,197,90,.18),transparent 64%),
      radial-gradient(540px 260px at 20% 18%,rgba(68,233,121,.08),transparent 70%),
      linear-gradient(135deg,rgba(14,18,25,.98),rgba(3,5,9,.98));
    box-shadow:var(--shadow-xl), inset 0 1px 0 rgba(255,255,255,.06);
  }

  .casinoDeskHero::before,
  .casinoDeskHero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
  }

  .casinoDeskHero::before{
    opacity:.2;
    background:
      linear-gradient(115deg,transparent 0 34%,rgba(246,197,90,.22) 34.2% 34.6%,transparent 35% 100%),
      linear-gradient(65deg,transparent 0 58%,rgba(255,255,255,.12) 58.2% 58.4%,transparent 59% 100%);
  }

  .casinoDeskHero::after{
    background:linear-gradient(90deg,rgba(0,0,0,.64),transparent 54%,rgba(0,0,0,.18));
  }

  .casinoDeskHero__copy{
    position:relative;
    z-index:2;
    width:min(520px,48%);
    padding:42px 44px;
  }

  .casinoDeskHero h1{
    margin:8px 0 0;
    color:#fff;
    font-size:52px;
    line-height:.9;
    font-weight:1000;
    letter-spacing:0;
    text-shadow:0 18px 44px rgba(0,0,0,.55);
  }

  .casinoDeskHero p{
    margin:18px 0 0;
    max-width:410px;
    color:rgba(242,243,247,.74);
    font-size:14px;
    line-height:1.45;
    font-weight:750;
  }

  .casinoDeskHero__visual{
    position:absolute;
    inset:0 0 0 45%;
    z-index:1;
    perspective:900px;
  }

  .casinoDeskHero__wheel{
    position:absolute;
    right:8%;
    top:38px;
    width:250px;
    height:250px;
    border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%,#0b0d12 0 13%,#f4cf76 14% 17%,#151821 18% 30%,transparent 31%),
      conic-gradient(from -10deg,#10131c 0 9deg,#d4a347 9deg 18deg,#681f25 18deg 27deg,#10131c 27deg 36deg,#0e3f2c 36deg 45deg,#d4a347 45deg 54deg,#10131c 54deg 63deg,#681f25 63deg 72deg,#10131c 72deg 81deg,#d4a347 81deg 90deg,#10131c 90deg 99deg,#681f25 99deg 108deg,#10131c 108deg 117deg,#0e3f2c 117deg 126deg,#d4a347 126deg 135deg,#10131c 135deg 144deg,#681f25 144deg 153deg,#10131c 153deg 162deg,#d4a347 162deg 171deg,#10131c 171deg 180deg,#681f25 180deg 189deg,#10131c 189deg 198deg,#0e3f2c 198deg 207deg,#d4a347 207deg 216deg,#10131c 216deg 225deg,#681f25 225deg 234deg,#10131c 234deg 243deg,#d4a347 243deg 252deg,#10131c 252deg 261deg,#681f25 261deg 270deg,#10131c 270deg 279deg,#0e3f2c 279deg 288deg,#d4a347 288deg 297deg,#10131c 297deg 306deg,#681f25 306deg 315deg,#10131c 315deg 324deg,#d4a347 324deg 333deg,#10131c 333deg 342deg,#681f25 342deg 351deg,#10131c 351deg 360deg);
    border:12px solid #21170b;
    box-shadow:0 34px 60px rgba(0,0,0,.46),0 0 48px rgba(246,197,90,.18),inset 0 0 0 5px rgba(255,225,151,.42);
    transform:rotateX(62deg) rotateZ(-18deg);
  }

  .casinoDeskHero__card{
    position:absolute;
    width:132px;
    height:186px;
    border-radius:19px;
    border:1px solid rgba(246,197,90,.34);
    background:linear-gradient(160deg,#f7e7b6,#c5923e 48%,#604018);
    box-shadow:0 28px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.38);
  }

  .casinoDeskHero__card--back{
    right:310px;
    top:46px;
    transform:rotateZ(-14deg);
    background:
      linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%),
      repeating-linear-gradient(45deg,rgba(246,197,90,.32) 0 5px,transparent 5px 14px),
      linear-gradient(180deg,#191d29,#07090d);
  }

  .casinoDeskHero__card--front{
    right:226px;
    top:64px;
    transform:rotateZ(9deg);
    display:grid;
    place-items:center;
    color:#241305;
    font-size:54px;
    font-weight:1000;
  }

  .casinoDeskHero__card--front span{
    position:absolute;
    left:14px;
    top:9px;
    font-size:26px;
  }

  .casinoDeskHero__card--front b{
    color:#7a1c24;
    text-shadow:0 1px 0 rgba(255,255,255,.28);
  }

  .casinoDeskHero__chip{
    position:absolute;
    border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%,#141821 0 22%,#f4cf76 23% 28%,#10131a 29% 43%,#b9842f 44% 55%,#0a0c11 56% 100%);
    box-shadow:0 18px 34px rgba(0,0,0,.42),0 0 28px rgba(246,197,90,.18);
  }

  .casinoDeskHero__chip--one{
    width:92px;
    height:92px;
    right:520px;
    bottom:38px;
    transform:rotateX(60deg) rotateZ(18deg);
  }

  .casinoDeskHero__chip--two{
    width:72px;
    height:72px;
    right:112px;
    bottom:48px;
    transform:rotateX(60deg) rotateZ(-24deg);
  }

  .casinoDeskView__head{
    margin-top:18px;
  }

  .casinoModesGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }

  .casinoModeCard{
    position:relative;
    min-height:260px;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.16);
    background:
      radial-gradient(360px 240px at 50% 20%,rgba(246,197,90,.13),transparent 70%),
      linear-gradient(180deg,rgba(16,19,27,.98),rgba(5,7,11,.98));
    box-shadow:0 20px 44px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);
    text-decoration:none;
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:28px 22px 24px;
  }

  .casinoModeCard::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.16;
    background:
      linear-gradient(120deg,transparent 0 43%,rgba(255,255,255,.16) 43.2% 43.6%,transparent 44%),
      radial-gradient(circle at 18% 24%,rgba(255,255,255,.18) 0 2px,transparent 3px),
      radial-gradient(circle at 80% 62%,rgba(246,197,90,.22) 0 2px,transparent 3px);
  }

  .casinoModeCard:hover{
    transform:translateY(-2px);
    box-shadow:0 26px 56px rgba(0,0,0,.46),0 0 34px rgba(246,197,90,.15),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .casinoModeCard__art{
    position:relative;
    z-index:2;
    width:100%;
    height:150px;
    display:grid;
    place-items:center;
  }

  .casinoModeCard__copy{
    position:relative;
    z-index:2;
    width:100%;
    text-align:left;
    margin-top:18px;
  }

  .casinoModeCard__copy strong{
    display:block;
    font-size:28px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.3px;
  }

  .casinoModeCard__copy span{
    display:block;
    margin-top:8px;
    color:rgba(242,243,247,.62);
    font-size:13px;
    font-weight:850;
  }

  .rouletteAvatar{
    position:relative;
    width:142px;
    height:142px;
    border-radius:50%;
    border:10px solid #21170b;
    background:
      radial-gradient(circle,#05070a 0 12%,#e9bd5b 13% 17%,#10131c 18% 28%,transparent 29%),
      conic-gradient(#131720 0 20deg,#ae2633 20deg 40deg,#d5a34b 40deg 60deg,#11151d 60deg 80deg,#0a6d43 80deg 100deg,#d5a34b 100deg 120deg,#11151d 120deg 140deg,#ae2633 140deg 160deg,#d5a34b 160deg 180deg,#11151d 180deg 200deg,#ae2633 200deg 220deg,#d5a34b 220deg 240deg,#11151d 240deg 260deg,#0a6d43 260deg 280deg,#d5a34b 280deg 300deg,#11151d 300deg 320deg,#ae2633 320deg 340deg,#d5a34b 340deg 360deg);
    box-shadow:0 24px 32px rgba(0,0,0,.45),0 0 24px rgba(246,197,90,.18),inset 0 0 0 4px rgba(255,225,151,.38);
    transform:perspective(500px) rotateX(54deg) rotateZ(-14deg);
  }

  .rouletteAvatar b{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:38px;
    height:38px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff2bd;
    background:#0e3f2c;
    border:2px solid rgba(255,230,161,.5);
    font-weight:1000;
  }

  .blackjackAvatar{
    position:relative;
    width:180px;
    height:136px;
  }

  .bjCard{
    position:absolute;
    width:86px;
    height:122px;
    border-radius:14px;
    border:1px solid rgba(246,197,90,.38);
    box-shadow:0 20px 30px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.22);
  }

  .bjCard--back{
    left:30px;
    top:12px;
    transform:rotate(-13deg);
    background:
      repeating-linear-gradient(45deg,rgba(246,197,90,.26) 0 4px,transparent 4px 12px),
      linear-gradient(180deg,#151a25,#06080d);
  }

  .bjCard--front{
    left:72px;
    top:5px;
    transform:rotate(10deg);
    background:linear-gradient(160deg,#fff2c9,#d9b467 52%,#76511d);
    color:#1c1207;
  }

  .bjCard--front span{
    position:absolute;
    left:10px;
    top:8px;
    font-size:24px;
    font-weight:1000;
  }

  .bjCard--front b{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:#111;
    font-size:46px;
  }

  .bjChip{
    position:absolute;
    right:4px;
    bottom:0;
    width:58px;
    height:58px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#150c04;
    background:radial-gradient(circle,#fff2bf 0 22%,#e0b04d 23% 56%,#6d4314 57% 100%);
    border:2px solid rgba(255,237,179,.54);
    font-size:18px;
    font-weight:1000;
    box-shadow:0 16px 28px rgba(0,0,0,.38);
  }

  .scratchAvatar{
    width:150px;
    height:150px;
    padding:12px;
    border-radius:22px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    background:
      linear-gradient(180deg,rgba(255,225,151,.18),rgba(255,255,255,.02)),
      linear-gradient(180deg,#161a24,#07090d);
    border:1px solid rgba(246,197,90,.28);
    box-shadow:0 22px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .scratchAvatar i{
    border-radius:12px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.25),transparent 35%),
      linear-gradient(180deg,#f4d386,#93601f);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 12px rgba(0,0,0,.22);
  }
}

@media (min-width:701px){
  .casinoDeskHero{
    min-height:316px;
    border-color:rgba(246,197,90,.26);
    background:
      radial-gradient(680px 310px at 76% 48%,rgba(255,214,120,.24),transparent 64%),
      radial-gradient(520px 260px at 57% 88%,rgba(15,111,68,.22),transparent 72%),
      linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 52%,rgba(0,0,0,.5)),
      linear-gradient(135deg,#111722 0%,#070a10 46%,#020306 100%);
    box-shadow:
      0 28px 80px rgba(0,0,0,.52),
      0 0 42px rgba(246,197,90,.08),
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 0 0 1px rgba(255,255,255,.02);
  }

  .casinoDeskHero::before{
    opacity:.34;
    background:
      radial-gradient(circle at 72% 30%,rgba(255,235,172,.2) 0 2px,transparent 3px),
      radial-gradient(circle at 88% 68%,rgba(246,197,90,.24) 0 2px,transparent 3px),
      radial-gradient(circle at 46% 70%,rgba(255,255,255,.12) 0 1px,transparent 2px),
      linear-gradient(115deg,transparent 0 31%,rgba(246,197,90,.22) 31.2% 31.45%,transparent 31.8%),
      linear-gradient(66deg,transparent 0 62%,rgba(255,255,255,.13) 62.2% 62.35%,transparent 62.7%);
    background-size:auto,auto,auto,100% 100%,100% 100%;
  }

  .casinoDeskHero::after{
    z-index:1;
    background:
      linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 46%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.38) 100%),
      linear-gradient(180deg,rgba(255,255,255,.035),transparent 32%,rgba(0,0,0,.28));
  }

  .casinoDeskHero__copy{
    width:min(520px,44%);
    padding:44px 48px;
  }

  .casinoDeskHero h1{
    font-size:58px;
    letter-spacing:0;
    background:linear-gradient(180deg,#fff 0%,#fff4c9 24%,#f0c86a 62%,#b77924 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  .casinoDeskHero p{
    max-width:430px;
    font-size:14px;
    color:rgba(242,243,247,.78);
  }

  .casinoDeskHero__visual{
    inset:0 0 0 39%;
    z-index:2;
  }

  .casinoDeskHero__halo{
    position:absolute;
    right:170px;
    top:14px;
    width:380px;
    height:250px;
    border-radius:50%;
    background:
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.22),transparent 54%),
      repeating-radial-gradient(circle at 50% 50%,rgba(255,229,160,.18) 0 1px,transparent 1px 22px);
    filter:blur(.2px);
    transform:perspective(900px) rotateX(62deg) rotateZ(-7deg);
    animation:casinoHeroPulse 4.8s ease-in-out infinite;
  }

  .casinoDeskHero__table{
    position:absolute;
    right:82px;
    bottom:20px;
    width:620px;
    height:118px;
    border-radius:50%;
    background:
      radial-gradient(ellipse at 50% 42%,rgba(246,197,90,.18),rgba(8,70,47,.22) 42%,rgba(0,0,0,.18) 70%,transparent 72%),
      linear-gradient(90deg,transparent,rgba(246,197,90,.22),transparent);
    border-top:1px solid rgba(246,197,90,.24);
    filter:drop-shadow(0 28px 24px rgba(0,0,0,.34));
    transform:perspective(760px) rotateX(64deg);
  }

  .casinoDeskHero__wheel{
    right:128px;
    top:34px;
    width:282px;
    height:282px;
    border-width:14px;
    transform:perspective(900px) rotateX(61deg) rotateZ(-18deg);
    animation:casinoWheelDrift 8s linear infinite;
  }

  .casinoDeskHero__wheel::after{
    content:"";
    position:absolute;
    top:18px;
    left:50%;
    width:14px;
    height:14px;
    margin-left:-7px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%,#fff,#f5dfad 46%,#8b7542 100%);
    box-shadow:0 0 16px rgba(255,255,255,.42);
    transform-origin:7px 116px;
    animation:casinoBallOrbit 3.4s linear infinite;
  }

  .casinoDeskHero__card{
    width:140px;
    height:198px;
    border-radius:20px;
  }

  .casinoDeskHero__card--back{
    right:370px;
    top:48px;
    transform:perspective(620px) rotateY(-13deg) rotateZ(-16deg);
  }

  .casinoDeskHero__card--front{
    right:282px;
    top:70px;
    transform:perspective(620px) rotateY(-10deg) rotateZ(9deg);
  }

  .casinoDeskHero__ticket{
    position:absolute;
    right:474px;
    bottom:44px;
    width:132px;
    height:88px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    padding:10px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.28);
    background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.02)),rgba(8,11,17,.9);
    box-shadow:0 20px 34px rgba(0,0,0,.34),0 0 22px rgba(246,197,90,.12);
    transform:perspective(620px) rotateX(58deg) rotateZ(11deg);
  }

  .casinoDeskHero__ticket i{
    border-radius:8px;
    background:linear-gradient(145deg,#ffe8a7,#b77825);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.36);
  }

  .casinoDeskHero__chip{
    background:
      radial-gradient(circle at 50% 50%,#0b0d12 0 20%,#fff0b0 21% 25%,#141821 26% 42%,#d7a34b 43% 56%,#0a0c11 57% 100%);
  }

  .casinoDeskHero__chip--one{
    width:104px;
    height:104px;
    right:560px;
    bottom:40px;
  }

  .casinoDeskHero__chip--two{
    width:78px;
    height:78px;
    right:82px;
    bottom:52px;
  }

  .casinoDeskHero__chip--three{
    width:64px;
    height:64px;
    right:450px;
    top:42px;
    transform:rotateX(62deg) rotateZ(-28deg);
  }

  .casinoModesGrid{
    gap:18px;
  }

  .casinoModeCard{
    min-height:300px;
    align-items:stretch;
    justify-content:flex-end;
    padding:0;
    border-radius:24px;
    border-color:rgba(246,197,90,.2);
    background:
      radial-gradient(360px 240px at 50% 22%,rgba(246,197,90,.16),transparent 70%),
      linear-gradient(180deg,rgba(16,19,27,.98),rgba(5,7,11,.98));
  }

  .casinoModeCard::before{
    opacity:.2;
    background:
      linear-gradient(180deg,transparent 0 58%,rgba(0,0,0,.52) 100%),
      linear-gradient(120deg,transparent 0 43%,rgba(255,255,255,.16) 43.2% 43.6%,transparent 44%),
      radial-gradient(circle at 18% 24%,rgba(255,255,255,.18) 0 2px,transparent 3px),
      radial-gradient(circle at 80% 62%,rgba(246,197,90,.22) 0 2px,transparent 3px);
  }

  .casinoModeCard::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:76px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(246,197,90,.42),transparent);
    opacity:.75;
  }

  .casinoModeCard--roulette{
    background:
      radial-gradient(360px 210px at 50% 24%,rgba(126,27,38,.28),transparent 68%),
      radial-gradient(420px 260px at 50% 72%,rgba(246,197,90,.13),transparent 76%),
      linear-gradient(180deg,#111722,#05070b);
  }

  .casinoModeCard--blackjack{
    background:
      radial-gradient(360px 220px at 48% 28%,rgba(14,114,70,.24),transparent 70%),
      radial-gradient(420px 260px at 54% 74%,rgba(246,197,90,.14),transparent 76%),
      linear-gradient(180deg,#111722,#05070b);
  }

  .casinoModeCard--scratch{
    background:
      radial-gradient(360px 220px at 48% 28%,rgba(246,197,90,.2),transparent 70%),
      radial-gradient(420px 260px at 54% 76%,rgba(255,255,255,.06),transparent 76%),
      linear-gradient(180deg,#111722,#05070b);
  }

  .casinoModeCard__art{
    height:218px;
    overflow:hidden;
    perspective:860px;
  }

  .casinoModeCard__spot{
    position:absolute;
    left:50%;
    bottom:12px;
    width:250px;
    height:74px;
    transform:translateX(-50%) rotateX(64deg);
    border-radius:50%;
    background:
      radial-gradient(ellipse at 50% 50%,rgba(246,197,90,.2),rgba(0,0,0,.32) 62%,transparent 72%);
    filter:blur(.2px);
  }

  .casinoModeCard__copy{
    min-height:82px;
    margin-top:0;
    padding:0 22px 20px;
    text-align:left;
  }

  .casinoModeCard__copy strong{
    font-size:30px;
    letter-spacing:0;
    text-shadow:0 14px 26px rgba(0,0,0,.55);
  }

  .casinoModeCard__copy span{
    color:rgba(246,234,205,.72);
  }

  .rouletteAvatar{
    width:188px;
    height:188px;
    border-width:12px;
    transform:perspective(700px) rotateX(58deg) rotateZ(-20deg);
    animation:casinoCardWheel 7s linear infinite;
  }

  .rouletteAvatar::before{
    content:"";
    position:absolute;
    inset:-26px;
    border-radius:50%;
    background:repeating-conic-gradient(from 0deg,transparent 0 14deg,rgba(246,197,90,.14) 14deg 15deg,transparent 15deg 28deg);
    opacity:.7;
  }

  .rouletteAvatar::after{
    content:"";
    position:absolute;
    top:18px;
    left:50%;
    width:13px;
    height:13px;
    margin-left:-6px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%,#fff,#f5dfad 46%,#8b7542 100%);
    box-shadow:0 0 18px rgba(255,255,255,.5);
    transform-origin:6px 74px;
    animation:casinoBallOrbit 3s linear infinite reverse;
  }

  .rouletteAvatar span{
    position:absolute;
    inset:18px;
    border-radius:50%;
    border:1px solid rgba(255,235,172,.2);
  }

  .rouletteAvatar span:nth-child(2){inset:34px}
  .rouletteAvatar span:nth-child(3){inset:50px}
  .rouletteAvatar span:nth-child(4){inset:66px}

  .blackjackAvatar{
    width:252px;
    height:192px;
    transform:translateY(10px);
  }

  .bjCard{
    width:104px;
    height:150px;
    border-radius:17px;
  }

  .bjCard--back{
    left:48px;
    top:24px;
    transform:perspective(650px) rotateY(12deg) rotateZ(-16deg);
    animation:casinoCardFloat 4.4s ease-in-out infinite;
  }

  .bjCard--front{
    left:110px;
    top:11px;
    transform:perspective(650px) rotateY(-10deg) rotateZ(12deg);
    animation:casinoCardFloat 4.4s ease-in-out infinite .3s;
  }

  .bjCard--front span{
    font-size:28px;
  }

  .bjCard--front b{
    font-size:56px;
  }

  .bjChip{
    right:18px;
    bottom:6px;
    width:72px;
    height:72px;
    font-size:22px;
    animation:casinoChipPulse 3.8s ease-in-out infinite;
  }

  .scratchAvatar{
    width:190px;
    height:190px;
    padding:16px;
    gap:10px;
    transform:perspective(700px) rotateX(50deg) rotateZ(-8deg);
    animation:casinoTicketFloat 4.8s ease-in-out infinite;
  }

  .scratchAvatar::before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:28px;
    border:1px solid rgba(246,197,90,.22);
    box-shadow:0 0 34px rgba(246,197,90,.13);
  }

  .scratchAvatar i{
    position:relative;
    overflow:hidden;
  }

  .scratchAvatar i::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 0 40%,rgba(255,255,255,.38) 48%,transparent 58%);
    transform:translateX(-110%);
    animation:casinoScratchShine 3.8s ease-in-out infinite;
  }
}

@keyframes casinoHeroPulse{
  0%,100%{opacity:.78;transform:perspective(900px) rotateX(62deg) rotateZ(-7deg) scale(1)}
  50%{opacity:1;transform:perspective(900px) rotateX(62deg) rotateZ(-3deg) scale(1.035)}
}

@keyframes casinoWheelDrift{
  to{transform:perspective(900px) rotateX(61deg) rotateZ(342deg)}
}

@keyframes casinoCardWheel{
  to{transform:perspective(700px) rotateX(58deg) rotateZ(340deg)}
}

@keyframes casinoBallOrbit{
  to{transform:rotate(-360deg)}
}

@keyframes casinoCardFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}

@keyframes casinoChipPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.045);filter:brightness(1.12)}
}

@keyframes casinoTicketFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}

@keyframes casinoScratchShine{
  0%,45%{transform:translateX(-110%)}
  72%,100%{transform:translateX(120%)}
}

@media (max-width:700px){
  .casinoDeskView{
    display:none !important;
  }
}

.modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:70;
}

.modal.open{
  display:block;
}

.modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(10px);
}

.modal__panel{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(980px, calc(100% - 18px));
  max-height:calc(100% - 18px);
  overflow:auto;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(20,20,26,.98), rgba(12,12,17,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.6);
}

.modal__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
}

.modal__title{
  font-weight:950;
  font-size:18px;
}

.modal__close{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:var(--txt);
  border-radius:14px;
  padding:8px 10px;
  cursor:pointer;
}

.tabs{
  display:flex;
  gap:8px;
  padding:12px 14px 0;
  flex-wrap:wrap;
}

.tab{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  cursor:pointer;
  font-weight:900;
}

.tab.active{
  background:rgba(255,255,255,.08);
}

.pane{
  padding:14px;
}

.pane.hidden{
  display:none;
}

.dailyTopRow{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.dailyTitle,.listTitle,.socName,.promoTitle,.supportTitle,.supportName{
  font-weight:950;
}

.dailyHint,.promoSub,.socDesc,.supportSub,.supportDesc,.finePrint,.listNote{
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
}

.timerBox,
.listCard,
.socItem,
.promoForm,
.supportItem{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  padding:12px;
}

.timerVal{
  margin-top:4px;
  font-weight:950;
  font-size:16px;
}

.dailyWrap{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 320px;
  gap:12px;
}

.wheelBox{
  position:relative;
  border-radius:20px;
  border:1px solid rgba(244,211,138,.22);
  background:
    radial-gradient(420px 260px at 50% 42%, rgba(244,211,138,.12), transparent 66%),
    radial-gradient(360px 260px at 64% 72%, rgba(57,228,111,.08), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
    linear-gradient(180deg, rgba(14,16,24,.98), rgba(5,6,10,.98));
  padding:16px;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 22px 54px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
}

.wheelBox::before{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,222,142,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 76% 30%, rgba(255,222,142,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 82%, rgba(255,222,142,.2) 0 2px, transparent 3px);
  opacity:.72;
}

.pointer{
  position:absolute;
  top:7px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  border-top:24px solid #ffe3a0;
  border-bottom:0;
  filter:drop-shadow(0 0 12px rgba(244,211,138,.48)) drop-shadow(0 8px 10px rgba(0,0,0,.58));
  z-index:4;
}

#dailyWheel{
  width:min(420px, 86vw);
  height:auto;
  display:block;
  position:relative;
  z-index:2;
  transform-origin:50% 50%;
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.48));
  will-change:transform;
}

.wheelCenter{
  position:absolute;
  width:110px;
  height:110px;
  border-radius:999px;
  border:1px solid rgba(255,226,159,.44);
  background:
    radial-gradient(circle at 38% 22%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(180deg, #343642, #11131a 58%, #050608);
  box-shadow:0 22px 36px rgba(0,0,0,.48),0 0 24px rgba(214,168,79,.18),inset 0 1px 0 rgba(255,255,255,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:3;
}

.centerBig{
  font-weight:950;
  color:#ffe4a0;
  text-shadow:0 0 18px rgba(214,168,79,.2);
}

.centerSmall{
  font-size:12px;
  color:rgba(255,255,255,.64);
}

.btnPrimary,.btnGhost,.promoBtn{
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  font-weight:950;
  cursor:pointer;
}

.btnPrimary,.promoBtn{
  background:linear-gradient(180deg, #f1d08a, #c49144);
  color:#24170a;
}

.btnPrimary:disabled{
  cursor:wait;
  opacity:.72;
  filter:saturate(.75);
}

.btnGhost{
  background:rgba(255,255,255,.05);
  color:#fff;
}

.dailyMsg{
  margin-top:10px;
  font-size:12px;
  color:rgba(234,240,255,.78);
}

.prizeList{
  margin-top:10px;
  display:grid;
  gap:7px;
  align-items:start;
}

.prizeItem{
  width:calc(100% - min(48px, var(--step) * 6px));
  margin-left:calc(var(--step) * 6px);
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:14px;
  border:1px solid rgba(244,211,138,.16);
  background:
    linear-gradient(90deg, rgba(244,211,138,.12), rgba(255,255,255,.045)),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 18px rgba(0,0,0,.16);
  color:#ffe39c;
  font-size:16px;
  font-weight:1000;
  text-shadow:0 8px 16px rgba(0,0,0,.4);
}

.prizeItem .p{
  display:none;
}

.socialGrid,.supportGrid{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.socialGrid{
  grid-template-columns:1fr;
}

.socItem--telegram{
  min-height:150px;
  background:
    radial-gradient(340px 180px at 86% 18%, rgba(53,181,255,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}

.socTop{
  display:flex;
  gap:10px;
  align-items:center;
}

.socBtns{
  margin-top:12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.socIcon,.supportIcon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  font-weight:950;
}

.supportItem{
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:12px;
  align-items:center;
}

.supportIcon{
  width:54px;
  height:54px;
  border-radius:18px;
}

.promoBody{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:12px;
}

.promoLogoSlot{
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  min-height:160px;
}

.promoInput{
  width:100%;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.06);
  color:var(--txt);
  padding:14px;
}

.promoMsg{
  margin-top:10px;
  font-size:13px;
  font-weight:800;
}

.mobileBottomNav{
  display:none;
}

@media (max-width:1180px){
  .shell--layout{
    grid-template-columns:64px minmax(0,1fr);
  }

  .deskSidebar{
    height:calc(100dvh - 98px);
  }

  .deskSidebar__inner{
    min-height:0;
    padding:8px 6px 10px;
  }

  .deskSidebar__menuBtn,
  .deskSidebar__item{
    width:46px;
    height:46px;
    flex-basis:46px;
    border-radius:14px;
  }

  .heroGrid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }

  .heroMain{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .heroFutureSlot{
    display:none;
  }

  .heroSide--wide{
    grid-column:1 / -1;
  }

  .grid.grid--kazaro{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:980px){
  .topbar{
    grid-template-columns:minmax(0,auto) minmax(0,1fr);
  }

  .topbar__right{
    justify-content:flex-end;
    min-width:0;
  }

  .accountActions{
    gap:7px;
  }

  .topBalance{
    min-width:104px;
    font-size:21px;
    padding:0 12px;
  }

  .topWalletBtn{
    padding:0 12px;
    font-size:13px;
  }

  .homeModeGrid--pvp{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .homeModeCard--pvpEqual,
  .homeModeCard--pvpFree{
    grid-column:auto;
  }
}

@media (max-width:860px){
  .heroMain__content--bonus{
    grid-template-columns:1fr;
  }

  .heroBonusVisual{
    min-height:220px;
  }

  .heroCardsStack{
    height:210px;
    width:min(100%, 270px);
  }

  .heroCardGold--back{
    width:128px;
    height:180px;
    right:24px;
    top:12px;
  }

  .heroCardGold--mid{
    width:136px;
    height:188px;
    left:56px;
    top:12px;
  }

  .heroCardGold--front{
    width:148px;
    height:198px;
    left:82px;
    top:18px;
  }
}

@media (max-width:700px){
  .shell--layout{
    width:calc(100% - 14px);
    margin:8px auto 94px;
    display:block;
  }

  .deskSidebar{
    display:none;
  }

  .topbar{
    display:none;
  }

  .heroBoard{
    padding:0;
    border:none;
    background:transparent;
    box-shadow:none;
  }

  .heroGrid{
    display:none;
  }

  .mobileWalletPanel{
    display:block;
  }

  .mobileTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
    padding:10px 12px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(20,20,26,.98), rgba(14,14,19,.98));
    box-shadow:var(--shadow-lg);
  }

  .mobileBrand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }

  .mBrandLogo{
    width:58px;
    height:58px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 58px;
  }

  .mBrandLogo svg{
    width:40px;
    height:40px;
    display:block;
  }

  .mTitle{
    position:relative;
    display:inline-block;
    font-size:31px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.1px;
    color:transparent;
    background:linear-gradient(180deg, #fff 0%, #fff2bf 25%, #f1ca72 54%, #b77a25 82%, #ffe9ad 100%);
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:0 2px 0 rgba(47,30,8,.48),0 10px 22px rgba(0,0,0,.46);
  }

  .mobileAuth{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
  }

  .mobileAuth .authBtn{
    min-width:auto;
    height:42px;
    padding:0 14px;
  }

  .authActions--mobile{
    display:flex;
    gap:8px;
  }

  .accountActions--mobile{
    display:flex;
  }

  .topBalance--mobile{
    min-width:96px;
    min-height:42px;
    padding:0 12px;
    font-size:20px;
    border-radius:15px;
  }

  .mobileHeroBonus{
    display:grid;
    grid-template-columns:minmax(0,1fr) 118px;
    align-items:center;
    gap:10px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    padding:18px;
    background:linear-gradient(180deg, rgba(18,18,24,.98), rgba(13,13,18,.98));
    box-shadow:var(--shadow-lg);
    overflow:hidden;
    position:relative;
  }

  .mobileHeroBonus::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 40%);
    pointer-events:none;
  }

  .mobileHeroBonus__content{
    position:relative;
    z-index:1;
  }

  .mobileHeroBonus__kicker{
    font-size:12px;
    color:#bfc4d2;
    font-weight:800;
  }

  .mobileHeroBonus__x2{
    margin-top:10px;
    font-size:44px;
    line-height:.9;
    font-weight:1000;
    letter-spacing:-1.4px;
    background:linear-gradient(180deg, #f0c978 0%, #cb9647 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }

  .mobileHeroBonus__title{
    margin-top:4px;
    font-size:24px;
    line-height:.95;
    font-weight:1000;
  }

  .mobileHeroBonus__visual{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:150px;
  }

  .mobileHeroCardsStack{
    position:relative;
    width:108px;
    height:138px;
  }

  .mobileHeroCard{
    position:absolute;
    border-radius:16px;
    border:1px solid rgba(155,111,46,.64);
    background:
      linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,0) 30%),
      linear-gradient(180deg, #fae5b0 0%, #dfb864 45%, #b47a2c 100%);
    box-shadow:0 16px 26px rgba(0,0,0,.26);
  }

  .mobileHeroCard::before{
    content:"";
    position:absolute;
    inset:9px;
    border-radius:12px;
    border:1px solid rgba(255,246,209,.28);
  }

  .mobileHeroCard--back{
    width:68px;
    height:94px;
    right:2px;
    top:6px;
    transform:rotate(18deg);
    opacity:.75;
  }

  .mobileHeroCard--mid{
    width:74px;
    height:102px;
    left:12px;
    top:10px;
    transform:rotate(-11deg);
    z-index:2;
  }

  .mobileHeroCard--front{
    width:80px;
    height:112px;
    left:24px;
    top:22px;
    transform:rotate(8deg);
    z-index:3;
  }

  .mobileCardCorner{
    position:absolute;
    font-size:12px;
    line-height:1;
    font-weight:1000;
    color:#785011;
  }

  .mobileCardCorner--tl{
    top:10px;
    left:10px;
  }

  .mobileCardCorner--br{
    right:10px;
    bottom:10px;
    transform:rotate(180deg);
  }

  .mobileCardSuit{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }

  .mobileCardSuit--main{
    font-size:28px;
    color:#815514;
  }

  .mobileHeroChip{
    position:absolute;
    border-radius:999px;
    background:
      radial-gradient(circle at 30% 26%, rgba(255,255,255,.56), transparent 32%),
      linear-gradient(180deg, #f4d99a, #c89242);
    border:1px solid rgba(155,111,46,.55);
    box-shadow:0 10px 18px rgba(0,0,0,.24);
  }

  .mobileHeroChip::before{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:999px;
    border:1px dashed rgba(120,78,20,.34);
  }

  .mobileHeroChip--back{
    width:24px;
    height:24px;
    left:2px;
    bottom:14px;
  }

  .mobileHeroChip--front{
    width:20px;
    height:20px;
    right:0;
    bottom:8px;
  }

  .mobileWalletPanel__balance{
    margin-top:12px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(18,18,24,.98), rgba(13,13,18,.98));
    padding:14px;
    box-shadow:var(--shadow-md);
  }

  .mobileWalletPanel__label{
    font-size:12px;
    color:var(--muted);
    font-weight:800;
  }

  .mobileWalletPanel__value{
    margin-top:8px;
    font-size:26px;
    font-weight:1000;
    line-height:1;
  }

  .mobileWalletPanel__actions{
    margin-top:12px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .mobileWalletPanel__btn{
    min-height:118px;
    padding:16px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(20,20,27,.98), rgba(15,15,21,.98));
    color:#fff;
    text-align:left;
    font-size:22px;
    font-weight:1000;
    box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.03);
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:8px;
    position:relative;
    overflow:hidden;
  }

  .mobileWalletPanel__btn.is-locked{
    opacity:.58;
    cursor:not-allowed;
  }

  .mobileWalletPanel__btnIcon{
    width:40px;
    height:40px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.06);
    display:grid;
    place-items:center;
    font-size:18px;
    line-height:1;
  }

  .mobileWalletPanel__btn small{
    font-size:12px;
    color:rgba(255,255,255,.8);
    font-weight:700;
  }

  .mobileWalletPanel__online{
    margin-top:12px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(20,20,27,.98), rgba(15,15,21,.98));
    color:#fff;
    padding:16px;
    box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.03);
  }

  .mobileWalletPanel__onlineValue{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .mobileWalletPanel__onlineValue b{
    font-size:36px;
    line-height:.9;
    font-weight:1000;
    letter-spacing:-1px;
  }

  .onlineMiniBars--mobile{
    margin-top:12px;
    height:28px;
  }

  .toolbar{
    margin-top:14px;
  }

  .toolbar__tabs{
    overflow:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  .toolbar__tabs::-webkit-scrollbar{
    display:none;
  }

  .grid.grid--kazaro{
    display:flex;
    gap:12px;
    overflow:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }

  .grid.grid--kazaro::-webkit-scrollbar{
    display:none;
  }

  .gameCard--kazaro{
    flex:0 0 236px;
    min-height:176px;
    padding:18px 14px 16px;
  }

  .homeModeSection{
    margin-top:16px;
  }

  .homeModeSection__head{
    margin-bottom:10px;
  }

  .homeModeGrid{
    display:flex;
    gap:12px;
    overflow:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }

  .homeModeGrid::-webkit-scrollbar{
    display:none;
  }

  .homeModeCard{
    flex:0 0 300px;
    border-radius:18px;
  }

  .gameCardKazaro__iconBox{
    width:92px;
    height:92px;
    border-radius:22px;
    flex-basis:92px;
  }

  .gameGlyph--mines{font-size:42px}
  .gameGlyph--tower{font-size:44px}
  .gameGlyph--dice{font-size:42px}
  .gameGlyph--coinflip{font-size:41px}
  .gameGlyph--rps{font-size:42px}

  .gameIconSvg--crash{
    width:46px;
    height:46px;
  }

  .gameIconSvg--rps{
    width:46px;
    height:46px;
  }

  .gameIconSvg--penalty{
    width:45px;
    height:45px;
  }

  .gameIconSvg--wheel{
    width:46px;
    height:46px;
  }

  .gameCardKazaro__title{
    margin-top:16px;
    font-size:28px;
  }

  .mobileBottomNav{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:8px;
    position:fixed;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:90;
    padding:10px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(17,17,23,.97), rgba(10,10,15,.97));
    box-shadow:0 18px 36px rgba(0,0,0,.34);
  }

  .mobileBottomNav__item{
    min-height:48px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#dfe6ff;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
  }

  .mobileBottomNav__item.active{
    background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  }

  .dailyWrap,
  .promoBody,
  .supportGrid,
  .socialGrid{
    grid-template-columns:1fr;
  }

  .supportItem{
    grid-template-columns:44px 1fr;
  }

  .supportBtn{
    grid-column:1 / -1;
    width:100%;
    margin-top:4px;
  }

  .modal__panel{
    width:min(980px, calc(100% - 10px));
    max-height:calc(100% - 10px);
    border-radius:20px;
  }

  .pane{
    padding:12px;
  }
}

@media (min-width:701px){
  body.is-casino-view .casinoDeskHero{
    min-height:0;
    aspect-ratio:1860 / 510;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.46);
    background:
      url("./shared/casino-premium/casino-hero-fit.png?v=20260627-admin16") center / cover no-repeat,
      linear-gradient(135deg,#05070a,#111722);
    background-clip:padding-box;
    box-shadow:
      0 28px 70px rgba(0,0,0,.5),
      0 0 34px rgba(246,197,90,.08),
      0 0 0 1px rgba(255,238,176,.08);
  }

  body.is-casino-view .casinoDeskHero::before{
    display:none;
  }

  body.is-casino-view .casinoDeskHero::after{
    display:none;
  }

  body.is-casino-view .casinoDeskHero__copy{
    display:none;
  }

  body.is-casino-view .casinoDeskHero h1{
    margin-top:8px;
    font-size:50px;
    line-height:.94;
    letter-spacing:0;
    color:#fff;
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    text-shadow:0 18px 44px rgba(0,0,0,.66);
  }

  body.is-casino-view .casinoDeskHero p{
    max-width:430px;
    margin-top:14px;
    color:rgba(242,243,247,.8);
    font-size:14px;
    line-height:1.42;
    font-weight:800;
  }

  body.is-casino-view .casinoDeskHero__visual{
    display:none;
  }

  .casinoDeskHero__cta{
    margin-top:18px;
    width:max-content;
    min-width:120px;
    min-height:42px;
    padding:0 24px;
    border-radius:14px;
    border:1px solid rgba(255,241,184,.45);
    background:linear-gradient(180deg,#fff0b0 0%,#f6c55a 48%,#bf7e28 100%);
    color:#1f1406;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:15px;
    font-weight:1000;
    box-shadow:0 18px 32px rgba(201,145,68,.2),0 0 24px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.32);
  }

  body.is-casino-view .casinoDeskView__head{
    margin-top:18px;
  }

  body.is-casino-view .casinoModesGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }

  body.is-casino-view .casinoModeCard{
    min-height:0;
    aspect-ratio:1672 / 941;
    padding:0;
    border-radius:20px;
    border:1px solid rgba(246,197,90,.42);
    align-items:stretch;
    justify-content:flex-end;
    background-color:#05070a;
    background-position:center;
    background-size:100% 100%;
    background-clip:padding-box;
    box-shadow:
      0 18px 36px rgba(0,0,0,.42),
      0 0 0 1px rgba(255,238,176,.06);
  }

  body.is-casino-view .casinoModeCard--roulette{
    background-image:url("./shared/casino-premium/roulette-card-final.png?v=20260627-admin16");
  }

  body.is-casino-view .casinoModeCard--blackjack{
    background-image:url("./shared/casino-premium/blackjack-card-final-crop.png?v=20260627-admin16");
  }

  body.is-casino-view .casinoModeCard--scratch{
    background-image:url("./shared/casino-premium/scratch-card-final.png?v=20260627-admin16");
  }

  body.is-casino-view .casinoModeCard::before{
    display:none;
  }

  body.is-casino-view .casinoModeCard::after{
    display:none;
  }

  body.is-casino-view .casinoModeCard__art,
  body.is-casino-view .casinoModeCard .gameCardKazaro__lock{
    display:none;
  }

  body.is-casino-view .casinoModeCard__copy{
    display:none;
  }

  body.is-casino-view .casinoModeCard__copy strong{
    font-size:31px;
    line-height:1;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 14px 24px rgba(0,0,0,.78);
  }

  body.is-casino-view .casinoModeCard__copy span{
    margin-top:8px;
    color:rgba(255,241,205,.72);
    font-size:13px;
    line-height:1.1;
    font-weight:900;
    text-shadow:0 8px 16px rgba(0,0,0,.65);
  }

  body.is-casino-view .casinoModeCard:hover{
    transform:translateY(-2px);
    border-color:rgba(255,217,120,.6);
    box-shadow:
      0 26px 54px rgba(0,0,0,.5),
      0 0 30px rgba(246,197,90,.16),
      0 0 0 1px rgba(255,238,176,.1);
  }
}

.quickDeskView,
.pvpDeskView{
  display:none;
}

@media (min-width:701px){
  body.is-quick-view .heroBoard,
  body.is-quick-view .toolbar,
  body.is-quick-view #gamesSec,
  body.is-pvp-view .heroBoard,
  body.is-pvp-view .toolbar,
  body.is-pvp-view #gamesSec{
    display:none;
  }

  body.is-quick-view .quickDeskView,
  body.is-pvp-view .pvpDeskView{
    display:block;
    margin-top:14px;
  }

  body.is-quick-view .casinoDeskView,
  body.is-pvp-view .casinoDeskView{
    display:none;
  }

  .quickDeskHero,
  .pvpDeskHero{
    position:relative;
    overflow:hidden;
    min-height:330px;
    aspect-ratio:1860 / 540;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.42);
    background:
      radial-gradient(660px 300px at 72% 48%,rgba(246,197,90,.22),transparent 65%),
      radial-gradient(560px 260px at 44% 84%,rgba(15,111,68,.2),transparent 72%),
      linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.2) 52%,rgba(0,0,0,.45)),
      linear-gradient(135deg,#101722,#05070a);
    box-shadow:
      0 28px 70px rgba(0,0,0,.5),
      0 0 34px rgba(246,197,90,.08),
      0 0 0 1px rgba(255,238,176,.07);
  }

  .quickDeskHero::before,
  .pvpDeskHero::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.35;
    pointer-events:none;
    background:
      radial-gradient(circle at 74% 22%,rgba(255,235,172,.2) 0 2px,transparent 3px),
      radial-gradient(circle at 90% 70%,rgba(246,197,90,.2) 0 2px,transparent 3px),
      linear-gradient(115deg,transparent 0 31%,rgba(246,197,90,.18) 31.2% 31.45%,transparent 31.8%),
      linear-gradient(66deg,transparent 0 62%,rgba(255,255,255,.12) 62.2% 62.35%,transparent 62.7%);
  }

  .quickDeskHero__copy,
  .pvpDeskHero__copy{
    position:relative;
    z-index:2;
    width:min(560px,46%);
    padding:34px 48px;
  }

  .quickDeskHero h1,
  .pvpDeskHero h1{
    margin:8px 0 0;
    font-size:54px;
    line-height:.9;
    font-weight:1000;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 18px 44px rgba(0,0,0,.66);
  }

  .quickDeskHero p,
  .pvpDeskHero p{
    margin:14px 0 0;
    max-width:450px;
    color:rgba(242,243,247,.78);
    font-size:14px;
    line-height:1.45;
    font-weight:780;
  }

  .quickDeskHero__cta{
    margin-top:14px;
    width:max-content;
    min-width:120px;
    min-height:42px;
    padding:0 24px;
    border-radius:14px;
    border:1px solid rgba(255,241,184,.45);
    background:linear-gradient(180deg,#fff0b0 0%,#f6c55a 48%,#bf7e28 100%);
    color:#1f1406;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:15px;
    font-weight:1000;
    box-shadow:0 18px 32px rgba(201,145,68,.2),0 0 24px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.32);
  }

  .quickDeskHero__visual,
  .pvpDeskHero__visual{
    position:absolute;
    inset:0 0 0 38%;
    z-index:1;
    perspective:900px;
  }

  .quickHeroOrbit,
  .pvpArenaRing{
    position:absolute;
    right:110px;
    top:34px;
    width:520px;
    height:300px;
    border-radius:50%;
    transform:perspective(900px) rotateX(64deg) rotateZ(-10deg);
    background:
      repeating-radial-gradient(circle at 50% 50%,rgba(246,197,90,.22) 0 1px,transparent 1px 24px),
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.17),transparent 60%);
    filter:drop-shadow(0 30px 34px rgba(0,0,0,.36));
    animation:quickHeroOrbit 8s linear infinite;
  }

  .quickHeroOrbit--two{
    right:210px;
    top:82px;
    width:360px;
    height:190px;
    opacity:.62;
    animation-duration:12s;
    animation-direction:reverse;
  }

  .quickHeroToken{
    position:absolute;
    border:1px solid rgba(255,225,151,.38);
    box-shadow:0 26px 48px rgba(0,0,0,.44),0 0 32px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.22);
  }

  .quickHeroToken--bomb{
    right:560px;
    top:120px;
    width:112px;
    height:112px;
    border-radius:50%;
    background:
      radial-gradient(circle at 28% 22%,rgba(255,255,255,.18),transparent 28%),
      linear-gradient(135deg,#272a2d,#030405 68%,#b9832f);
  }

  .quickHeroToken--bomb::before{
    content:"";
    position:absolute;
    left:66px;
    top:-22px;
    width:40px;
    height:40px;
    border-radius:12px 12px 22px 22px;
    border:8px solid #d8a84e;
    border-bottom:0;
    transform:rotate(30deg);
  }

  .quickHeroToken--dice{
    right:328px;
    top:74px;
    width:126px;
    height:126px;
    border-radius:24px;
    background:
      radial-gradient(circle at 28% 28%,#111 0 8px,transparent 9px),
      radial-gradient(circle at 72% 28%,#111 0 8px,transparent 9px),
      radial-gradient(circle at 50% 50%,#111 0 8px,transparent 9px),
      radial-gradient(circle at 28% 72%,#111 0 8px,transparent 9px),
      radial-gradient(circle at 72% 72%,#111 0 8px,transparent 9px),
      linear-gradient(145deg,#ffe5a1,#c58a2f 54%,#5b3710);
    transform:perspective(680px) rotateX(18deg) rotateY(-24deg) rotateZ(10deg);
  }

  .quickHeroToken--coin{
    right:196px;
    top:148px;
    width:132px;
    height:132px;
    border-radius:50%;
    background:
      radial-gradient(circle,#68410f 0 12%,#f7d579 13% 20%,#9b641e 21% 34%,#f4c45a 35% 58%,#6b4312 59% 100%);
    transform:perspective(720px) rotateY(-46deg) rotateZ(-12deg);
  }

  .quickHeroToken--coin::after{
    content:"T";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#1d1205;
    font-size:62px;
    font-weight:1000;
    text-shadow:0 1px 0 rgba(255,255,255,.34);
  }

  .quickHeroToken--rocket{
    right:470px;
    bottom:34px;
    width:150px;
    height:54px;
    border-radius:90px 90px 22px 90px;
    background:linear-gradient(135deg,#ffe6a6,#c88a30 48%,#5c3811);
    transform:rotate(-34deg);
  }

  .quickHeroToken--rocket::before{
    content:"";
    position:absolute;
    right:-30px;
    top:12px;
    border-left:36px solid #d79d3f;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    filter:drop-shadow(0 0 20px rgba(246,197,90,.3));
  }

  .quickHeroToken--rocket::after{
    content:"";
    position:absolute;
    left:-58px;
    top:16px;
    width:68px;
    height:22px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#f6c55a);
    filter:blur(3px);
  }

  .quickDeskView__head,
  .pvpDeskView__head{
    margin-top:18px;
  }

  .quickDeskView__head{
    margin-top:4px;
  }

  .quickModesGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }

  .pvpDeskHero{
    min-height:0;
    aspect-ratio:1860 / 510;
    border:1px solid rgba(246,197,90,.46);
    background:
      url("./shared/pvp-premium/pvp-hero-clean.png?v=20260627-admin16") center / cover no-repeat,
      linear-gradient(135deg,#05070a,#111722);
    background-clip:padding-box;
    box-shadow:
      0 30px 70px rgba(0,0,0,.55),
      0 0 0 1px rgba(255,238,176,.08),
      0 0 42px rgba(246,197,90,.1);
  }

  .pvpDeskHero::before,
  .pvpDeskHero__copy,
  .pvpDeskHero__visual{
    display:none;
  }

  .pvpVault{
    position:absolute;
    top:82px;
    width:132px;
    height:172px;
    border-radius:28px;
    border:1px solid rgba(246,197,90,.28);
    background:
      radial-gradient(circle at 50% 42%,#0b0d12 0 19%,#e7b75c 20% 25%,#111620 26% 38%,transparent 39%),
      linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,0) 28%),
      linear-gradient(180deg,#252a34,#080a10);
    box-shadow:0 28px 48px rgba(0,0,0,.42),0 0 30px rgba(246,197,90,.12),inset 0 1px 0 rgba(255,255,255,.12);
  }

  .pvpVault--left{
    right:520px;
    transform:perspective(760px) rotateY(18deg) rotateZ(-6deg);
  }

  .pvpVault--right{
    right:130px;
    transform:perspective(760px) rotateY(-18deg) rotateZ(6deg);
  }

  .pvpPotStack{
    position:absolute;
    right:314px;
    top:132px;
    width:170px;
    height:126px;
  }

  .pvpPotStack span{
    position:absolute;
    left:50%;
    transform:translateX(-50%) perspective(720px) rotateX(64deg);
    width:150px;
    height:150px;
    border-radius:50%;
    background:
      radial-gradient(circle,#0b0d12 0 18%,#fff1b5 19% 24%,#10131a 25% 42%,#d7a34b 43% 56%,#0a0c11 57% 100%);
    border:1px solid rgba(255,231,164,.34);
    box-shadow:0 18px 28px rgba(0,0,0,.36),0 0 22px rgba(246,197,90,.14);
  }

  .pvpPotStack span:nth-child(1){top:28px}
  .pvpPotStack span:nth-child(2){top:2px;scale:.86}
  .pvpPotStack span:nth-child(3){top:-20px;scale:.72}

  .pvpModesGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,390px));
    justify-content:center;
    gap:72px;
    max-width:852px;
    margin-inline:auto;
  }

  .pvpModeCard{
    position:relative;
    min-height:320px;
    padding:0;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.42);
    background:
      radial-gradient(420px 260px at 50% 22%,rgba(246,197,90,.16),transparent 70%),
      linear-gradient(180deg,#111722,#05070b);
    box-shadow:0 22px 46px rgba(0,0,0,.42),0 0 0 1px rgba(255,238,176,.06);
    color:#fff;
    cursor:pointer;
    text-align:left;
  }

  .pvpModeCard::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,transparent 0 58%,rgba(0,0,0,.62) 100%),
      radial-gradient(circle at 15% 20%,rgba(255,255,255,.16) 0 2px,transparent 3px),
      radial-gradient(circle at 82% 56%,rgba(246,197,90,.24) 0 2px,transparent 3px);
    pointer-events:none;
  }

  .pvpModeCard--equal{
    background:
      radial-gradient(420px 260px at 50% 24%,rgba(246,197,90,.18),transparent 70%),
      radial-gradient(420px 270px at 58% 76%,rgba(11,104,70,.18),transparent 76%),
      linear-gradient(180deg,#121722,#05070b);
  }

  .pvpModeCard--free{
    background:
      radial-gradient(420px 260px at 50% 24%,rgba(126,27,38,.24),transparent 70%),
      radial-gradient(420px 270px at 58% 76%,rgba(246,197,90,.14),transparent 76%),
      linear-gradient(180deg,#121722,#05070b);
  }

  .pvpModeCard__art{
    position:relative;
    z-index:1;
    height:214px;
    display:grid;
    place-items:center;
    overflow:hidden;
  }

  .pvpModeCard__ring,
  .pvpModeCard__wheel{
    position:absolute;
    width:270px;
    height:140px;
    border-radius:50%;
    transform:perspective(800px) rotateX(62deg);
    background:
      repeating-radial-gradient(circle at 50% 50%,rgba(246,197,90,.24) 0 1px,transparent 1px 22px),
      radial-gradient(circle at 50% 50%,rgba(246,197,90,.15),transparent 62%);
  }

  .pvpModeCard__players{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:20px;
  }

  .pvpModeCard__players span{
    width:74px;
    height:74px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#120b03;
    font-size:22px;
    font-weight:1000;
    background:
      radial-gradient(circle at 30% 24%,rgba(255,255,255,.42),transparent 30%),
      linear-gradient(180deg,#ffe9a7,#c98d32);
    border:2px solid rgba(255,239,184,.5);
    box-shadow:0 22px 32px rgba(0,0,0,.38),0 0 22px rgba(246,197,90,.16);
  }

  .pvpModeCard__crown{
    position:absolute;
    z-index:3;
    top:42px;
    left:50%;
    width:74px;
    height:48px;
    transform:translateX(-50%);
    background:linear-gradient(180deg,#ffe9a7,#be8028);
    clip-path:polygon(0 100%,0 34%,24% 58%,50% 0,76% 58%,100% 34%,100% 100%);
    filter:drop-shadow(0 16px 20px rgba(0,0,0,.34)) drop-shadow(0 0 12px rgba(246,197,90,.22));
  }

  .pvpModeCard__wheel{
    width:210px;
    height:210px;
    border-radius:50%;
    transform:perspective(760px) rotateX(56deg) rotateZ(-16deg);
    background:
      radial-gradient(circle,#0a0d12 0 16%,#f4cf76 17% 22%,#10131c 23% 31%,transparent 32%),
      conic-gradient(#11151d 0 20deg,#d5a34b 20deg 40deg,#701e26 40deg 60deg,#11151d 60deg 80deg,#0d5f3d 80deg 100deg,#d5a34b 100deg 120deg,#11151d 120deg 140deg,#701e26 140deg 160deg,#d5a34b 160deg 180deg,#11151d 180deg 200deg,#701e26 200deg 220deg,#d5a34b 220deg 240deg,#11151d 240deg 260deg,#0d5f3d 260deg 280deg,#d5a34b 280deg 300deg,#11151d 300deg 320deg,#701e26 320deg 340deg,#d5a34b 340deg 360deg);
    border:12px solid #21170b;
    box-shadow:0 28px 42px rgba(0,0,0,.42),0 0 28px rgba(246,197,90,.14),inset 0 0 0 4px rgba(255,225,151,.32);
  }

  .pvpModeCard__chips{
    position:absolute;
    z-index:3;
    left:50%;
    top:108px;
    width:260px;
    height:80px;
    transform:translateX(-50%);
  }

  .pvpModeCard__chips span{
    position:absolute;
    width:62px;
    height:62px;
    border-radius:50%;
    background:
      radial-gradient(circle,#10131a 0 22%,#fff1b5 23% 28%,#151821 29% 44%,#d7a34b 45% 56%,#0a0c11 57% 100%);
    box-shadow:0 20px 26px rgba(0,0,0,.4);
  }

  .pvpModeCard__chips span:nth-child(1){left:4px;top:18px}
  .pvpModeCard__chips span:nth-child(2){left:70px;top:2px}
  .pvpModeCard__chips span:nth-child(3){right:70px;top:2px}
  .pvpModeCard__chips span:nth-child(4){right:4px;top:18px}

  .pvpModeCard__copy{
    position:relative;
    z-index:2;
    min-height:106px;
    padding:0 28px 24px;
  }

  .pvpModeCard__copy strong{
    display:block;
    font-size:34px;
    line-height:1;
    font-weight:1000;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 14px 24px rgba(0,0,0,.78);
  }

  .pvpModeCard__copy span{
    display:block;
    margin-top:10px;
    max-width:520px;
    color:rgba(255,241,205,.72);
    font-size:14px;
    line-height:1.35;
    font-weight:850;
  }

  .pvpModeCard:hover{
    transform:translateY(-2px);
    border-color:rgba(255,217,120,.62);
    box-shadow:0 28px 56px rgba(0,0,0,.5),0 0 32px rgba(246,197,90,.16);
  }

  .pvpModeCard--equal,
  .pvpModeCard--free{
    min-height:0;
    aspect-ratio:912 / 862;
    border:1px solid rgba(246,197,90,.42);
    border-radius:20px;
    background-position:center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-color:#05070a;
    background-clip:padding-box;
    box-shadow:
      0 18px 36px rgba(0,0,0,.42),
      0 0 0 1px rgba(255,238,176,.06);
  }

  .pvpModeCard--equal{
    background-image:url("./shared/pvp-premium/pvp-equal-bank-sharp.png?v=20260627-admin16");
  }

  .pvpModeCard--free{
    background-image:url("./shared/pvp-premium/pvp-free-bank-sharp.png?v=20260627-admin16");
  }

  .pvpModeCard--equal::before,
  .pvpModeCard--free::before,
  .pvpModeCard--equal > *,
  .pvpModeCard--free > *{
    display:none;
  }

  .gameCard.pvpModeCard--equal[data-locked="1"]::after,
  .gameCard.pvpModeCard--free[data-locked="1"]::after{
    display:none;
    content:none;
  }

  .pvpDeskView.is-playing .pvpDeskHero,
  .pvpDeskView.is-playing .pvpDeskView__head,
  .pvpDeskView.is-playing .pvpModesGrid{
    display:none;
  }

  .pvpGameShell[hidden]{
    display:none !important;
  }

  .pvpDeskView.is-playing .pvpGameShell{
    display:flex;
    flex-direction:column;
    flex:1;
    height:max(560px,calc(100dvh - 176px));
    min-height:0;
  }

  .pvpGameShell{
    position:relative;
    margin-top:0;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.38);
    background:
      radial-gradient(900px 360px at 67% 16%,rgba(246,197,90,.13),transparent 70%),
      radial-gradient(760px 360px at 34% 80%,rgba(16,116,76,.15),transparent 76%),
      linear-gradient(180deg,rgba(15,18,27,.94),rgba(5,7,10,.98));
    box-shadow:
      0 30px 70px rgba(0,0,0,.55),
      0 0 0 1px rgba(255,238,176,.07),
      0 0 36px rgba(246,197,90,.1);
  }

  .pvpDeskView.is-playing{
    height:max(560px,calc(100dvh - 176px));
    min-height:0;
    display:flex !important;
    flex-direction:column;
  }

  .pvpGameShell::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.46;
    pointer-events:none;
    background:
      radial-gradient(circle at 78% 18%,rgba(255,219,124,.18) 0 2px,transparent 3px),
      radial-gradient(circle at 16% 64%,rgba(255,219,124,.14) 0 2px,transparent 3px),
      linear-gradient(115deg,transparent 0 28%,rgba(246,197,90,.12) 28.12% 28.25%,transparent 28.45%),
      linear-gradient(66deg,transparent 0 63%,rgba(255,255,255,.08) 63.12% 63.24%,transparent 63.5%);
  }

  .pvpGameTop{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:180px minmax(0,1fr) 230px;
    gap:18px;
    align-items:center;
    min-height:92px;
    padding:16px 22px;
    border-bottom:1px solid rgba(246,197,90,.18);
    background:linear-gradient(180deg,rgba(21,24,34,.74),rgba(8,10,15,.5));
  }

  .pvpLobbyBack{
    min-height:48px;
    border-radius:16px;
    border:1px solid rgba(246,197,90,.28);
    background:linear-gradient(180deg,rgba(29,33,44,.92),rgba(9,11,16,.92));
    color:#fff2bf;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:1000;
    font-size:15px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(0,0,0,.28);
  }

  .pvpLobbyBack span{
    font-size:22px;
    line-height:1;
  }

  .pvpGameHeading{
    text-align:center;
    min-width:0;
  }

  .pvpGameHeading h2{
    margin:1px 0 0;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:1000;
    letter-spacing:0;
    text-shadow:0 14px 34px rgba(0,0,0,.62);
  }

  .pvpGameHeading p{
    margin:5px auto 0;
    max-width:640px;
    color:rgba(255,241,205,.72);
    font-size:13px;
    line-height:1.35;
    font-weight:850;
  }

  .pvpModeSwitch{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:6px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.18);
    background:rgba(4,6,10,.58);
  }

  .pvpModeSwitch button{
    min-height:38px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(25,29,39,.96),rgba(8,10,15,.96));
    color:rgba(255,241,205,.74);
    font-size:13px;
    font-weight:1000;
  }

  .pvpModeSwitch button.is-active{
    color:#1a1004;
    border-color:rgba(255,239,184,.48);
    background:linear-gradient(180deg,#fff0b0,#f6c55a 54%,#bf7e28);
    box-shadow:0 0 20px rgba(246,197,90,.18),inset 0 1px 0 rgba(255,255,255,.36);
  }

  .pvpGameLayout{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:330px minmax(0,1fr);
    gap:18px;
    padding:20px;
    flex:1;
    min-height:0;
  }

  .pvpRoomsPanel,
  .pvpArenaPanel{
    border-radius:22px;
    border:1px solid rgba(246,197,90,.24);
    background:rgba(8,10,15,.72);
    box-shadow:0 24px 52px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(10px);
  }

  .pvpRoomsPanel{
    min-height:0;
    padding:16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:
      radial-gradient(240px 190px at 24% 10%,rgba(246,197,90,.12),transparent 72%),
      radial-gradient(260px 220px at 90% 78%,rgba(14,110,75,.13),transparent 76%),
      linear-gradient(180deg,rgba(12,15,22,.78),rgba(4,6,10,.86));
  }

  .pvpPanelTitle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    font-weight:1000;
    font-size:18px;
    margin-bottom:12px;
  }

  .pvpPanelTitle b{
    min-width:36px;
    min-height:28px;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#160f04;
    background:linear-gradient(180deg,#fff0b0,#f6c55a 54%,#bf7e28);
    font-size:13px;
  }

  .pvpRoomList{
    display:grid;
    gap:10px;
    max-height:none;
    flex:1;
    min-height:0;
    overflow:auto;
    padding-right:2px;
  }

  .pvpRoomList::-webkit-scrollbar{
    width:6px;
  }

  .pvpRoomList::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(246,197,90,.32);
  }

	  .pvpRoomCard{
			    position:relative;
			    width:100%;
			    min-height:124px;
		    padding:14px;
		    overflow:hidden;
		    border-radius:17px;
    border:1px solid rgba(246,197,90,.18);
    background:
      radial-gradient(160px 72px at 86% 20%,rgba(246,197,90,.12),transparent 70%),
      linear-gradient(180deg,rgba(26,30,40,.94),rgba(8,10,15,.96));
    color:#fff;
    text-align:left;
	    display:grid;
	    gap:8px;
	    cursor:pointer;
	    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
	    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
    isolation:isolate;
		  }

  .pvpRoomCard > span{
    position:relative;
    z-index:1;
  }

	  .pvpRoomCard::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    opacity:.54;
    background:
      linear-gradient(120deg,transparent 0 32%,rgba(246,197,90,.18) 45%,transparent 60%),
      radial-gradient(150px 76px at 88% 26%,rgba(255,219,124,.14),transparent 72%);
    transform:translateX(-32%);
    transition:transform .45s ease,opacity .25s ease;
	  }

		  .pvpRoomCard.is-tier-starter{
			    background:
      radial-gradient(250px 128px at 88% 18%,rgba(246,197,90,.24),transparent 68%),
      radial-gradient(180px 120px at 92% 86%,rgba(15,143,92,.13),transparent 70%),
      linear-gradient(118deg,rgba(246,197,90,.12),transparent 34% 68%,rgba(246,197,90,.07)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 1px,transparent 1px 17px),
      radial-gradient(140px 90px at 14% 96%,rgba(246,197,90,.11),transparent 72%),
      linear-gradient(180deg,rgba(31,28,24,.97),rgba(7,9,14,.98));
			  }

			  .pvpRoomCard.is-tier-core{
			    background:
      radial-gradient(260px 124px at 84% 18%,rgba(15,143,92,.36),transparent 70%),
      radial-gradient(190px 126px at 96% 84%,rgba(246,197,90,.18),transparent 72%),
      linear-gradient(116deg,rgba(15,143,92,.2),transparent 38% 66%,rgba(246,197,90,.08)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 18px),
      linear-gradient(180deg,rgba(17,36,27,.97),rgba(6,11,12,.98));
      border-color:rgba(15,143,92,.36);
			  }

			  .pvpRoomCard.is-tier-gold{
		    border-color:rgba(246,197,90,.42);
		    background:
      radial-gradient(300px 136px at 84% 18%,rgba(255,217,120,.4),transparent 70%),
      radial-gradient(180px 112px at 94% 82%,rgba(255,239,184,.18),transparent 70%),
      linear-gradient(116deg,rgba(246,197,90,.18),transparent 35% 70%,rgba(255,238,176,.1)),
      repeating-linear-gradient(135deg,rgba(255,232,160,.035) 0 1px,transparent 1px 16px),
      radial-gradient(160px 104px at 13% 6%,rgba(246,197,90,.15),transparent 72%),
      linear-gradient(180deg,rgba(39,31,18,.98),rgba(8,9,13,.99));
		  }

				  .pvpRoomCard.is-tier-vip{
			    border-color:rgba(196,136,255,.42);
			    background:
      radial-gradient(310px 138px at 84% 18%,rgba(196,136,255,.34),transparent 70%),
      radial-gradient(190px 124px at 94% 84%,rgba(246,197,90,.24),transparent 72%),
      radial-gradient(160px 96px at 22% 96%,rgba(15,143,92,.18),transparent 72%),
      linear-gradient(116deg,rgba(91,62,158,.2),transparent 34% 68%,rgba(246,197,90,.1)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 1px,transparent 1px 16px),
      linear-gradient(180deg,rgba(36,27,44,.99),rgba(7,8,13,.99));
			    box-shadow:0 0 26px rgba(246,197,90,.1),inset 0 1px 0 rgba(255,255,255,.08);
			  }

  .pvpDeskView[data-pvp-mode="equal"] .pvpRoomCard.is-tier-starter{
    border-color:rgba(246,197,90,.38);
    background:
      radial-gradient(270px 138px at 86% 15%,rgba(246,197,90,.32),transparent 68%),
      radial-gradient(170px 104px at 16% 94%,rgba(166,101,40,.22),transparent 72%),
      linear-gradient(118deg,rgba(83,58,25,.26),transparent 36% 68%,rgba(246,197,90,.08)),
      repeating-linear-gradient(135deg,rgba(255,227,146,.036) 0 1px,transparent 1px 18px),
      linear-gradient(180deg,rgba(34,27,20,.98),rgba(7,8,12,.99));
  }

  .pvpDeskView[data-pvp-mode="equal"] .pvpRoomCard.is-tier-core{
    border-color:rgba(20,176,111,.46);
    background:
      radial-gradient(270px 132px at 86% 18%,rgba(15,143,92,.44),transparent 70%),
      radial-gradient(210px 126px at 96% 82%,rgba(246,197,90,.18),transparent 72%),
      linear-gradient(116deg,rgba(9,91,64,.28),transparent 38% 66%,rgba(246,197,90,.08)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.026) 0 1px,transparent 1px 18px),
      linear-gradient(180deg,rgba(13,37,29,.98),rgba(5,10,11,.99));
  }

  .pvpDeskView[data-pvp-mode="equal"] .pvpRoomCard.is-tier-gold{
    border-color:rgba(255,215,120,.52);
    background:
      radial-gradient(310px 138px at 86% 18%,rgba(255,217,120,.5),transparent 70%),
      radial-gradient(170px 108px at 12% 8%,rgba(255,239,184,.16),transparent 72%),
      linear-gradient(116deg,rgba(148,101,31,.27),transparent 35% 69%,rgba(255,238,176,.1)),
      repeating-linear-gradient(135deg,rgba(255,232,160,.045) 0 1px,transparent 1px 16px),
      linear-gradient(180deg,rgba(43,32,16,.98),rgba(8,8,12,.99));
  }

  .pvpDeskView[data-pvp-mode="equal"] .pvpRoomCard.is-tier-vip{
    border-color:rgba(201,145,255,.52);
    background:
      radial-gradient(310px 142px at 84% 16%,rgba(196,136,255,.42),transparent 70%),
      radial-gradient(190px 124px at 94% 84%,rgba(246,197,90,.25),transparent 72%),
      radial-gradient(170px 104px at 18% 94%,rgba(15,143,92,.18),transparent 72%),
      linear-gradient(116deg,rgba(82,52,142,.28),transparent 34% 68%,rgba(246,197,90,.11)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 16px),
      linear-gradient(180deg,rgba(35,25,45,.99),rgba(7,8,13,.99));
  }

  .pvpDeskView[data-pvp-mode="free"] .pvpRoomCard.is-tier-starter{
    border-color:rgba(110,176,255,.34);
    background:
      radial-gradient(270px 136px at 86% 17%,rgba(81,139,210,.3),transparent 70%),
      radial-gradient(190px 120px at 18% 90%,rgba(246,197,90,.14),transparent 72%),
      linear-gradient(116deg,rgba(38,58,95,.25),transparent 36% 68%,rgba(15,143,92,.08)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.026) 0 1px,transparent 1px 18px),
      linear-gradient(180deg,rgba(17,25,38,.98),rgba(5,8,12,.99));
  }

  .pvpDeskView[data-pvp-mode="free"] .pvpRoomCard.is-tier-core{
    border-color:rgba(22,190,158,.42);
    background:
      radial-gradient(280px 136px at 84% 17%,rgba(18,184,160,.38),transparent 70%),
      radial-gradient(210px 126px at 96% 84%,rgba(100,255,180,.13),transparent 72%),
      linear-gradient(116deg,rgba(10,86,88,.28),transparent 38% 66%,rgba(246,197,90,.08)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.026) 0 1px,transparent 1px 18px),
      linear-gradient(180deg,rgba(12,35,35,.98),rgba(5,10,12,.99));
  }

  .pvpDeskView[data-pvp-mode="free"] .pvpRoomCard.is-tier-gold{
    border-color:rgba(255,171,91,.46);
    background:
      radial-gradient(300px 138px at 85% 18%,rgba(255,171,91,.38),transparent 70%),
      radial-gradient(190px 120px at 95% 84%,rgba(246,197,90,.2),transparent 72%),
      linear-gradient(116deg,rgba(120,55,35,.28),transparent 36% 68%,rgba(15,143,92,.08)),
      repeating-linear-gradient(135deg,rgba(255,232,160,.04) 0 1px,transparent 1px 16px),
      linear-gradient(180deg,rgba(39,25,18,.98),rgba(8,8,12,.99));
  }

  .pvpDeskView[data-pvp-mode="free"] .pvpRoomCard.is-tier-vip{
    border-color:rgba(196,136,255,.56);
    background:
      radial-gradient(320px 142px at 84% 16%,rgba(122,78,255,.42),transparent 70%),
      radial-gradient(210px 128px at 96% 84%,rgba(246,197,90,.27),transparent 72%),
      radial-gradient(170px 104px at 18% 94%,rgba(18,184,160,.18),transparent 72%),
      linear-gradient(116deg,rgba(62,45,130,.3),transparent 34% 68%,rgba(246,197,90,.11)),
      repeating-linear-gradient(135deg,rgba(255,255,255,.034) 0 1px,transparent 1px 16px),
      linear-gradient(180deg,rgba(30,22,47,.99),rgba(7,8,13,.99));
  }

  .pvpRoomCard::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:7px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(246,197,90,.1),rgba(246,197,90,.62),rgba(14,191,117,.34));
    opacity:.42;
    transform-origin:left center;
    transform:scaleX(.42);
    transition:transform .35s ease,opacity .25s ease;
  }

  .pvpRoomCard:hover{
    transform:translateY(-1px);
    border-color:rgba(255,217,120,.44);
  }

  .pvpRoomCard:hover::before,
  .pvpRoomCard.is-active::before{
    transform:translateX(0);
    opacity:.82;
  }

  .pvpRoomCard.is-active{
    border-color:rgba(255,217,120,.58);
    box-shadow:0 0 24px rgba(246,197,90,.12),inset 0 1px 0 rgba(255,255,255,.12);
  }

  .pvpRoomCard.is-active::after{
    opacity:.86;
    transform:scaleX(.84);
  }

  .pvpRoomCard__top,
	  .pvpRoomCard__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

	  .pvpRoomCard__top strong{
	    font-size:16px;
	    line-height:1.1;
	    font-weight:1000;
	  }

  .pvpRoomCard__info{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:10px;
    min-width:0;
  }

  .pvpRoomCard__bank{
    min-width:0;
    display:grid;
    gap:2px;
  }

  .pvpRoomCard__bank small{
    color:rgba(255,241,205,.52);
    font-size:10px;
    line-height:1;
    font-weight:950;
    text-transform:uppercase;
  }

  .pvpRoomCard__bank b{
    color:#ffe28a;
    font-size:16px;
    line-height:1;
    font-weight:1000;
  }

  .pvpRoomCard__winner{
    max-width:122px;
    min-height:25px;
    border-radius:999px;
    border:1px solid rgba(246,197,90,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    color:rgba(255,241,205,.68);
    background:rgba(3,5,8,.38);
    font-size:10px;
    line-height:1;
    font-weight:1000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

	  .pvpRoomCard__top > span{
	    min-width:0;
	    display:grid;
	    gap:4px;
	  }

	  .pvpRoomCard__top em{
	    width:max-content;
	    min-height:22px;
	    border-radius:999px;
	    border:1px solid rgba(246,197,90,.2);
	    display:inline-flex;
	    align-items:center;
	    padding:0 9px;
	    color:#ffe28a;
	    background:rgba(3,5,8,.46);
	    font-size:10px;
	    line-height:1;
	    font-style:normal;
	    font-weight:1000;
	    text-transform:uppercase;
	  }

  .pvpRoomCard__top b{
    color:#ffdf82;
    font-size:15px;
    white-space:nowrap;
  }

  .pvpRoomCard__meta{
    color:rgba(255,241,205,.68);
    font-size:12px;
    font-weight:900;
  }

  .pvpRoomSeats{
    display:flex;
    gap:5px;
  }

  .pvpRoomSeats span{
    width:18px;
    height:18px;
    border-radius:50%;
    border:1px solid rgba(246,197,90,.26);
    background:rgba(255,255,255,.08);
    transition:background .22s ease,box-shadow .22s ease,transform .22s ease;
  }

  .pvpRoomSeats span.is-filled{
    background:linear-gradient(180deg,#fff0b0,#d69e3d);
    box-shadow:0 0 12px rgba(246,197,90,.24);
  }

  .pvpRoomCard.is-spinning .pvpRoomSeats span.is-filled,
  .pvpRoomCard.is-ready .pvpRoomSeats span.is-filled{
    animation:pvpSeatPulse 1.2s ease-in-out infinite;
  }

  .pvpRoomCard__live{
    width:max-content;
    min-height:24px;
    border-radius:999px;
    border:1px solid rgba(246,197,90,.18);
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 10px;
    color:rgba(255,241,205,.72);
    background:rgba(4,6,10,.38);
    font-size:11px;
    line-height:1;
    font-weight:1000;
  }

  .pvpRoomCard__live i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#f6c55a;
    box-shadow:0 0 10px rgba(246,197,90,.44);
  }

  .pvpRoomCard__live.is-pulse i{
    animation:pvpLivePulse 1.18s ease-in-out infinite;
  }

  .pvpRoomCard.is-joining{
    border-color:rgba(15,143,92,.28);
  }

  .pvpRoomCard.is-ready{
    border-color:rgba(255,217,120,.34);
  }

  .pvpRoomCard.is-ready::after{
    transform:scaleX(.72);
    opacity:.86;
  }

  .pvpRoomCard.is-spinning{
    border-color:rgba(255,217,120,.5);
    box-shadow:0 0 22px rgba(246,197,90,.12),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .pvpRoomCard.is-spinning::before{
    opacity:.92;
    animation:pvpGoldSweep 1.25s linear infinite;
  }

  .pvpRoomCard.is-spinning::after{
    transform:scaleX(1);
    opacity:1;
    background:linear-gradient(90deg,#0f8f5c,#f6c55a,#c488ff);
  }

  .pvpRoomCard.is-settled{
    opacity:.82;
  }

  .pvpRoomCard.is-settled::after{
    transform:scaleX(1);
    opacity:.34;
  }

	  .pvpArenaPanel{
    min-height:0;
    padding:16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }

  .pvpArenaHead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:4px 4px 14px;
  }

  .pvpArenaTitle{
    color:#fff;
    font-size:24px;
    line-height:1;
    font-weight:1000;
  }

  .pvpArenaMeta{
    margin-top:7px;
    color:rgba(255,241,205,.68);
    font-size:13px;
    font-weight:850;
  }

  .pvpStatusPill{
    min-width:168px;
    min-height:42px;
    border-radius:999px;
    border:1px solid rgba(246,197,90,.24);
    display:grid;
    place-items:center;
    padding:0 16px;
    color:#ffe5a0;
    background:rgba(3,5,8,.68);
    font-size:13px;
    font-weight:1000;
    white-space:nowrap;
  }

  .pvpStatusPill.is-win{
    border-color:rgba(108,255,142,.42);
    color:#88ff9b;
    box-shadow:0 0 22px rgba(49,255,112,.16);
  }

  .pvpStatusPill.is-loss{
    border-color:rgba(255,111,128,.42);
    color:#ff9aaa;
    box-shadow:0 0 20px rgba(255,76,95,.12);
  }

	  .pvpBankStage{
    position:relative;
    min-height:300px;
    flex:1;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.2);
    display:grid;
    place-items:center;
    overflow:hidden;
    background:
	      radial-gradient(360px 220px at 50% 46%,rgba(246,197,90,.15),transparent 68%),
	      radial-gradient(420px 170px at 50% 4%,rgba(255,226,138,.08),transparent 68%),
      radial-gradient(520px 260px at 70% 80%,rgba(12,102,66,.16),transparent 74%),
      linear-gradient(115deg,transparent 0 34%,rgba(255,219,124,.06) 34.2% 34.6%,transparent 34.9%),
      linear-gradient(245deg,transparent 0 52%,rgba(255,255,255,.045) 52.2% 52.5%,transparent 52.8%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px),
      repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 78px),
      linear-gradient(145deg,rgba(16,20,30,.9),rgba(4,6,10,.96));
  }

  .pvpBankStage::before{
    content:"";
    position:absolute;
    width:560px;
    height:240px;
    bottom:-132px;
    left:50%;
    transform:translateX(-50%) perspective(720px) rotateX(62deg);
    border-radius:50%;
    border:1px solid rgba(246,197,90,.18);
    background:repeating-radial-gradient(circle,rgba(246,197,90,.18) 0 1px,transparent 1px 24px);
    opacity:.66;
  }

  .pvpBankStage::after{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:22px;
    pointer-events:none;
    opacity:.52;
    background:
      linear-gradient(90deg,transparent,rgba(255,221,122,.08),transparent),
      radial-gradient(circle at 28% 34%,rgba(255,255,255,.12) 0 2px,transparent 3px),
      radial-gradient(circle at 76% 28%,rgba(246,197,90,.14) 0 2px,transparent 3px);
    mix-blend-mode:screen;
  }

	  .pvpGameShell.is-equal-mode .pvpBankStage{
    background:
	      radial-gradient(420px 240px at 50% 42%,rgba(246,197,90,.18),transparent 68%),
	      linear-gradient(90deg,rgba(246,197,90,.08),transparent 22% 78%,rgba(246,197,90,.07)),
      radial-gradient(520px 260px at 70% 80%,rgba(12,102,66,.18),transparent 74%),
      radial-gradient(260px 170px at 24% 36%,rgba(255,255,255,.065),transparent 74%),
      linear-gradient(45deg,rgba(246,197,90,.055) 25%,transparent 25% 50%,rgba(246,197,90,.055) 50% 75%,transparent 75%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.033) 0 1px,transparent 1px 96px),
      linear-gradient(145deg,rgba(17,22,30,.92),rgba(4,6,10,.96));
    background-size:auto,auto,auto,auto,92px 92px,auto,auto;
  }

		  .pvpGameShell.is-free-mode .pvpBankStage{
	    background:
	      radial-gradient(420px 250px at 52% 42%,rgba(246,197,90,.16),transparent 68%),
	      linear-gradient(90deg,rgba(122,78,255,.08),transparent 24% 76%,rgba(15,143,92,.08)),
      radial-gradient(500px 270px at 78% 78%,rgba(118,55,168,.18),transparent 72%),
      radial-gradient(520px 260px at 26% 74%,rgba(12,102,66,.16),transparent 74%),
      linear-gradient(135deg,transparent 0 42%,rgba(196,136,255,.09) 42.2% 42.55%,transparent 42.8%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px),
      linear-gradient(145deg,rgba(17,18,30,.92),rgba(4,6,10,.97));
	  }

	  .pvpGameShell.is-tier-starter .pvpBankStage{
	    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 24px 56px rgba(0,0,0,.28);
	  }

	  .pvpGameShell.is-tier-core .pvpBankStage{
	    box-shadow:inset 0 0 0 1px rgba(15,143,92,.16),0 0 42px rgba(15,143,92,.08),0 24px 56px rgba(0,0,0,.3);
	  }

	  .pvpGameShell.is-tier-gold .pvpBankStage{
	    border-color:rgba(255,217,120,.28);
	    box-shadow:inset 0 0 0 1px rgba(246,197,90,.12),0 0 46px rgba(246,197,90,.1),0 24px 58px rgba(0,0,0,.32);
	  }

		  .pvpGameShell.is-tier-vip .pvpBankStage{
	    border-color:rgba(255,231,164,.36);
	    box-shadow:inset 0 0 0 1px rgba(246,197,90,.18),0 0 58px rgba(246,197,90,.14),0 0 34px rgba(196,136,255,.08),0 26px 62px rgba(0,0,0,.36);
		  }

  .pvpGameShell.is-tier-starter .pvpBankStage::after{
    background:
      linear-gradient(90deg,transparent,rgba(255,221,122,.07),transparent),
      radial-gradient(circle at 22% 30%,rgba(246,197,90,.12) 0 2px,transparent 3px),
      radial-gradient(circle at 76% 28%,rgba(15,143,92,.13) 0 2px,transparent 3px);
  }

  .pvpGameShell.is-tier-core .pvpBankStage::after{
    background:
      linear-gradient(90deg,transparent,rgba(15,143,92,.12),transparent),
      radial-gradient(circle at 24% 32%,rgba(15,143,92,.2) 0 2px,transparent 3px),
      radial-gradient(circle at 76% 28%,rgba(246,197,90,.15) 0 2px,transparent 3px);
  }

  .pvpGameShell.is-tier-gold .pvpBankStage::after{
    background:
      linear-gradient(90deg,transparent,rgba(255,221,122,.13),transparent),
      radial-gradient(circle at 24% 32%,rgba(246,197,90,.22) 0 2px,transparent 3px),
      radial-gradient(circle at 78% 28%,rgba(255,255,255,.12) 0 2px,transparent 3px);
  }

  .pvpGameShell.is-tier-vip .pvpBankStage::after{
    background:
      linear-gradient(90deg,transparent,rgba(196,136,255,.13),rgba(246,197,90,.1),transparent),
      radial-gradient(circle at 24% 32%,rgba(196,136,255,.22) 0 2px,transparent 3px),
      radial-gradient(circle at 78% 28%,rgba(246,197,90,.18) 0 2px,transparent 3px);
  }

  .pvpGameShell.is-free-mode .pvpBankStage::before{
    background:
      repeating-radial-gradient(circle,rgba(126,88,255,.22) 0 1px,transparent 1px 25px),
      radial-gradient(circle,rgba(246,197,90,.13),transparent 68%);
  }

  .pvpGameShell.is-tier-starter .pvpBankStage{
    background:
      radial-gradient(340px 210px at 50% 44%,rgba(192,139,66,.16),transparent 66%),
      radial-gradient(280px 170px at 18% 20%,rgba(255,255,255,.055),transparent 70%),
      linear-gradient(115deg,transparent 0 38%,rgba(246,197,90,.07) 38.2% 38.55%,transparent 38.8%),
      repeating-linear-gradient(90deg,rgba(246,197,90,.028) 0 1px,transparent 1px 86px),
      linear-gradient(145deg,rgba(18,19,24,.94),rgba(5,7,11,.97));
  }

  .pvpGameShell.is-tier-core .pvpBankStage{
    background:
      radial-gradient(360px 220px at 50% 43%,rgba(15,143,92,.2),transparent 68%),
      radial-gradient(440px 250px at 86% 78%,rgba(246,197,90,.1),transparent 74%),
      linear-gradient(120deg,rgba(15,143,92,.09),transparent 22% 76%,rgba(246,197,90,.06)),
      repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 78px),
      linear-gradient(145deg,rgba(13,24,23,.94),rgba(4,8,9,.98));
  }

  .pvpGameShell.is-tier-gold .pvpBankStage{
    background:
      radial-gradient(420px 240px at 48% 43%,rgba(255,219,124,.24),transparent 68%),
      radial-gradient(340px 190px at 12% 78%,rgba(246,197,90,.12),transparent 72%),
      linear-gradient(90deg,rgba(246,197,90,.11),transparent 24% 76%,rgba(255,239,184,.08)),
      repeating-linear-gradient(45deg,rgba(255,229,150,.04) 0 1px,transparent 1px 28px),
      linear-gradient(145deg,rgba(27,22,18,.95),rgba(6,6,9,.98));
  }

  .pvpGameShell.is-tier-vip .pvpBankStage{
    background:
      radial-gradient(440px 250px at 50% 42%,rgba(246,197,90,.22),transparent 66%),
      radial-gradient(420px 240px at 78% 76%,rgba(196,136,255,.2),transparent 72%),
      radial-gradient(360px 190px at 12% 18%,rgba(15,143,92,.11),transparent 72%),
      linear-gradient(120deg,rgba(255,255,255,.075),transparent 18% 74%,rgba(196,136,255,.08)),
      repeating-linear-gradient(90deg,rgba(255,255,255,.038) 0 1px,transparent 1px 82px),
      linear-gradient(145deg,rgba(24,18,31,.95),rgba(4,5,10,.98));
  }

  .pvpGameShell.is-tier-starter .pvpBankWheel{
    border-color:#21170c;
    box-shadow:0 28px 60px rgba(0,0,0,.48),0 0 34px rgba(192,139,66,.18),inset 0 0 0 5px rgba(255,220,148,.18),inset 0 0 34px rgba(0,0,0,.62);
  }

  .pvpGameShell.is-tier-core .pvpBankWheel{
    border-color:#0a241a;
    box-shadow:0 30px 64px rgba(0,0,0,.5),0 0 42px rgba(15,143,92,.24),0 0 30px rgba(246,197,90,.12),inset 0 0 0 5px rgba(255,237,177,.2),inset 0 0 34px rgba(0,0,0,.62);
  }

  .pvpGameShell.is-tier-gold .pvpBankWheel{
    border-color:#3d280c;
    box-shadow:0 32px 68px rgba(0,0,0,.52),0 0 50px rgba(246,197,90,.28),inset 0 0 0 5px rgba(255,240,184,.24),inset 0 0 36px rgba(0,0,0,.64);
  }

  .pvpGameShell.is-tier-vip .pvpBankWheel{
    border-color:#20112d;
    box-shadow:0 34px 72px rgba(0,0,0,.54),0 0 48px rgba(196,136,255,.22),0 0 42px rgba(246,197,90,.18),inset 0 0 0 5px rgba(255,237,177,.2),inset 0 0 36px rgba(0,0,0,.66);
  }

  .pvpGameShell.is-equal-mode .pvpPointer{
    border-bottom-color:#ffdd7a;
  }

  .pvpGameShell.is-free-mode .pvpPointer{
    border-bottom-color:#d8b6ff;
    filter:drop-shadow(0 0 16px rgba(160,101,255,.42));
  }

  .pvpPointer{
    position:absolute;
    top:20px;
    left:50%;
    z-index:4;
    width:0;
    height:0;
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    border-top:0;
    border-bottom:34px solid #ffdd7a;
    transform:translateX(-50%);
    filter:drop-shadow(0 0 16px rgba(246,197,90,.5));
  }

  .pvpBankWheel{
    --pvp-wheel-gradient:conic-gradient(#d5a34b 0deg 120deg,#151922 120deg 240deg,#0f7048 240deg 360deg);
    --pvp-wheel-rotation:0deg;
    position:relative;
    z-index:2;
	    width:clamp(250px,28vw,366px);
    aspect-ratio:1;
    border-radius:50%;
    background:
      radial-gradient(circle,#05070a 0 20%,#f5cb63 20.5% 24%,#111722 24.5% 31%,transparent 31.5%),
      var(--pvp-wheel-gradient);
	    border:14px solid #121006;
	    will-change:transform;
	    transform-style:preserve-3d;
	    backface-visibility:hidden;
	    transform-origin:center center;
	    contain:layout paint;
		    box-shadow:
      0 30px 64px rgba(0,0,0,.5),
      0 0 40px rgba(246,197,90,.2),
      inset 0 0 0 5px rgba(255,237,177,.22),
      inset 0 0 34px rgba(0,0,0,.62);
			    transform:translate3d(0,0,0) rotate(var(--pvp-wheel-rotation));
						    transition:box-shadow .18s ease;
		  }

  .pvpBankWheel::before{
    content:"";
    position:absolute;
    inset:-25px;
    z-index:-1;
    border-radius:50%;
    opacity:.5;
    background:
      conic-gradient(from 45deg,rgba(246,197,90,.2),rgba(15,143,92,.22),rgba(246,197,90,.08),rgba(255,255,255,.12),rgba(246,197,90,.2));
    filter:blur(9px);
  }

  .pvpBankWheel::after{
    content:"";
    position:absolute;
    inset:8px;
    z-index:1;
    border-radius:50%;
    pointer-events:none;
    opacity:.46;
    background:
      repeating-conic-gradient(from 0deg,rgba(255,240,176,.34) 0 1deg,transparent 1deg 10deg),
      radial-gradient(circle,transparent 0 34%,rgba(255,225,151,.18) 34.5% 35.4%,transparent 36%);
    -webkit-mask:radial-gradient(circle,transparent 0 27%,#000 28% 100%);
    mask:radial-gradient(circle,transparent 0 27%,#000 28% 100%);
  }

  .pvpGameShell.is-tier-core .pvpBankWheel::before{
    background:conic-gradient(from 45deg,rgba(15,143,92,.28),rgba(246,197,90,.2),rgba(15,143,92,.1),rgba(255,255,255,.12),rgba(15,143,92,.28));
  }

  .pvpGameShell.is-tier-gold .pvpBankWheel::before{
    opacity:.62;
    background:conic-gradient(from 45deg,rgba(255,230,150,.3),rgba(246,197,90,.18),rgba(255,255,255,.14),rgba(246,197,90,.24),rgba(255,230,150,.3));
  }

  .pvpGameShell.is-tier-vip .pvpBankWheel::before{
    opacity:.64;
    background:conic-gradient(from 45deg,rgba(196,136,255,.26),rgba(246,197,90,.26),rgba(15,143,92,.16),rgba(255,255,255,.16),rgba(196,136,255,.26));
  }

  .pvpGameShell.is-live-spinning .pvpBankWheel{
	    box-shadow:
      0 34px 68px rgba(0,0,0,.54),
      0 0 46px rgba(246,197,90,.22),
      inset 0 0 0 5px rgba(255,237,177,.2),
      inset 0 0 34px rgba(0,0,0,.62);
	  }

  .pvpGameShell.is-spinning .pvpBankWheel::before,
  .pvpGameShell.is-live-spinning .pvpBankWheel::before{
    opacity:.32;
    filter:blur(3px);
  }

  .pvpGameShell.is-spinning .pvpBankWheel::after,
  .pvpGameShell.is-live-spinning .pvpBankWheel::after{
    opacity:.34;
  }

  .pvpGameShell.is-live-settled .pvpBankWheel{
    box-shadow:
      0 34px 70px rgba(0,0,0,.58),
      0 0 48px rgba(108,255,142,.18),
      0 0 34px rgba(246,197,90,.16),
      inset 0 0 0 5px rgba(255,237,177,.22),
      inset 0 0 34px rgba(0,0,0,.62);
  }

	  .pvpBankWheel__shine{
    position:absolute;
    inset:18px;
    border-radius:50%;
    background:
      linear-gradient(120deg,rgba(255,255,255,.2),transparent 28% 76%,rgba(255,255,255,.08)),
      radial-gradient(circle at 32% 22%,rgba(255,255,255,.2),transparent 28%);
    pointer-events:none;
	    mix-blend-mode:screen;
	    z-index:2;
	  }

  .pvpGameShell.is-free-mode .pvpBankWheel{
    border-color:#181024;
    box-shadow:
      0 30px 64px rgba(0,0,0,.5),
      0 0 42px rgba(168,104,255,.18),
      0 0 34px rgba(246,197,90,.12),
      inset 0 0 0 5px rgba(255,237,177,.18),
      inset 0 0 34px rgba(0,0,0,.64);
  }

  .pvpGameShell.is-free-mode.is-tier-starter .pvpBankWheel{
    border-color:#201814;
    box-shadow:0 28px 60px rgba(0,0,0,.48),0 0 36px rgba(246,197,90,.16),0 0 24px rgba(126,88,255,.08),inset 0 0 0 5px rgba(255,220,148,.18),inset 0 0 34px rgba(0,0,0,.64);
  }

  .pvpGameShell.is-free-mode.is-tier-core .pvpBankWheel{
    border-color:#0b241f;
    box-shadow:0 30px 64px rgba(0,0,0,.5),0 0 42px rgba(15,143,92,.22),0 0 30px rgba(126,88,255,.12),inset 0 0 0 5px rgba(255,237,177,.18),inset 0 0 34px rgba(0,0,0,.64);
  }

  .pvpGameShell.is-free-mode.is-tier-gold .pvpBankWheel{
    border-color:#342016;
    box-shadow:0 32px 68px rgba(0,0,0,.52),0 0 48px rgba(246,197,90,.24),0 0 32px rgba(196,136,255,.12),inset 0 0 0 5px rgba(255,240,184,.22),inset 0 0 36px rgba(0,0,0,.66);
  }

  .pvpGameShell.is-free-mode.is-tier-vip .pvpBankWheel{
    border-color:#231235;
    box-shadow:0 34px 72px rgba(0,0,0,.54),0 0 52px rgba(196,136,255,.24),0 0 38px rgba(15,143,92,.12),0 0 36px rgba(246,197,90,.14),inset 0 0 0 5px rgba(255,237,177,.18),inset 0 0 36px rgba(0,0,0,.68);
  }

  .pvpGameShell.is-equal-mode .pvpBankWheel__center{
    border-color:rgba(255,225,151,.46);
  }

  .pvpGameShell.is-free-mode .pvpBankWheel__center{
    border-color:rgba(214,176,255,.46);
    background:
      radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 30%),
      linear-gradient(180deg,#211d31,#06080c);
  }

	  .pvpBankWheel__center{
	    position:absolute;
	    z-index:3;
    inset:50%;
    width:128px;
    height:128px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:grid;
    place-items:center;
    align-content:center;
    gap:5px;
    color:#fff6d4;
    background:
      radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 30%),
      linear-gradient(180deg,#1d1f27,#06080c);
    border:2px solid rgba(255,225,151,.38);
    box-shadow:0 16px 28px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13);
  }

  .pvpBankWheel__center span{
    color:rgba(255,241,205,.66);
    font-size:11px;
    font-weight:1000;
    letter-spacing:.8px;
  }

  .pvpBankWheel__center b{
    color:#ffe28a;
    font-size:22px;
    line-height:1;
    font-weight:1000;
  }

  .pvpResult{
    position:absolute;
    left:24px;
    right:24px;
    bottom:18px;
    z-index:4;
    min-height:42px;
    border-radius:999px;
    border:1px solid rgba(246,197,90,.2);
    display:grid;
    place-items:center;
    padding:0 18px;
    color:rgba(255,241,205,.78);
    background:rgba(3,5,8,.64);
    font-size:13px;
    font-weight:950;
    text-align:center;
  }

  .pvpResult.is-win{
    color:#9cffad;
    border-color:rgba(83,255,120,.34);
    box-shadow:0 0 22px rgba(58,255,116,.12);
  }

  .pvpResult.is-loss{
    color:#ff9aaa;
    border-color:rgba(255,95,110,.3);
  }

  .pvpPlayers{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
  }

  .pvpPlayerCard{
    min-height:86px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.18);
    background:linear-gradient(180deg,rgba(25,29,39,.92),rgba(8,10,15,.95));
    padding:11px;
    display:grid;
    gap:8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    animation:pvpPlayerEnter .36s ease both;
    position:relative;
    overflow:hidden;
  }

  .pvpPlayerCard::after{
    content:"";
    position:absolute;
    inset:auto 10px 8px 10px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--pvp-player-color,#d9a34b),transparent);
    opacity:.42;
  }

  .pvpPlayerCard.is-user{
    border-color:rgba(255,217,120,.54);
    box-shadow:0 0 20px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.12);
  }

  .pvpPlayerCard.is-winner{
    border-color:rgba(122,255,150,.7);
    background:
      radial-gradient(140px 78px at 82% 18%,rgba(92,255,135,.18),transparent 70%),
      linear-gradient(180deg,rgba(27,35,35,.96),rgba(7,12,10,.96));
    box-shadow:0 0 24px rgba(77,255,119,.18),inset 0 1px 0 rgba(255,255,255,.12);
    animation:pvpWinnerPulse 1.1s ease-in-out 2;
  }

  .pvpPlayerCard__top{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }

  .pvpAvatar{
    width:34px;
    height:34px;
    border-radius:50%;
    flex:0 0 auto;
    border:1px solid rgba(255,231,164,.34);
    background:
      radial-gradient(circle at 34% 28%,rgba(255,255,255,.42),transparent 28%),
      linear-gradient(180deg,var(--pvp-player-color,#d9a34b),#12151d 72%);
    box-shadow:0 0 18px color-mix(in srgb,var(--pvp-player-color,#d9a34b),transparent 70%);
  }

  .pvpPlayerName{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#fff;
    font-size:13px;
    font-weight:1000;
    white-space:nowrap;
  }

  .pvpPlayerAmount{
    color:#ffe28a;
    font-size:17px;
    font-weight:1000;
  }

  .pvpPlayerChance{
    color:rgba(255,241,205,.62);
    font-size:11px;
    font-weight:950;
  }

  .pvpActions{
    display:grid;
    grid-template-columns:210px 1fr 1fr;
    gap:12px;
    margin-top:14px;
  }

  .pvpAmountField{
    position:relative;
    min-height:58px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.22);
    background:linear-gradient(180deg,rgba(25,29,39,.92),rgba(8,10,15,.96));
    padding:9px 40px 9px 14px;
    display:grid;
    gap:3px;
  }

  .pvpAmountField span{
    color:rgba(255,241,205,.58);
    font-size:11px;
    font-weight:950;
  }

  .pvpAmountField input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:24px;
    line-height:1;
    font-weight:1000;
  }

  .pvpAmountField input:disabled{
    opacity:1;
  }

  .pvpAmountField small{
    position:absolute;
    right:16px;
    bottom:12px;
    color:rgba(255,241,205,.72);
    font-size:17px;
    font-weight:1000;
  }

  .pvpActionBtn{
    min-height:58px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.26);
    color:#1b1105;
    background:linear-gradient(180deg,#fff0b0,#f6c55a 50%,#bf7e28);
    font-size:17px;
    font-weight:1000;
    box-shadow:0 18px 34px rgba(201,145,68,.22),0 0 22px rgba(246,197,90,.13),inset 0 1px 0 rgba(255,255,255,.34);
  }

  .pvpActionBtn--spin{
    color:#fff5c9;
    background:linear-gradient(180deg,rgba(31,36,48,.96),rgba(8,10,15,.96));
  }

  .pvpActionBtn:not(:disabled):hover{
    transform:translateY(-1px);
    box-shadow:0 24px 42px rgba(201,145,68,.22),0 0 28px rgba(246,197,90,.2),inset 0 1px 0 rgba(255,255,255,.36);
  }

  .pvpActionBtn:disabled{
    opacity:.48;
    cursor:not-allowed;
    box-shadow:none;
  }

  .pvpGameShell.is-spinning .pvpActionBtn,
  .pvpGameShell.is-spinning .pvpRoomCard,
  .pvpGameShell.is-spinning .pvpModeSwitch button{
    pointer-events:none;
  }

  .pvpGameShell.is-spinning .pvpBankWheel{
    box-shadow:
      0 36px 72px rgba(0,0,0,.58),
      0 0 54px rgba(246,197,90,.28),
      inset 0 0 0 5px rgba(255,237,177,.22),
      inset 0 0 34px rgba(0,0,0,.62);
  }

  @keyframes pvpLivePulse{
    0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(246,197,90,.42)}
    50%{transform:scale(1.55);box-shadow:0 0 18px rgba(246,197,90,.72)}
  }

  @keyframes pvpSeatPulse{
    0%,100%{transform:scale(1);filter:brightness(1)}
    50%{transform:scale(1.18);filter:brightness(1.22)}
  }

  @keyframes pvpGoldSweep{
    from{transform:translateX(-48%)}
    to{transform:translateX(48%)}
  }

  @keyframes pvpAmbientWheel{
    from{filter:saturate(1.08) brightness(1.02)}
    50%{filter:saturate(1.24) brightness(1.12)}
    to{filter:saturate(1.08) brightness(1.02)}
  }

  @keyframes pvpPlayerEnter{
    from{opacity:0;transform:translateY(8px) scale(.97)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }

  @keyframes pvpWinnerPulse{
    0%,100%{transform:translateY(0);box-shadow:0 0 24px rgba(77,255,119,.18),inset 0 1px 0 rgba(255,255,255,.12)}
    50%{transform:translateY(-3px);box-shadow:0 0 36px rgba(77,255,119,.3),0 0 28px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.16)}
  }
}

.desktopExtraView{
  display:none;
}

@media (min-width:701px){
  body[data-main-view="home"] #pvpDeskView,
  body[data-main-view="casino"] #pvpDeskView,
  body[data-main-view="quick"] #pvpDeskView,
  body[data-main-view="tournament"] #pvpDeskView,
  body[data-main-view="achievements"] #pvpDeskView,
  body[data-main-view="ratings"] #pvpDeskView,
  body[data-main-view="vip"] #pvpDeskView,
  body[data-main-view="partner"] #pvpDeskView,
  body[data-main-view="home"] #pvpGameShell,
  body[data-main-view="casino"] #pvpGameShell,
  body[data-main-view="quick"] #pvpGameShell,
  body[data-main-view="tournament"] #pvpGameShell,
  body[data-main-view="achievements"] #pvpGameShell,
  body[data-main-view="ratings"] #pvpGameShell,
  body[data-main-view="vip"] #pvpGameShell,
  body[data-main-view="partner"] #pvpGameShell,
  body:not(.is-pvp-view) #pvpDeskView,
  body:not(.is-pvp-view) .pvpDeskView.is-playing,
  body:not(.is-pvp-view) #pvpGameShell{
    display:none !important;
  }

  body.is-extra-view .heroBoard,
  body.is-extra-view .toolbar,
  body.is-extra-view #gamesSec,
  body.is-extra-view .casinoDeskView,
  body.is-extra-view .quickDeskView,
  body.is-extra-view .pvpDeskView{
    display:none !important;
  }

  body.is-tournament-view .desktopExtraView--tournament,
  body.is-achievements-view .desktopExtraView--achievements,
  body.is-ratings-view .desktopExtraView--ratings,
  body.is-vip-view .desktopExtraView--vip,
  body.is-partner-view .desktopExtraView--partner{
    display:block;
    margin-top:14px;
  }

  .premiumPageHero{
    position:relative;
    min-height:300px;
    overflow:hidden;
    border-radius:26px;
    border:1px solid rgba(246,197,90,.44);
    background:
      radial-gradient(760px 360px at 76% 42%,rgba(246,197,90,.22),transparent 64%),
      radial-gradient(620px 300px at 38% 84%,rgba(15,143,92,.16),transparent 72%),
      linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.36) 54%,rgba(0,0,0,.62)),
      linear-gradient(135deg,#111722,#05070a);
    box-shadow:0 30px 70px rgba(0,0,0,.52),0 0 34px rgba(246,197,90,.1),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .premiumPageHero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.58;
    background:
      radial-gradient(circle at 76% 28%,rgba(255,226,138,.28) 0 2px,transparent 3px),
      radial-gradient(circle at 88% 72%,rgba(246,197,90,.18) 0 2px,transparent 3px),
      linear-gradient(116deg,transparent 0 38%,rgba(246,197,90,.16) 38.1% 38.28%,transparent 38.55%),
      repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 92px);
  }

  .premiumPageHero__copy{
    position:relative;
    z-index:2;
    width:min(620px,52%);
    padding:44px 54px;
  }

  .premiumPageHero h1{
    margin:8px 0 0;
    color:#fff;
    font-size:56px;
    line-height:.92;
    font-weight:1000;
    letter-spacing:0;
    text-shadow:0 18px 40px rgba(0,0,0,.62);
  }

  .premiumPageHero p{
    margin:16px 0 0;
    color:rgba(242,243,247,.78);
    font-size:15px;
    line-height:1.48;
    font-weight:820;
  }

  .premiumDashboard,
  .partnerGrid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);
    gap:18px;
    margin-top:18px;
  }

  .premiumFeature,
  .premiumLeaderboard,
  .ratingsBoard,
  .achievementCard,
  .vipLevel{
    border-radius:24px;
    border:1px solid rgba(246,197,90,.28);
    background:
      radial-gradient(360px 220px at 78% 20%,rgba(246,197,90,.12),transparent 72%),
      linear-gradient(180deg,rgba(18,22,31,.88),rgba(5,7,10,.94));
    box-shadow:0 24px 52px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .premiumFeature,
  .premiumLeaderboard,
  .ratingsBoard{
    padding:24px;
  }

  .premiumFeature__head,
  .premiumSectionTitle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#ffe6a0;
    font-size:15px;
    font-weight:1000;
  }

  .premiumFeature h2{
    margin:18px 0 8px;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:1000;
  }

  .premiumFeature p,
  .achievementCard p{
    margin:0;
    color:rgba(242,243,247,.7);
    font-size:14px;
    line-height:1.45;
    font-weight:780;
  }

  .premiumProgress{
    height:12px;
    margin:20px 0 0;
    overflow:hidden;
    border-radius:999px;
    border:1px solid rgba(246,197,90,.18);
    background:rgba(4,6,10,.62);
  }

  .premiumProgress span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#0f8f5c,#f6c55a,#ffd978);
    box-shadow:0 0 22px rgba(246,197,90,.24);
  }

  .premiumMiniStats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:18px;
  }

  .premiumMiniStats span,
  .partnerLink{
    min-height:78px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.18);
    display:grid;
    place-items:center;
    background:rgba(4,6,10,.48);
    color:#fff;
    font-weight:1000;
  }

  .premiumMiniStats small{
    color:rgba(255,241,205,.58);
    font-size:11px;
    text-transform:uppercase;
  }

  .premiumRankRow,
  .ratingHeader,
  .ratingRow{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:52px;
    margin-top:10px;
    padding:0 14px;
    border-radius:16px;
    border:1px solid rgba(246,197,90,.14);
    background:rgba(4,6,10,.48);
    color:rgba(242,243,247,.82);
    font-weight:850;
  }

  .ratingHeader,
  .ratingRow{
    grid-template-columns:minmax(0,1fr) 160px 150px 70px;
  }

  .ratingHeader{
    color:rgba(255,241,205,.52);
    font-size:12px;
    text-transform:uppercase;
  }

  .premiumRankRow b,
  .ratingRow b,
  .ratingRow em{
    color:#ffe28a;
    font-style:normal;
    font-weight:1000;
  }

  .ratingRow.is-user{
    border-color:rgba(108,255,142,.34);
    background:
      linear-gradient(90deg,rgba(15,143,92,.2),rgba(4,6,10,.58)),
      rgba(4,6,10,.48);
    box-shadow:0 0 24px rgba(49,255,112,.08),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .achievementGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
  }

  .achievementCard{
    min-height:230px;
    padding:22px;
  }

  .achievementCard i{
    width:48px;
    height:48px;
    border-radius:16px;
    display:grid;
    place-items:center;
    color:#1a1004;
    background:linear-gradient(180deg,#fff0b0,#f6c55a 54%,#bf7e28);
    font-style:normal;
    font-weight:1000;
  }

  .achievementCard h2{
    margin:18px 0 8px;
    color:#fff;
    font-size:22px;
    line-height:1.06;
    font-weight:1000;
  }

  .achievementCard b{
    display:block;
    margin-top:16px;
    color:#ffe28a;
    font-size:16px;
  }

  .ratingsBoard{
    margin-top:18px;
  }

  .vipLevels{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
  }

  .vipLevel{
    min-height:160px;
    padding:24px;
    display:grid;
    align-content:center;
    gap:10px;
  }

  .vipLevel span{
    color:#ffe28a;
    font-size:28px;
    font-weight:1000;
  }

  .vipLevel b{
    color:#fff;
    font-size:24px;
  }

  .vipLevel small{
    color:rgba(255,241,205,.62);
    font-size:13px;
    font-weight:850;
  }

  .premiumFeature--vip{
    margin-top:18px;
  }

  .partnerLink{
    margin:18px 0;
    place-items:center start;
    padding:0 20px;
    color:#ffe28a;
    font-size:20px;
  }

  .premiumHeroActions,
  .partnerActions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
  }

  .premiumAction{
    min-height:46px;
    border:1px solid rgba(246,197,90,.38);
    border-radius:16px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#1b1105;
    background:linear-gradient(180deg,#fff0b0,#f6c55a 54%,#bf7e28);
    font-size:14px;
    font-weight:1000;
    box-shadow:0 18px 38px rgba(201,145,68,.22),0 0 24px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.34);
  }

  .premiumAction--dark{
    color:#fff0bf;
    background:linear-gradient(180deg,rgba(31,36,48,.94),rgba(6,8,12,.96));
  }

  .premiumAction--full{
    width:100%;
  }

  .premiumAction:not(:disabled):hover,
  .premiumEventCard:not(:disabled):hover,
  .achievementCard:not(:disabled):hover,
  .vipLevel:not(:disabled):hover{
    transform:translateY(-2px);
    border-color:rgba(255,217,120,.58);
    box-shadow:0 24px 48px rgba(0,0,0,.36),0 0 30px rgba(246,197,90,.16),inset 0 1px 0 rgba(255,255,255,.12);
  }

  .premiumPageHero__scene{
    position:absolute;
    right:42px;
    top:28px;
    bottom:28px;
    width:min(520px,44%);
    z-index:1;
    pointer-events:none;
    transform:translateZ(0);
  }

  .premiumPageHero__scene::before,
  .premiumPageHero__scene::after{
    content:"";
    position:absolute;
    inset:auto;
    pointer-events:none;
  }

  .premiumPageHero__scene--tournament::before{
    right:16px;
    top:20px;
    width:310px;
    height:210px;
    border-radius:34px;
    background:
      radial-gradient(circle at 50% 22%,#fff2b2 0 6%,#f6c55a 7% 12%,transparent 13%),
      linear-gradient(90deg,transparent 0 37%,#f6c55a 37% 43%,transparent 43% 57%,#f6c55a 57% 63%,transparent 63%),
      radial-gradient(ellipse at 50% 112%,rgba(246,197,90,.32),transparent 58%),
      linear-gradient(145deg,rgba(18,22,31,.9),rgba(2,4,8,.94));
    border:1px solid rgba(246,197,90,.5);
    box-shadow:0 36px 70px rgba(0,0,0,.5),0 0 42px rgba(246,197,90,.2);
    transform:perspective(760px) rotateY(-16deg) rotateX(4deg);
  }

  .premiumPageHero__scene--tournament::after{
    right:210px;
    bottom:34px;
    width:138px;
    height:138px;
    border-radius:50%;
    background:
      radial-gradient(circle,#0a0c12 0 21%,#ffe9a4 22% 29%,#191d27 30% 48%,#d59d38 49% 62%,#05070a 63% 100%);
    box-shadow:0 26px 44px rgba(0,0,0,.48),0 0 34px rgba(246,197,90,.24);
  }

  .premiumPageHero__scene--achievements::before{
    right:86px;
    top:8px;
    width:250px;
    height:250px;
    clip-path:polygon(50% 0,88% 16%,100% 58%,50% 100%,0 58%,12% 16%);
    background:
      radial-gradient(circle at 50% 34%,rgba(255,255,255,.18),transparent 22%),
      linear-gradient(145deg,#f7d36b,#7b4a16 52%,#16191f 53% 100%);
    border:1px solid rgba(246,197,90,.44);
    filter:drop-shadow(0 32px 42px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(246,197,90,.18));
  }

  .premiumPageHero__scene--achievements::after{
    right:18px;
    bottom:8px;
    width:410px;
    height:148px;
    border-radius:50%;
    transform:perspective(720px) rotateX(64deg);
    background:
      repeating-radial-gradient(circle,rgba(246,197,90,.22) 0 1px,transparent 1px 24px),
      radial-gradient(circle,rgba(15,143,92,.15),transparent 68%);
  }

  .desktopExtraView--achievements .premiumPageHero--achievements{
    min-height:0;
    aspect-ratio:2508 / 627;
    overflow:hidden;
    border:0;
    background:url("./shared/achievements-premium/achievements-hero.png?v=20260627-admin16") center / 100% 100% no-repeat;
    box-shadow:
      0 26px 58px rgba(0,0,0,.44),
      0 0 30px rgba(246,197,90,.08);
  }

  .desktopExtraView--achievements .premiumPageHero--achievements::before,
  .desktopExtraView--achievements .premiumPageHero--achievements .premiumPageHero__copy,
  .desktopExtraView--achievements .premiumPageHero__scene--achievements{
    display:none;
  }

  .premiumPageHero__scene--ratings::before{
    right:42px;
    bottom:28px;
    width:420px;
    height:190px;
    border-radius:26px;
    background:
      linear-gradient(180deg,transparent 0 28%,rgba(246,197,90,.86) 28% 100%) 42px 74px / 56px 116px no-repeat,
      linear-gradient(180deg,transparent 0 10%,rgba(15,143,92,.82) 10% 100%) 146px 44px / 56px 146px no-repeat,
      linear-gradient(180deg,transparent 0 42%,rgba(255,217,120,.82) 42% 100%) 250px 98px / 56px 92px no-repeat,
      radial-gradient(ellipse at 50% 100%,rgba(246,197,90,.24),transparent 62%),
      linear-gradient(145deg,rgba(18,22,31,.8),rgba(4,6,10,.86));
    border:1px solid rgba(246,197,90,.34);
    box-shadow:0 28px 58px rgba(0,0,0,.42),0 0 34px rgba(15,143,92,.1);
  }

  .premiumPageHero__scene--ratings::after{
    right:120px;
    top:24px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:
      conic-gradient(from -18deg,#f6c55a 0 28%,#0f8f5c 28% 54%,#151922 54% 78%,#b73a43 78% 100%);
    box-shadow:inset 0 0 0 18px #070910,inset 0 0 0 28px rgba(255,234,160,.9),0 0 36px rgba(246,197,90,.22);
  }

  .premiumPageHero--ratings{
    min-height:300px;
    overflow:hidden;
    background:
      linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.7) 31%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.38) 100%),
      url("./shared/ratings-premium/ratings-hero.png?v=20260627-admin16") center / cover no-repeat;
  }

  .premiumPageHero--ratings::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
      linear-gradient(180deg,rgba(255,255,255,.05),transparent 34%),
      radial-gradient(520px 220px at 76% 54%,rgba(246,197,90,.15),transparent 72%);
  }

  .premiumPageHero--ratings .premiumPageHero__scene{
    display:none;
  }

  .premiumPageHero__scene--vip::before{
    right:64px;
    top:18px;
    width:300px;
    height:238px;
    border-radius:42px;
    clip-path:polygon(50% 0,86% 18%,98% 64%,50% 100%,2% 64%,14% 18%);
    background:
      radial-gradient(circle at 50% 34%,rgba(255,255,255,.18),transparent 17%),
      linear-gradient(145deg,#fff0aa 0 16%,#f6c55a 17% 34%,#171a21 35% 72%,#0f8f5c 73% 100%);
    box-shadow:0 38px 70px rgba(0,0,0,.52),0 0 42px rgba(246,197,90,.24);
  }

  .premiumPageHero__scene--vip::after{
    right:22px;
    bottom:20px;
    width:440px;
    height:150px;
    border-radius:50%;
    transform:perspective(720px) rotateX(62deg);
    background:
      repeating-radial-gradient(circle,rgba(246,197,90,.22) 0 1px,transparent 1px 24px),
      radial-gradient(circle,rgba(246,197,90,.16),transparent 70%);
  }

  .premiumPageHero__scene--partner::before{
    right:42px;
    top:26px;
    width:410px;
    height:210px;
    border-radius:34px;
    background:
      radial-gradient(circle at 26% 42%,#ffeaa8 0 5%,#0b0e14 6% 13%,transparent 14%),
      radial-gradient(circle at 50% 38%,#ffeaa8 0 5%,#0b0e14 6% 13%,transparent 14%),
      radial-gradient(circle at 74% 42%,#ffeaa8 0 5%,#0b0e14 6% 13%,transparent 14%),
      linear-gradient(90deg,rgba(246,197,90,.6),rgba(15,143,92,.5)) 28% 52% / 47% 4px no-repeat,
      radial-gradient(ellipse at 50% 105%,rgba(246,197,90,.28),transparent 62%),
      linear-gradient(145deg,rgba(16,20,30,.9),rgba(3,5,9,.94));
    border:1px solid rgba(246,197,90,.38);
    box-shadow:0 34px 66px rgba(0,0,0,.48),0 0 38px rgba(15,143,92,.12);
  }

  .premiumPageHero__scene--partner::after{
    right:176px;
    bottom:0;
    width:92px;
    height:92px;
    border-radius:50%;
    background:
      radial-gradient(circle,#0b0d13 0 26%,#ffe9a4 27% 36%,#151922 37% 58%,#c99034 59% 72%,#05070a 73% 100%);
    box-shadow:0 24px 40px rgba(0,0,0,.44),0 0 30px rgba(246,197,90,.18);
  }

  .desktopExtraView--partner .premiumPageHero--partner{
    min-height:0;
    aspect-ratio:2244 / 701;
    overflow:hidden;
    border:0;
    background:url("./shared/partner-premium/partner-hero.png?v=20260627-admin16") center / 100% 100% no-repeat;
    box-shadow:0 26px 58px rgba(0,0,0,.44),0 0 30px rgba(246,197,90,.08);
  }

  .desktopExtraView--partner .premiumPageHero--partner::before,
  .desktopExtraView--partner .premiumPageHero--partner .premiumPageHero__copy,
  .desktopExtraView--partner .premiumPageHero__scene--partner{
    display:none;
  }

  .desktopExtraView--partner .partnerGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  .desktopExtraView--partner .partnerVisualCard{
    position:relative;
    min-height:308px;
    overflow:hidden;
    border:0;
    border-radius:22px;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
    box-shadow:0 22px 46px rgba(0,0,0,.38);
  }

  .desktopExtraView--partner .partnerVisualCard > *{
    position:relative;
    z-index:1;
  }

  .desktopExtraView--partner .partnerLink{
    min-height:54px;
    overflow:hidden;
    font-size:15px;
    line-height:1.25;
    word-break:break-all;
  }

  .desktopExtraView--partner #partnerSummary{
    max-width:92%;
  }

  .desktopExtraView--partner .partnerVisualCard--link{
    background-image:url("./shared/partner-premium/partner-card-link.png?v=20260627-admin16");
  }

  .desktopExtraView--partner .partnerVisualCard--stats{
    background-image:url("./shared/partner-premium/partner-card-stats.png?v=20260627-admin16");
  }

  .premiumEventCards,
  .vipBenefitGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
  }

  .premiumEventCard{
    min-height:118px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.22);
    padding:16px;
    display:grid;
    align-content:center;
    gap:8px;
    color:#fff;
    text-align:left;
    background:
      radial-gradient(170px 90px at 82% 10%,rgba(246,197,90,.16),transparent 72%),
      linear-gradient(180deg,rgba(23,27,37,.88),rgba(5,7,10,.95));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }

  .premiumEventCard span{
    color:rgba(255,241,205,.72);
    font-size:13px;
    font-weight:900;
  }

  .premiumEventCard b{
    color:#ffe28a;
    font-size:22px;
    font-weight:1000;
  }

  .premiumEventCard small{
    color:rgba(242,243,247,.58);
    font-size:11px;
    font-weight:850;
    text-transform:uppercase;
  }

  .achievementSummary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
  }

  .achievementSummary span{
    min-height:92px;
    border-radius:20px;
    border:1px solid rgba(246,197,90,.22);
    display:grid;
    place-items:center;
    background:
      radial-gradient(170px 100px at 50% 0,rgba(246,197,90,.16),transparent 72%),
      linear-gradient(180deg,rgba(20,24,33,.86),rgba(5,7,10,.94));
  }

  .achievementSummary b{
    color:#ffe28a;
    font-size:34px;
    line-height:1;
    font-weight:1000;
  }

  .achievementSummary small{
    color:rgba(255,241,205,.62);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
  }

  .achievementTier{
    margin-top:22px;
  }

  .achievementTier .premiumSectionTitle{
    justify-content:flex-start;
    padding-left:4px;
    font-size:22px;
  }

  .achievementCard,
  .vipLevel,
  .premiumEventCard{
    appearance:none;
    font:inherit;
    cursor:pointer;
  }

  .achievementCard{
    text-align:left;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }

  .achievementCard.is-active{
    border-color:rgba(108,255,142,.42);
    box-shadow:0 0 34px rgba(49,255,112,.12),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .ratingsLayout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:18px;
  }

  .ratingPrizeCard{
    margin-top:18px;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.28);
    padding:26px;
    display:grid;
    align-content:center;
    gap:18px;
    background:
      radial-gradient(320px 220px at 74% 20%,rgba(246,197,90,.18),transparent 72%),
      linear-gradient(180deg,rgba(18,22,31,.9),rgba(5,7,10,.96));
    box-shadow:0 24px 52px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .ratingPrizeCard__icon{
    width:104px;
    height:104px;
    border-radius:30px;
    background:
      radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),transparent 20%),
      conic-gradient(from -24deg,#f6c55a,#151922,#0f8f5c,#f6c55a);
    box-shadow:inset 0 0 0 12px rgba(4,6,10,.92),0 0 32px rgba(246,197,90,.2);
  }

  .ratingPrizeCard h2{
    margin:0;
    color:#fff;
    font-size:30px;
    line-height:1;
    font-weight:1000;
  }

  .ratingPrizeCard p{
    margin:0;
    color:rgba(242,243,247,.72);
    font-size:14px;
    line-height:1.45;
    font-weight:800;
  }

  .ratingRows{
    display:grid;
    gap:0;
  }

  .ratingPrizeStats{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .ratingPrizeStats span{
    min-height:74px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.18);
    padding:12px 14px;
    display:grid;
    align-content:center;
    gap:4px;
    background:linear-gradient(180deg,rgba(20,24,33,.78),rgba(5,7,10,.88));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .ratingPrizeStats b{
    color:#ffe28a;
    font-size:22px;
    line-height:1;
    font-weight:1000;
  }

  .ratingPrizeStats small{
    color:rgba(242,243,247,.62);
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
  }

  .desktopExtraView--ratings .ratingsBoard{
    position:relative;
    overflow:hidden;
    align-self:start;
    min-height:0;
    border-color:rgba(246,197,90,.42);
    background:
      linear-gradient(180deg,rgba(4,6,10,.7),rgba(4,6,10,.88)),
      linear-gradient(90deg,rgba(4,6,10,.58),rgba(4,6,10,.18) 50%,rgba(4,6,10,.62)),
      url("./shared/ratings-premium/month-leaders-bg.png?v=20260627-admin16") center / cover no-repeat;
  }

  .desktopExtraView--ratings .ratingsBoard::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(520px 260px at 52% 20%,rgba(255,255,255,.06),transparent 68%),
      linear-gradient(180deg,rgba(246,197,90,.07),transparent 34%,rgba(0,0,0,.2));
  }

  .desktopExtraView--ratings .ratingsBoard > *{
    position:relative;
    z-index:1;
  }

  .desktopExtraView--ratings .ratingsLayout{
    align-items:start;
    min-height:0;
  }

  .desktopExtraView--ratings .ratingRow,
  .desktopExtraView--ratings .ratingPrizeStats span,
  .desktopExtraView--ratings .premiumAction{
    transition:none !important;
  }

  .desktopExtraView--ratings .ratingPrizeCard{
    position:relative;
    overflow:hidden;
    align-self:start;
    min-height:0;
    height:auto;
    align-content:start;
    border-color:rgba(246,197,90,.42);
    background:
      linear-gradient(180deg,rgba(4,6,10,.36),rgba(4,6,10,.86) 62%,rgba(4,6,10,.95)),
      linear-gradient(90deg,rgba(4,6,10,.2),rgba(4,6,10,.72)),
      url("./shared/ratings-premium/rating-growth-bg.png?v=20260627-admin16") center / cover no-repeat;
  }

  .desktopExtraView--ratings .ratingPrizeCard::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(260px 220px at 70% 15%,rgba(246,197,90,.16),transparent 72%),
      linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%,rgba(0,0,0,.28));
  }

  .desktopExtraView--ratings .ratingPrizeCard > *{
    position:relative;
    z-index:1;
  }

  .desktopExtraView--ratings .ratingPrizeCard__icon{
    display:none;
  }

  .desktopExtraView--ratings .ratingPrizeCard:hover,
  .desktopExtraView--ratings .ratingsBoard:hover{
    transform:none !important;
  }

  .desktopExtraView--ratings .premiumAction:not(:disabled):hover,
  .desktopExtraView--ratings .ratingPrizeCard .premiumAction:not(:disabled):hover{
    transform:none !important;
    min-height:46px;
  }

  #ratingJoinBtn:disabled{
    cursor:default;
    opacity:.78;
    filter:saturate(.75);
  }

  .ratingRulesModal{
    z-index:92;
  }

  .ratingRulesModal__panel{
    width:min(1320px,calc(100vw - 42px));
    max-height:calc(100vh - 42px);
    padding:40px 42px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    gap:0;
  }

  .ratingRulesModal__panel .sectionEyebrow{
    margin-bottom:12px;
  }

  .ratingRulesModal__panel > p{
    margin-bottom:20px;
    max-width:960px;
  }

  .ratingRulesModal__grid{
    flex:1 1 auto;
    min-height:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:0;
    padding:2px 8px 4px 0;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(246,197,90,.52) rgba(4,6,10,.4);
  }

  .ratingRulesModal__grid article{
    min-height:170px;
    border-radius:20px;
    border:1px solid rgba(246,197,90,.18);
    padding:20px;
    background:
      radial-gradient(240px 140px at 84% 0,rgba(246,197,90,.14),transparent 72%),
      linear-gradient(180deg,rgba(20,24,33,.82),rgba(5,7,10,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .ratingRulesModal__grid::-webkit-scrollbar{
    width:10px;
  }

  .ratingRulesModal__grid::-webkit-scrollbar-track{
    background:rgba(4,6,10,.42);
    border-radius:999px;
  }

  .ratingRulesModal__grid::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:linear-gradient(180deg,#f6c55a,#9d6b20);
  }

  .ratingRulesModal__grid h3{
    margin:0 0 10px;
    color:#ffe28a;
    font-size:18px;
    line-height:1.15;
    font-weight:1000;
  }

  .ratingRulesModal__grid p{
    margin:0;
    color:rgba(242,243,247,.72);
    font-size:14px;
    line-height:1.5;
    font-weight:800;
  }

  .partnerGrid{
    align-items:stretch;
  }

  .desktopFeatureModal[hidden]{
    display:none !important;
  }

  .desktopFeatureModal{
    position:fixed;
    inset:0;
    z-index:80;
    display:grid;
    place-items:center;
    padding:32px;
  }

  .desktopFeatureModal__backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(0,0,0,.68);
    backdrop-filter:blur(10px);
  }

  .desktopFeatureModal__panel{
    position:relative;
    width:min(520px,100%);
    border-radius:28px;
    border:1px solid rgba(246,197,90,.38);
    padding:34px;
    overflow:hidden;
    background:
      radial-gradient(340px 220px at 80% 0,rgba(246,197,90,.18),transparent 72%),
      linear-gradient(180deg,rgba(19,23,32,.96),rgba(4,6,10,.98));
    box-shadow:0 34px 80px rgba(0,0,0,.56),0 0 38px rgba(246,197,90,.14),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .desktopFeatureModal__close{
    position:absolute;
    top:16px;
    right:16px;
    width:42px;
    height:42px;
    border-radius:14px;
    border:1px solid rgba(246,197,90,.24);
    color:#ffe28a;
    background:rgba(4,6,10,.56);
    font-size:24px;
    font-weight:900;
  }

  .desktopFeatureModal__mark{
    width:76px;
    height:76px;
    border-radius:24px;
    display:block;
    margin-bottom:20px;
    background:
      radial-gradient(circle at 50% 34%,rgba(255,255,255,.18),transparent 20%),
      linear-gradient(145deg,#f6c55a,#181b22 56%,#0f8f5c);
    box-shadow:0 0 32px rgba(246,197,90,.22);
  }

  .desktopFeatureModal h2{
    margin:0;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:1000;
  }

  .desktopFeatureModal p{
    margin:14px 0 24px;
    color:rgba(242,243,247,.76);
    font-size:15px;
    line-height:1.55;
    font-weight:800;
  }

  .desktopFeatureModal .ratingRulesModal__panel{
    width:min(1320px,calc(100vw - 42px));
    max-height:calc(100vh - 42px);
    padding:40px 42px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }

  .desktopFeatureModal .ratingRulesModal__panel > p{
    margin:14px 0 20px;
    max-width:960px;
    flex:0 0 auto;
  }

  .partnerWithdrawStats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0 0 18px;
  }

  .partnerWithdrawStats span{
    min-height:78px;
    border-radius:18px;
    border:1px solid rgba(246,197,90,.18);
    display:grid;
    place-items:center;
    background:rgba(4,6,10,.52);
  }

  .partnerWithdrawStats b{
    color:#ffe28a;
    font-size:20px;
    line-height:1;
    font-weight:1000;
  }

  .partnerWithdrawStats small,
  .partnerWithdrawField span,
  .partnerWithdrawStatus{
    color:rgba(255,241,205,.62);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
  }

  .partnerWithdrawField{
    display:grid;
    gap:8px;
    margin-bottom:12px;
  }

  .partnerWithdrawField input{
    width:100%;
    min-height:54px;
    border-radius:16px;
    border:1px solid rgba(246,197,90,.24);
    padding:0 16px;
    color:#fff;
    background:rgba(4,6,10,.62);
    font:900 22px/1 system-ui,-apple-system,Segoe UI,sans-serif;
    outline:none;
  }

  .partnerWithdrawField input:focus{
    border-color:rgba(255,217,120,.62);
    box-shadow:0 0 0 3px rgba(246,197,90,.13);
  }

  .partnerWithdrawStatus{
    min-height:18px;
    margin:0 0 16px;
    text-transform:none;
  }

  .partnerWithdrawStatus.is-error{
    color:#ffb5be;
  }

  .achievementToastStack{
    position:fixed;
    right:28px;
    top:96px;
    z-index:95;
    display:grid;
    gap:12px;
    width:min(360px,calc(100vw - 40px));
    pointer-events:none;
  }

  .achievementToast{
    transform:translateX(24px);
    opacity:0;
    border-radius:20px;
    border:1px solid rgba(108,255,142,.34);
    padding:18px 20px;
    background:
      radial-gradient(220px 120px at 88% 0,rgba(108,255,142,.18),transparent 72%),
      linear-gradient(180deg,rgba(18,24,22,.96),rgba(4,7,8,.98));
    box-shadow:0 24px 54px rgba(0,0,0,.52),0 0 34px rgba(74,255,128,.14);
    transition:opacity .28s ease,transform .28s ease;
  }

  .achievementToast.is-visible{
    transform:translateX(0);
    opacity:1;
  }

  .achievementToast span{
    display:block;
    color:#8cffb0;
    font-size:11px;
    font-weight:1000;
    text-transform:uppercase;
  }

  .achievementToast b{
    display:block;
    margin-top:5px;
    color:#fff;
    font-size:20px;
    line-height:1.08;
    font-weight:1000;
  }

  .achievementToast small{
    display:block;
    margin-top:7px;
    color:rgba(242,243,247,.72);
    font-size:13px;
    line-height:1.35;
    font-weight:800;
  }
}

@media (min-width:701px) and (max-width:1320px){
  .quickDeskHero__copy,
  .pvpDeskHero__copy{
    width:min(500px,45%);
    padding:28px 44px;
  }

  .quickDeskHero h1,
  .pvpDeskHero h1{
    font-size:48px;
  }

  .quickDeskHero p,
  .pvpDeskHero p{
    font-size:13px;
  }

  .pvpGameLayout{
    grid-template-columns:300px minmax(0,1fr);
    gap:14px;
    padding:16px;
  }

  .pvpGameTop{
    grid-template-columns:160px minmax(0,1fr) 210px;
  }

  .pvpPlayers{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .pvpActions{
    grid-template-columns:180px 1fr 1fr;
  }
}

@media (min-width:701px){
  .pvpDeskView.is-playing{
    height:clamp(620px,calc(100dvh - 148px),980px);
    min-height:0;
  }

  .pvpDeskView.is-playing .pvpGameShell{
    height:100%;
    min-height:0;
  }

  .pvpGameTop{
    min-height:clamp(72px,8.4vh,92px);
    padding:clamp(12px,1.15vw,16px) clamp(16px,1.5vw,22px);
  }

  .pvpGameLayout{
    grid-template-columns:clamp(262px,20vw,330px) minmax(0,1fr);
    gap:clamp(12px,1.25vw,18px);
    padding:clamp(12px,1.25vw,20px);
    min-height:0;
  }

  .pvpArenaPanel{
    min-height:0;
    padding:clamp(12px,1.15vw,16px);
  }

  .pvpBankStage{
    flex:1 1 auto;
    min-height:clamp(330px,46vh,620px);
  }

  .pvpBankWheel{
    width:clamp(310px,44vmin,560px);
    max-width:calc(100% - 72px);
  }

  .pvpBankWheel__center{
    width:clamp(108px,8.6vw,138px);
    height:clamp(108px,8.6vw,138px);
  }

  .pvpResult{
    display:none !important;
  }

  .pvpPlayers{
    margin-top:clamp(8px,1vh,12px);
  }

  .pvpActions{
    margin-top:clamp(8px,1vh,14px);
  }

  .tournamentLayout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:18px;
    margin-top:18px;
    align-items:stretch;
  }

  .tournamentEvents{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  .tournamentEventCard{
    position:relative;
    min-height:192px;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.28);
    padding:22px;
    display:grid;
    align-content:end;
    gap:8px;
    color:#fff;
    text-align:left;
    background:
      radial-gradient(260px 180px at 76% 14%,rgba(255,217,120,.2),transparent 68%),
      linear-gradient(180deg,rgba(22,26,36,.9),rgba(5,7,10,.97));
    box-shadow:0 22px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
    cursor:pointer;
  }

  .tournamentEventCard::before{
    content:"";
    position:absolute;
    right:18px;
    top:18px;
    width:126px;
    height:126px;
    border-radius:30px;
    opacity:.92;
    background:
      radial-gradient(circle at 50% 36%,rgba(255,255,255,.18),transparent 22%),
      conic-gradient(from -28deg,#f6c55a,#151922,#0f8f5c,#f6c55a);
    box-shadow:0 24px 48px rgba(0,0,0,.38),0 0 34px rgba(246,197,90,.18);
  }

  .tournamentEventCard::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.08) 42.2% 42.55%,transparent 42.8%),
      radial-gradient(520px 220px at 10% 100%,rgba(246,197,90,.16),transparent 72%);
  }

  .tournamentEventCard--night::before{
    border-radius:50%;
    background:
      radial-gradient(circle,#070910 0 28%,#ffe28a 29% 38%,#111722 39% 60%,#0f8f5c 61% 100%);
  }

  .tournamentEventCard--pvp::before{
    clip-path:polygon(50% 0,90% 18%,100% 62%,50% 100%,0 62%,10% 18%);
    background:linear-gradient(145deg,#f6c55a,#151922 54%,#0f8f5c);
  }

  .tournamentEventCard--season::before{
    background:
      linear-gradient(180deg,transparent 0 30%,rgba(246,197,90,.92) 31% 100%) 20px 48px / 22px 78px no-repeat,
      linear-gradient(180deg,transparent 0 12%,rgba(15,143,92,.82) 13% 100%) 54px 22px / 22px 104px no-repeat,
      linear-gradient(180deg,transparent 0 42%,rgba(255,234,160,.9) 43% 100%) 88px 66px / 22px 60px no-repeat,
      linear-gradient(145deg,rgba(20,24,34,.95),rgba(4,6,10,.98));
  }

  .tournamentEventCard span,
  .tournamentEventCard small,
  .tournamentEventCard h2,
  .tournamentEventCard p,
  .tournamentEventCard b{
    position:relative;
    z-index:1;
    margin:0;
  }

  .tournamentEventCard span{
    width:max-content;
    border-radius:999px;
    padding:7px 11px;
    color:#ffe28a;
    background:rgba(246,197,90,.12);
    border:1px solid rgba(246,197,90,.2);
    font-size:11px;
    font-weight:1000;
    text-transform:uppercase;
  }

  .tournamentEventCard h2{
    color:#fff;
    font-size:28px;
    line-height:1;
    font-weight:1000;
  }

  .tournamentEventCard p{
    max-width:310px;
    color:rgba(242,243,247,.66);
    font-size:13px;
    line-height:1.35;
    font-weight:850;
  }

  .tournamentEventCard b{
    color:#ffe28a;
    font-size:24px;
    line-height:1;
    font-weight:1000;
  }

	  .tournamentEventCard small{
	    color:rgba(255,241,205,.58);
	    font-size:11px;
	    font-weight:900;
	    text-transform:uppercase;
	  }

	  .premiumPageHero--tournament{
	    min-height:300px;
	    background:
	      linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.4) 100%),
	      url("./shared/tournament-premium/tournament-hero.png?v=20260627-admin16") center / cover no-repeat;
	  }

	  .premiumPageHero--tournament::before{
	    opacity:.42;
	    background:
	      linear-gradient(116deg,transparent 0 39%,rgba(246,197,90,.16) 39.1% 39.26%,transparent 39.55%),
	      radial-gradient(560px 220px at 78% 34%,rgba(246,197,90,.22),transparent 72%);
	  }

	  .premiumPageHero--tournament .premiumPageHero__scene{
	    display:none;
	  }

	  .tournamentEventCard{
	    min-height:224px;
	    border-color:rgba(246,197,90,.42);
	    background:#05070a;
	    box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 28px rgba(246,197,90,.08),inset 0 1px 0 rgba(255,255,255,.08);
	  }

	  .tournamentEventCard::before{
	    inset:0;
	    width:auto;
	    height:auto;
	    border-radius:inherit;
	    opacity:1;
	    clip-path:none;
	    background:
	      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.74) 76%,rgba(0,0,0,.9)),
	      linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.04) 54%,rgba(0,0,0,.3)),
	      var(--tournament-card-image) center / cover no-repeat;
	    box-shadow:none;
	  }

	  .tournamentEventCard::after{
	    background:
	      linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.08) 42.2% 42.55%,transparent 42.8%),
	      radial-gradient(520px 220px at 8% 100%,rgba(246,197,90,.2),transparent 72%);
	  }

	  .tournamentEventCard--daily{
	    --tournament-card-image:url("./shared/tournament-premium/daily-sprint.png?v=20260627-admin16");
	  }

	  .tournamentEventCard--night{
	    --tournament-card-image:url("./shared/tournament-premium/night-bank.png?v=20260627-admin16");
	  }

	  .tournamentEventCard--pvp{
	    --tournament-card-image:url("./shared/tournament-premium/pvp-hunt.png?v=20260627-admin16");
	  }

	  .tournamentEventCard--season{
	    --tournament-card-image:url("./shared/tournament-premium/season-triniti.png?v=20260627-admin16");
	  }

	  .premiumLeaderboardArt{
	    width:100%;
	    aspect-ratio:16 / 9;
	    margin-top:16px;
	    overflow:hidden;
	    border-radius:20px;
	    border:1px solid rgba(246,197,90,.32);
	    background:
	      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18)),
	      var(--leaderboard-art-image) center / cover no-repeat;
	    box-shadow:0 20px 42px rgba(0,0,0,.34),0 0 26px rgba(246,197,90,.08),inset 0 1px 0 rgba(255,255,255,.08);
	  }

	  .premiumLeaderboardArt--topWeek{
	    --leaderboard-art-image:url("./shared/tournament-premium/top-week.png?v=20260627-admin16");
	  }

	  .achievementCard{
	    position:relative;
    min-height:252px;
    overflow:hidden;
    padding:112px 16px 16px;
    border-radius:24px;
    background:
      radial-gradient(260px 180px at 74% 4%,rgba(246,197,90,.16),transparent 72%),
      linear-gradient(180deg,rgba(18,22,31,.92),rgba(4,6,10,.97));
  }

  .achievementCard::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:16px;
    height:78px;
    border-radius:20px;
    background:
      radial-gradient(circle at 50% 42%,rgba(255,255,255,.18),transparent 18%),
      linear-gradient(145deg,#f6c55a,#171b24 58%,#0f8f5c);
    box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 28px rgba(246,197,90,.14);
  }

  .achievementCard::after{
    content:"ЗАКРЫТО";
    position:absolute;
    top:28px;
    right:28px;
    border-radius:999px;
    padding:6px 10px;
    color:rgba(255,241,205,.72);
    background:rgba(3,5,8,.58);
    border:1px solid rgba(246,197,90,.16);
    font-size:10px;
    font-weight:1000;
    text-transform:uppercase;
  }

  .achievementCard.is-active::after{
    content:"ОТКРЫТО";
    color:#9cffad;
    background:linear-gradient(135deg,rgba(8,48,25,.72),rgba(2,8,6,.68));
    border-color:rgba(108,255,142,.36);
    box-shadow:0 0 18px rgba(108,255,142,.14),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .achievementTier--medium .achievementCard.is-active::after{
    color:#ffd49a;
    background:linear-gradient(135deg,rgba(78,26,7,.78),rgba(12,6,3,.72));
    border-color:rgba(255,133,55,.48);
    box-shadow:0 0 20px rgba(255,103,34,.18),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .achievementTier--hard .achievementCard.is-active::after{
    color:#efe3ff;
    background:linear-gradient(135deg,rgba(22,56,32,.74),rgba(48,24,84,.78));
    border-color:rgba(174,118,255,.5);
    box-shadow:0 0 22px rgba(144,94,255,.2),0 0 18px rgba(154,255,116,.12),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .achievementTier--easy .achievementCard::before{
    background:
      radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),transparent 18%),
      linear-gradient(145deg,#f6c55a,#1b1f27 58%,#0f8f5c);
  }

  .achievementTier--medium .achievementCard::before{
    background:
      radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),transparent 18%),
      conic-gradient(from -30deg,#f6c55a,#161922,#b73a43,#f6c55a);
  }

  .achievementTier--hard .achievementCard::before{
    background:
      radial-gradient(circle at 50% 38%,rgba(255,255,255,.2),transparent 18%),
      conic-gradient(from -40deg,#fff0a8,#151922,#8a59ff,#0f8f5c,#fff0a8);
  }

  .achievementCard--art{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    min-height:252px;
    padding:16px;
    background:#030507;
    border-color:rgba(246,197,90,.24);
    --achievement-card-image:none;
    --achievement-card-pos:center 36%;
    --achievement-card-size:118% auto;
  }

  .achievementTier--easy .achievementCard--art{
    border-color:rgba(108,255,142,.3);
    box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 22px rgba(108,255,142,.06);
  }

  .achievementTier--medium .achievementCard--art{
    border-color:rgba(255,149,55,.3);
    box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 22px rgba(255,92,24,.07);
  }

  .achievementTier--hard .achievementCard--art{
    border-color:rgba(174,118,255,.34);
    box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 22px rgba(132,84,255,.08),0 0 18px rgba(154,255,116,.05);
  }

  .achievementTier--easy .achievementCard--art::before,
  .achievementTier--medium .achievementCard--art::before,
  .achievementTier--hard .achievementCard--art::before{
    inset:0;
    width:auto;
    height:auto;
    border-radius:inherit;
    background:
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.14) 36%,rgba(0,0,0,.76)),
      radial-gradient(220px 130px at 50% 30%,rgba(246,197,90,.12),transparent 72%),
      var(--achievement-card-image) var(--achievement-card-pos) / var(--achievement-card-size) no-repeat;
    box-shadow:inset 0 -42px 80px rgba(0,0,0,.46);
  }

  .achievementCard--art .achievementCard__body{
    position:relative;
    z-index:1;
    display:block;
    border-radius:12px;
    border:1px solid rgba(246,197,90,.18);
    padding:14px;
    background:rgba(2,4,7,.86);
    box-shadow:0 16px 32px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
  }

  .achievementCard--art h2{
    margin-top:0;
  }

  .achievementCard--art p{
    color:rgba(242,243,247,.78);
  }

  .achievementCard--art.is-active{
    justify-content:flex-start;
  }

  .achievementCard--art.is-active .achievementCard__body,
  .achievementCard--art.is-active .achievementCard__state{
    display:none;
  }

  .achievementTier--easy .achievementCard--art.is-active::before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.04) 36%,rgba(0,0,0,.2)),
      radial-gradient(220px 130px at 50% 30%,rgba(246,197,90,.18),transparent 72%),
      var(--achievement-card-image) var(--achievement-card-pos) / var(--achievement-card-size) no-repeat;
    box-shadow:inset 0 -30px 62px rgba(0,0,0,.26),0 0 32px rgba(108,255,142,.08);
  }

  .achievementTier--medium .achievementCard--art.is-active::before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.01),rgba(44,10,2,.06) 36%,rgba(0,0,0,.18)),
      radial-gradient(240px 150px at 62% 28%,rgba(255,164,65,.28),transparent 70%),
      radial-gradient(220px 140px at 25% 78%,rgba(255,65,31,.16),transparent 72%),
      var(--achievement-card-image) var(--achievement-card-pos) / var(--achievement-card-size) no-repeat;
    box-shadow:inset 0 -30px 62px rgba(0,0,0,.24),0 0 34px rgba(255,92,24,.14),0 0 22px rgba(255,196,78,.08);
  }

  .achievementTier--hard .achievementCard--art.is-active::before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.01),rgba(13,8,32,.07) 36%,rgba(0,0,0,.18)),
      radial-gradient(240px 150px at 30% 24%,rgba(166,255,118,.22),transparent 70%),
      radial-gradient(260px 170px at 76% 70%,rgba(135,84,255,.24),transparent 72%),
      var(--achievement-card-image) var(--achievement-card-pos) / var(--achievement-card-size) no-repeat;
    box-shadow:inset 0 -30px 62px rgba(0,0,0,.24),0 0 34px rgba(132,84,255,.16),0 0 24px rgba(154,255,116,.1);
  }

  .achievementTier--easy .achievementCard.is-active{
    border-color:rgba(108,255,142,.42);
    box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 32px rgba(108,255,142,.12);
  }

  .achievementTier--medium .achievementCard.is-active{
    border-color:rgba(255,132,44,.48);
    box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 34px rgba(255,94,26,.12),0 0 18px rgba(255,196,78,.08);
  }

  .achievementTier--hard .achievementCard.is-active{
    border-color:rgba(174,118,255,.5);
    box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 34px rgba(142,86,255,.14),0 0 24px rgba(154,255,116,.1);
  }

  .achievementCard--fiveFaces{
    --achievement-card-image:url("./shared/achievements-premium/five-faces.png?v=20260627-admin16");
    --achievement-card-pos:center 34%;
    --achievement-card-size:118% auto;
  }

  .achievementCard--goldSector{
    --achievement-card-image:url("./shared/achievements-premium/achievement-02.png?v=20260627-admin16");
  }

  .achievementCard--minerCross{
    --achievement-card-image:url("./shared/achievements-premium/achievement-03.png?v=20260627-admin16");
  }

  .achievementCard--diceThrow{
    --achievement-card-image:url("./shared/achievements-premium/achievement-04.png?v=20260627-admin16");
  }

  .achievementCard--firstBank{
    --achievement-card-image:url("./shared/achievements-premium/achievement-05.png?v=20260627-admin16");
  }

  .achievementCard--cleanShot{
    --achievement-card-image:url("./shared/achievements-premium/achievement-06.png?v=20260627-admin16");
  }

  .achievementCard--blackGold{
    --achievement-card-image:url("./shared/achievements-premium/achievement-07.png?v=20260627-admin16");
  }

  .achievementCard--threeFloors{
    --achievement-card-image:url("./shared/achievements-premium/achievement-08.png?v=20260627-admin16");
  }

  .achievementCard--doubleCoin{
    --achievement-card-image:url("./shared/achievements-premium/achievement-09.png?v=20260627-admin16");
  }

  .achievementCard--firstTen{
    --achievement-card-image:url("./shared/achievements-premium/achievement-10.png?v=20260627-admin16");
  }

  .achievementCard--diagonal{
    --achievement-card-image:url("./shared/achievements-premium/achievement-11.png?v=20260627-admin16");
  }

  .achievementCard--diceLadder{
    --achievement-card-image:url("./shared/achievements-premium/achievement-12.png?v=20260627-admin16");
  }

  .achievementCard--threeSigns{
    --achievement-card-image:url("./shared/achievements-premium/achievement-13.png?v=20260627-admin16");
  }

  .achievementCard--colorRoulette{
    --achievement-card-image:url("./shared/achievements-premium/achievement-14.png?v=20260627-admin16");
  }

  .achievementCard--smartStop{
    --achievement-card-image:url("./shared/achievements-premium/achievement-15.png?v=20260627-admin16");
  }

  .achievementCard--crashPilot{
    --achievement-card-image:url("./shared/achievements-premium/achievement-16.png?v=20260627-admin16");
  }

  .achievementCard--fiveFloors{
    --achievement-card-image:url("./shared/achievements-premium/achievement-17.png?v=20260627-admin16");
  }

  .achievementCard--hardShot{
    --achievement-card-image:url("./shared/achievements-premium/achievement-18.png?v=20260627-admin16");
  }

  .achievementCard--threeTickets{
    --achievement-card-image:url("./shared/achievements-premium/achievement-19.png?v=20260627-admin16");
  }

  .achievementCard--bankHunt{
    --achievement-card-image:url("./shared/achievements-premium/achievement-20.png?v=20260627-admin16");
  }

  .achievementCard--mineField{
    --achievement-card-image:url("./shared/achievements-premium/achievement-21.png?v=20260627-admin16");
  }

  .achievementCard--diamondSector{
    --achievement-card-image:url("./shared/achievements-premium/achievement-22.png?v=20260627-admin16");
  }

  .achievementCard--exactTwentyOne{
    --achievement-card-image:url("./shared/achievements-premium/achievement-23.png?v=20260627-admin16");
  }

  .achievementCard--towerNoMiss{
    --achievement-card-image:url("./shared/achievements-premium/achievement-24.png?v=20260627-admin16");
  }

  .achievementCard--coinX752{
    --achievement-card-image:url("./shared/achievements-premium/achievement-25.png?v=20260627-admin16");
  }

  .achievementCard--rpsX10{
    --achievement-card-image:url("./shared/achievements-premium/achievement-26.png?v=20260627-admin16");
  }

  .achievementCard--penaltyX910{
    --achievement-card-image:url("./shared/achievements-premium/achievement-27.png?v=20260627-admin16");
  }

  .achievementCard--oneChance{
    --achievement-card-image:url("./shared/achievements-premium/achievement-28.png?v=20260627-admin16");
  }

  .achievementCard--royalTicket{
    --achievement-card-image:url("./shared/achievements-premium/achievement-29.png?v=20260627-admin16");
  }

  .achievementCard--legendTriniti{
    --achievement-card-image:url("./shared/achievements-premium/achievement-30.png?v=20260627-admin16");
  }

  .achievementCard i{
    position:absolute;
    top:34px;
    left:34px;
    z-index:1;
    color:#05070a;
    font-size:28px;
    font-weight:1000;
    font-style:normal;
    text-shadow:0 1px 0 rgba(255,255,255,.22);
  }

  .achievementCard.achievementCard--art i{
    top:22px;
    left:22px;
    display:grid;
    width:44px;
    height:34px;
    place-items:center;
    border-radius:12px;
    color:#ffe49b;
    background:rgba(2,4,7,.62);
    border:1px solid rgba(246,197,90,.2);
    font-size:15px;
    text-shadow:0 1px 10px rgba(246,197,90,.25);
    box-shadow:0 12px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
  }

  .achievementCard.pressable,
  .achievementCard.pressable:hover,
  .achievementCard.pressable:active{
    transition:none;
    filter:none;
    transform:none;
  }

  .achievementCard:active{
    border-color:rgba(246,197,90,.46);
    box-shadow:0 18px 34px rgba(0,0,0,.38),0 0 24px rgba(246,197,90,.1);
  }

  .achievementCard:focus-visible{
    outline:2px solid rgba(246,197,90,.64);
    outline-offset:3px;
  }

  .achievementCard h2,
  .achievementCard p,
  .achievementCard .premiumProgress,
  .achievementCard b{
    position:relative;
    z-index:1;
  }

  .ratingRules{
    display:grid;
    gap:10px;
  }

  .ratingRules span{
    border-radius:16px;
    border:1px solid rgba(246,197,90,.18);
    padding:12px;
    display:grid;
    gap:4px;
    background:linear-gradient(180deg,rgba(23,27,37,.72),rgba(5,7,10,.86));
  }

  .ratingRules b{
    color:#ffe28a;
    font-size:13px;
    font-weight:1000;
  }

  .ratingRules small{
    color:rgba(242,243,247,.62);
    font-size:11px;
    line-height:1.35;
    font-weight:800;
  }

  .ratingPrizeCard__icon{
    position:relative;
  }

  .ratingPrizeCard__icon::before{
    content:"";
    position:absolute;
    inset:18px 26px 18px;
    clip-path:polygon(50% 0,92% 34%,76% 100%,24% 100%,8% 34%);
    background:linear-gradient(145deg,#ffeaa8,#d59d38 46%,#12161d 47% 100%);
  }

  .vipLevel{
    position:relative;
    min-height:178px;
    overflow:hidden;
    align-content:end;
  }

  .vipLevel::before{
    content:"";
    position:absolute;
    right:16px;
    top:16px;
    width:98px;
    height:98px;
    border-radius:30px;
    background:
      radial-gradient(circle at 50% 34%,rgba(255,255,255,.18),transparent 18%),
      linear-gradient(145deg,#f6c55a,#171b24 56%,#0f8f5c);
    box-shadow:0 20px 38px rgba(0,0,0,.36),0 0 30px rgba(246,197,90,.16);
  }

  .vipLevel span,
  .vipLevel b,
  .vipLevel small{
    position:relative;
    z-index:1;
  }

  .partnerGrid{
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  }

  .desktopExtraView--vip .premiumPageHero--vip{
    min-height:300px;
    overflow:hidden;
    border-color:rgba(246,197,90,.44);
    background:
      linear-gradient(90deg,rgba(3,4,7,.16),rgba(3,4,7,.02) 52%,rgba(3,4,7,.08)),
      url("./shared/vip-premium/vip-hero.png?v=20260627-admin16") center / cover no-repeat;
    box-shadow:
      0 26px 58px rgba(0,0,0,.44),
      0 0 0 1px rgba(246,197,90,.08),
      inset 0 1px 0 rgba(255,255,255,.08);
  }

  .desktopExtraView--vip .premiumPageHero--vip .premiumPageHero__copy,
  .desktopExtraView--vip .premiumPageHero__scene--vip{
    display:none;
  }

  .desktopExtraView--vip .vipLevels{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:18px;
    align-items:stretch;
  }

  .desktopExtraView--vip .vipLevel{
    min-height:570px;
    padding:0;
    display:flex;
    flex-direction:column;
    align-content:stretch;
    overflow:hidden;
    border-radius:22px;
    border:1px solid rgba(246,197,90,.36);
    cursor:default;
    background:
      radial-gradient(320px 220px at 80% 0,rgba(246,197,90,.09),transparent 72%),
      linear-gradient(180deg,rgba(18,21,28,.94),rgba(5,7,10,.98));
    box-shadow:0 22px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
    transform:none;
  }

  .desktopExtraView--vip .vipLevel--club{
    --vip-level-cover:url("./shared/vip-premium/triniti-club-live.png?v=20260627-admin16");
    --vip-media-inset:0;
  }

  .desktopExtraView--vip .vipLevel--black{
    --vip-level-cover:url("./shared/vip-premium/black-card-live.png?v=20260627-admin16");
    --vip-media-inset:0;
  }

  .desktopExtraView--vip .vipLevel--reserve{
    --vip-level-cover:url("./shared/vip-premium/crown-reserve-live.png?v=20260627-admin16");
    --vip-media-inset:0;
  }

  .desktopExtraView--vip .vipLevel::before{
    display:none;
  }

  .desktopExtraView--vip .vipLevel::after{
    display:none;
  }

  .desktopExtraView--vip .vipLevel:not(:disabled):hover{
    transform:none;
    border-color:rgba(246,197,90,.42);
    box-shadow:0 22px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .desktopExtraView--vip .vipLevel__media{
    position:relative;
    flex:0 0 auto;
    width:100%;
    aspect-ratio:2172 / 724;
    min-height:118px;
    background:none;
    border-bottom:0;
    overflow:hidden;
  }

  .desktopExtraView--vip .vipLevel__media::before{
    content:"";
    position:absolute;
    inset:var(--vip-media-inset,-5px);
    background-image:var(--vip-level-cover);
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
  }

  .desktopExtraView--vip .vipLevel__bannerText{
    display:none;
  }

  .desktopExtraView--vip .vipLevel__bannerText b{
    max-width:100%;
    color:#f4d184;
    font-size:22px;
    line-height:1;
    font-weight:1000;
    letter-spacing:0;
    text-shadow:0 0 18px rgba(246,197,90,.34),0 5px 14px rgba(0,0,0,.72);
    white-space:nowrap;
  }

  .desktopExtraView--vip .vipLevel__bannerText strong{
    display:block;
    max-width:100%;
    margin-top:7px;
    color:#fff;
    font-size:17px;
    line-height:1;
    font-weight:1000;
    letter-spacing:0;
    text-shadow:0 4px 14px rgba(0,0,0,.62);
    white-space:nowrap;
  }

  .desktopExtraView--vip .vipLevel__bannerText span{
    display:block;
    max-width:180px;
    margin-top:8px;
    color:rgba(244,239,224,.7);
    font-size:8.5px;
    line-height:1.18;
    font-weight:850;
    text-transform:none;
    letter-spacing:0;
    text-shadow:0 3px 10px rgba(0,0,0,.64);
  }

  .desktopExtraView--vip .vipLevel__content{
    flex:1 1 auto;
    padding:24px 24px 26px;
    display:grid;
    align-content:start;
    gap:0;
    background:
      linear-gradient(180deg,rgba(24,27,34,.92),rgba(9,11,15,.98)),
      radial-gradient(260px 160px at 20% 0,rgba(246,197,90,.08),transparent 72%);
  }

  .desktopExtraView--vip .vipLevel__content p{
    margin:0;
    color:#fff0bf;
    font-size:15px;
    line-height:1.38;
    font-weight:950;
  }

  .desktopExtraView--vip .vipLevel__content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
  }

  .desktopExtraView--vip .vipLevel__content li{
    position:relative;
    padding-left:22px;
    color:rgba(242,243,247,.8);
    font-size:15px;
    line-height:1.34;
    font-weight:850;
  }

  .desktopExtraView--vip .vipLevel__content li::before{
    content:"";
    position:absolute;
    left:0;
    top:.55em;
    width:8px;
    height:8px;
    border-radius:999px;
    background:linear-gradient(180deg,#ffe9a7,#f6c55a 58%,#b77722);
    box-shadow:0 0 14px rgba(246,197,90,.35);
  }
}

@media (min-width:701px){
  .desktopExtraView--tournament.is-stage-open .premiumPageHero,
  .desktopExtraView--tournament.is-stage-open .tournamentLayout{
    display:none !important;
  }

  .desktopExtraView--tournament .tournamentStage[hidden],
  .desktopExtraView--tournament .tournamentJoinModal[hidden]{
    display:none !important;
  }

  .desktopExtraView--tournament .tournamentLayout{
    grid-template-columns:minmax(0,1fr) minmax(360px,410px);
    align-items:start;
  }

  .desktopExtraView--tournament .tournamentEventCard{
    min-height:258px;
    padding:20px;
    gap:9px;
  }

  .desktopExtraView--tournament .tournamentEventCard.is-selected{
    border-color:rgba(255,226,154,.72);
    box-shadow:
      0 24px 54px rgba(0,0,0,.5),
      0 0 0 1px rgba(255,232,178,.12),
      0 0 34px rgba(246,197,90,.16),
      inset 0 1px 0 rgba(255,255,255,.12);
  }

  .desktopExtraView--tournament .tournamentEventCard__meta{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:4px;
  }

  .desktopExtraView--tournament .tournamentEventCard__meta em{
    min-width:0;
    min-height:36px;
    padding:7px 9px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border:1px solid rgba(246,197,90,.18);
    background:rgba(3,5,9,.62);
    color:rgba(255,241,205,.7);
    font-size:10px;
    line-height:1;
    font-style:normal;
    font-weight:950;
    text-transform:uppercase;
  }

  .desktopExtraView--tournament .tournamentEventCard__meta strong{
    color:#ffe28a;
    font-size:13px;
    font-weight:1000;
  }

  .tournamentDetail{
    position:sticky;
    top:84px;
    min-width:0;
    height:min(780px, calc(100dvh - 110px));
    overflow:auto;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.36);
    padding:14px;
    background:
      radial-gradient(280px 180px at 84% 0%,rgba(246,197,90,.16),transparent 72%),
      linear-gradient(180deg,rgba(16,19,27,.96),rgba(5,7,10,.98));
    box-shadow:0 24px 54px rgba(0,0,0,.45),0 0 30px rgba(246,197,90,.08),inset 0 1px 0 rgba(255,255,255,.08);
    scrollbar-width:thin;
  }

  .tournamentDetail__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .tournamentDetail__top span{
    border-radius:999px;
    padding:7px 11px;
    color:#ffe28a;
    background:rgba(246,197,90,.12);
    border:1px solid rgba(246,197,90,.22);
    font-size:11px;
    line-height:1;
    font-weight:1000;
    text-transform:uppercase;
  }

  .tournamentDetail__top b{
    color:#fff2c9;
    font-size:20px;
    line-height:1;
    font-weight:1000;
  }

  .tournamentDetail h2{
    margin:14px 0 7px;
    color:#fff;
    font-size:28px;
    line-height:1;
    font-weight:1000;
  }

  .tournamentDetail p{
    margin:0;
    color:rgba(242,243,247,.68);
    font-size:13px;
    line-height:1.45;
    font-weight:800;
  }

  .tournamentMetricGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
  }

  .tournamentMetricGrid span,
  .tournamentStageStats span{
    min-width:0;
    border-radius:16px;
    border:1px solid rgba(246,197,90,.18);
    padding:9px;
    background:rgba(4,6,10,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .tournamentMetricGrid small,
  .tournamentStageStats small{
    display:block;
    color:rgba(255,241,205,.55);
    font-size:10px;
    line-height:1;
    font-weight:1000;
    text-transform:uppercase;
  }

  .tournamentMetricGrid b,
  .tournamentStageStats b{
    display:block;
    margin-top:6px;
    color:#fff;
    font-size:17px;
    line-height:1.08;
    font-weight:1000;
  }

  .tournamentDetail__block{
    margin-top:12px;
  }

  .tournamentDetail__block h3,
  .tournamentStageCard h3{
    margin:0 0 8px;
    color:#ffe28a;
    font-size:13px;
    line-height:1;
    font-weight:1000;
    text-transform:uppercase;
  }

  .tournamentDetail__block ul,
  .tournamentRuleList{
    margin:0;
    padding:0;
    display:grid;
    gap:7px;
    list-style:none;
  }

  .tournamentDetail__block li,
  .tournamentRuleList li,
  .tournamentStageProgress span{
    border-radius:12px;
    border:1px solid rgba(246,197,90,.14);
    padding:7px 9px;
    background:rgba(255,255,255,.035);
    color:rgba(242,243,247,.74);
    font-size:11.5px;
    line-height:1.28;
    font-weight:800;
  }

  .tournamentPrizeList{
    display:grid;
    gap:7px;
  }

  .tournamentPrizeList span{
    min-height:29px;
    border-radius:12px;
    border:1px solid rgba(246,197,90,.14);
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:rgba(255,255,255,.035);
    color:rgba(242,243,247,.72);
    font-size:12px;
    font-weight:900;
  }

  .tournamentPrizeList b{
    color:#ffe28a;
    font-size:13px;
  }

  #tournamentPrimaryBtn{
    margin-top:12px;
  }

  .tournamentTopPanel{
    position:sticky;
    top:84px;
    height:auto;
    min-height:0;
    overflow:visible;
    border-radius:24px;
    border:1px solid rgba(246,197,90,.36);
    padding:24px;
    background:
      radial-gradient(360px 220px at 76% 12%,rgba(246,197,90,.14),transparent 72%),
      linear-gradient(180deg,rgba(18,22,31,.9),rgba(5,7,10,.95));
    box-shadow:0 24px 52px rgba(0,0,0,.38),0 0 28px rgba(246,197,90,.08),inset 0 1px 0 rgba(255,255,255,.06);
  }

  .tournamentTopPanel .premiumLeaderboardArt{
    aspect-ratio:2.7 / 1;
    margin:14px 0 12px;
  }

  .tournamentTopPanel .premiumRankRow,
  .tournamentStageCard .premiumRankRow{
    min-height:44px;
    padding:0 12px;
    border-radius:14px;
  }

  .tournamentStage{
    scroll-margin-top:96px;
    margin-top:18px;
    border-radius:26px;
    border:1px solid rgba(246,197,90,.38);
    padding:18px;
    background:
      radial-gradient(760px 360px at 82% 0%,rgba(246,197,90,.16),transparent 68%),
      linear-gradient(180deg,rgba(12,15,22,.96),rgba(4,6,10,.98));
    box-shadow:0 28px 64px rgba(0,0,0,.5),0 0 34px rgba(246,197,90,.08),inset 0 1px 0 rgba(255,255,255,.07);
  }

  .tournamentStage__top{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(170px,220px);
    gap:16px;
    align-items:center;
  }

  .tournamentStage__top h2{
    margin:4px 0 5px;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:1000;
  }

  .tournamentStage__top p{
    margin:0;
    color:rgba(242,243,247,.64);
    font-size:13px;
    line-height:1.35;
    font-weight:800;
  }

  .tournamentStage__timer{
    border-radius:18px;
    border:1px solid rgba(246,197,90,.24);
    padding:14px;
    background:rgba(4,6,10,.62);
    text-align:right;
  }

  .tournamentStage__timer small{
    display:block;
    color:rgba(255,241,205,.62);
    font-size:10px;
    line-height:1;
    font-weight:1000;
    text-transform:uppercase;
  }

  .tournamentStage__timer b{
    display:block;
    margin-top:7px;
    color:#ffe28a;
    font-size:24px;
    line-height:1;
    font-weight:1000;
  }

  .tournamentStage__grid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);
    gap:14px;
    margin-top:18px;
  }

  .tournamentStageCard{
    min-width:0;
    border-radius:22px;
    border:1px solid rgba(246,197,90,.24);
    padding:16px;
    background:rgba(7,9,14,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }

  .tournamentStageCard--wide{
    grid-row:span 2;
  }

  .tournamentStageArenaCard{
    display:flex;
    overflow:hidden;
    padding:0;
    background:rgba(3,5,9,.72);
  }

  .tournamentStageStats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }

  .tournamentStageProgress{
    display:none;
  }

  .tournamentStageProgress span.is-done{
    border-color:rgba(56,228,111,.28);
    background:rgba(56,228,111,.08);
    color:#d8ffe4;
  }

  .tournamentStageBanner{
    position:relative;
    flex:1 1 auto;
    width:100%;
    min-height:clamp(560px,64vh,680px);
    margin:0;
    border-radius:22px;
    border:0;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18) 36%,rgba(0,0,0,.32)),
      var(--tournament-stage-image) center / 100% 100% no-repeat;
    box-shadow:0 22px 48px rgba(0,0,0,.32),0 0 30px rgba(246,197,90,.1),inset 0 1px 0 rgba(255,255,255,.07);
  }

  .tournamentStageOverlay{
    position:relative;
    z-index:1;
    padding:18px;
    background:linear-gradient(180deg,rgba(3,5,10,.88),rgba(3,5,10,.62) 72%,rgba(3,5,10,0));
  }

  .tournamentStageOverlay h3{
    margin:0 0 10px;
  }

  .tournamentStageArenaCard .tournamentStageStats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .tournamentStageArenaCard .tournamentStageStats span{
    min-height:54px;
    background:rgba(3,5,10,.72);
    backdrop-filter:blur(8px);
  }

  .premiumLeaderboardRows{
    display:grid;
    gap:8px;
  }

  .premiumLeaderboardRows .premiumRankRow{
    margin:0;
  }

  .tournamentJoinModal{
    position:fixed;
    inset:0;
    z-index:140;
    display:grid;
    place-items:center;
    padding:24px;
  }

  .tournamentJoinModal__backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(10px);
  }

  .tournamentJoinModal__card{
    position:relative;
    width:min(420px,100%);
    border-radius:24px;
    border:1px solid rgba(246,197,90,.42);
    padding:24px;
    background:
      radial-gradient(360px 220px at 78% 0%,rgba(246,197,90,.18),transparent 72%),
      linear-gradient(180deg,#151922,#05070a);
    box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 42px rgba(246,197,90,.12),inset 0 1px 0 rgba(255,255,255,.08);
  }

  .tournamentJoinModal__card h2{
    margin:12px 0 8px;
    color:#fff;
    font-size:30px;
    line-height:1;
    font-weight:1000;
  }

	  .tournamentJoinModal__card p{
	    margin:0 0 18px;
	    color:rgba(242,243,247,.7);
	    font-size:13px;
	    line-height:1.45;
	    font-weight:800;
	  }
}

.tournamentEventCard.is-development > b,
.tournamentEventCard.is-development > small{
  display:none !important;
}

.tournamentEventCard.is-development [data-tournament-card-status]{
  color:#d9c2ff;
  border-color:rgba(196,136,255,.3);
  background:rgba(196,136,255,.14);
}

.tournamentEventCard.is-locked{
  border-color:rgba(255,255,255,.16);
  filter:saturate(.78);
}

.tournamentEventCard.is-locked [data-tournament-card-status]{
  color:#d4d8e5;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
}

.tournamentEventCard.is-registered{
  border-color:rgba(83,230,154,.42);
  box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 30px rgba(83,230,154,.1),inset 0 1px 0 rgba(255,255,255,.08);
}

.tournamentEventCard.is-registered [data-tournament-card-status]{
  color:#d8ffe8;
  border-color:rgba(83,230,154,.28);
  background:rgba(83,230,154,.12);
}

@media (min-width:701px) and (max-height:860px){
  .pvpDeskView.is-playing{
    height:calc(100dvh - 116px);
  }

  .pvpDeskView.is-playing .pvpGameShell{
    height:100%;
  }

  .pvpGameTop{
    grid-template-columns:150px minmax(0,1fr) 198px;
    gap:10px;
    min-height:64px;
    padding:9px 14px;
  }

  .pvpLobbyBack{
    min-height:38px;
    border-radius:13px;
    gap:7px;
    font-size:13px;
  }

  .pvpLobbyBack span{
    font-size:18px;
  }

  .pvpGameHeading h2{
    font-size:26px;
  }

  .pvpGameHeading p{
    margin-top:3px;
    font-size:11px;
    line-height:1.2;
  }

  .pvpModeSwitch{
    gap:5px;
    padding:4px;
    border-radius:14px;
  }

  .pvpModeSwitch button{
    min-height:30px;
    border-radius:10px;
    font-size:11px;
  }

  .pvpGameLayout{
    grid-template-columns:clamp(230px,18vw,290px) minmax(0,1fr);
    gap:10px;
    padding:10px;
  }

  .pvpRoomsPanel,
  .pvpArenaPanel{
    border-radius:18px;
    padding:10px;
  }

  .pvpPanelTitle{
    margin-bottom:8px;
    font-size:15px;
  }

  .pvpPanelTitle b{
    min-width:30px;
    min-height:23px;
    font-size:11px;
  }

  .pvpRoomList{
    gap:7px;
  }

  .pvpRoomCard{
    min-height:88px;
    padding:9px;
    gap:4px;
    border-radius:13px;
  }

  .pvpRoomCard::after{
    left:9px;
    right:9px;
    bottom:5px;
  }

  .pvpRoomCard__top{
    gap:7px;
  }

  .pvpRoomCard__top strong{
    font-size:13px;
  }

  .pvpRoomCard__top em,
  .pvpRoomCard__live{
    min-height:19px;
    padding:0 7px;
    font-size:9px;
  }

  .pvpRoomCard__meta{
    font-size:10px;
  }

  .pvpRoomCard__info{
    gap:6px;
  }

  .pvpRoomCard__bank small{
    font-size:9px;
  }

  .pvpRoomCard__bank b{
    font-size:13px;
  }

  .pvpRoomCard__winner{
    max-width:104px;
    min-height:20px;
    padding:0 7px;
    font-size:9px;
  }

  .pvpRoomSeats{
    gap:4px;
  }

  .pvpRoomSeats span{
    width:14px;
    height:14px;
  }

  .pvpArenaHead{
    gap:10px;
    padding:0 2px 8px;
  }

  .pvpArenaTitle{
    font-size:20px;
  }

  .pvpArenaMeta{
    margin-top:4px;
    font-size:11px;
  }

  .pvpStatusPill{
    min-width:130px;
    min-height:32px;
    padding:0 12px;
    font-size:11px;
  }

  .pvpBankStage{
    min-height:clamp(218px,34vh,320px);
    border-radius:18px;
  }

  .pvpBankStage::before{
    width:420px;
    height:180px;
    bottom:-100px;
  }

  .pvpBankStage::after{
    inset:12px;
    border-radius:17px;
  }

  .pvpBankWheel{
    width:clamp(220px,36vmin,340px);
    max-width:calc(100% - 48px);
    border-width:10px;
  }

  .pvpPointer{
    top:13px;
    border-left-width:13px;
    border-right-width:13px;
    border-bottom-width:24px;
  }

  .pvpBankWheel__center{
    width:clamp(78px,8vw,108px);
    height:clamp(78px,8vw,108px);
    gap:3px;
  }

  .pvpBankWheel__center b{
    font-size:17px;
  }

  .pvpBankWheel__center span{
    font-size:9px;
  }

  .pvpPlayers{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:7px;
  }

  .pvpPlayerCard{
    min-height:58px;
    padding:7px;
    gap:3px;
    border-radius:13px;
  }

  .pvpAvatar{
    width:26px;
    height:26px;
  }

  .pvpPlayerCard__top{
    gap:6px;
  }

  .pvpPlayerName{
    font-size:11px;
  }

  .pvpPlayerAmount{
    font-size:13px;
  }

  .pvpPlayerChance{
    font-size:9px;
  }

  .pvpActions{
    grid-template-columns:150px 1fr 1fr;
    gap:8px;
    margin-top:7px;
  }

  .pvpAmountField,
  .pvpActionBtn{
    min-height:44px;
    border-radius:13px;
  }

  .pvpAmountField{
    padding:7px 30px 7px 10px;
  }

  .pvpAmountField span{
    font-size:9px;
  }

  .pvpAmountField input{
    font-size:18px;
  }

  .pvpAmountField small{
    right:11px;
    bottom:9px;
    font-size:13px;
  }

  .pvpActionBtn{
    font-size:13px;
  }
}

@media (min-width:701px) and (max-height:740px){
  .pvpDeskView.is-playing{
    height:calc(100dvh - 96px);
  }

  .pvpGameTop{
    min-height:56px;
    padding:7px 12px;
  }

  .pvpGameHeading p{
    display:none;
  }

  .pvpGameLayout{
    grid-template-columns:220px minmax(0,1fr);
    gap:8px;
    padding:8px;
  }

  .pvpRoomCard{
    min-height:76px;
  }

  .pvpBankStage{
    min-height:190px;
  }

  .pvpBankWheel{
    width:clamp(190px,34vmin,300px);
  }

  .pvpPlayers{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .pvpActions{
    margin-top:6px;
  }
}

@media (max-width:700px){
  .quickDeskView,
  .pvpDeskView,
  .desktopExtraView{
    display:none !important;
  }
}

@keyframes quickHeroOrbit{
  to{transform:perspective(900px) rotateX(64deg) rotateZ(350deg)}
}