.balance-card[data-v-7379bdf1],.commission-card[data-v-7379bdf1],.progress-container[data-v-7379bdf1]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a2a2acc 0%,#1a1a1ae6 100%)}.progress-ring[data-v-7379bdf1]{transition:stroke-dashoffset .5s}.task-button[data-v-7379bdf1]{box-shadow:0 8px 24px #daff4566}.animate-scratchcard[data-v-7379bdf1]{animation:.5s ease-out forwards scratch-7379bdf1}@keyframes scratch-7379bdf1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes confetti-launch-7379bdf1{0%{opacity:1;bottom:0;transform:translate(0)rotate(0)}40%{opacity:1;transform:translate(var(--random-x,50px)) rotate(144deg);bottom:90vh}to{opacity:0;transform:translate(var(--random-x,50px)) rotate(360deg);bottom:-30vh}}.confetti-piece[data-v-7379bdf1]{bottom:0}
.starting-page[data-v-7379bdf1]{overflow-x:hidden;max-width:100vw}
.sl-start-grid[data-v-7379bdf1]{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
  max-width:100%;
  margin:0 auto 8px;
  aspect-ratio:1/1;
  padding:4px;
  box-sizing:border-box;
  overflow:hidden;
}
.sl-start-grid-sm[data-v-7379bdf1]{
  max-width:100%;
  width:100%;
}
.sl-start-grid-lg[data-v-7379bdf1]{
  max-width:420px;
  gap:14px;
}
.sl-grid-cell[data-v-7379bdf1]{
  position:relative;
  background:#fff;
  border:none;
  border-radius:12px;
  overflow:hidden;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  box-sizing:border-box;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  min-width:0;
  min-height:0;
}
.sl-grid-center[data-v-7379bdf1]{
  background:#141414!important;
  border:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
  overflow:visible!important;
  border-radius:50%!important;
  padding:6px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.sl-grid-img[data-v-7379bdf1]{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  transition:opacity .35s ease;
}
.sl-grid-center[data-v-7379bdf1]::before{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(218,255,69,.18) 0%,transparent 70%);
  pointer-events:none;
  z-index:0;
}
.sl-start-grid .sl-start-btn[data-v-7379bdf1],
.sl-start-grid button.task-button[data-v-7379bdf1],
.sl-start-grid button.sl-start-btn{
  position:relative!important;
  inset:auto!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin:0!important;
  z-index:2;
  width:70%!important;
  height:70%!important;
  max-width:70%!important;
  max-height:70%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  padding:4px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  box-shadow:0 4px 14px rgba(218,255,69,.4)!important;
}
.sl-start-grid .sl-start-btn svg,
.sl-start-grid .sl-start-btn .iconify{
  width:22px!important;height:22px!important;font-size:22px!important;margin:0!important;
}
.sl-start-grid .sl-start-btn > div{
  font-size:10px!important;line-height:1.1!important;font-weight:700;
}
@media (max-width:420px){
  .sl-start-grid[data-v-7379bdf1]{gap:8px;padding:2px}
  .sl-grid-cell[data-v-7379bdf1]{border-radius:10px;padding:6px}
  .sl-start-grid .sl-start-btn[data-v-7379bdf1],
  .sl-start-grid button.sl-start-btn{
    width:68%!important;height:68%!important;max-width:68%!important;max-height:68%!important;
  }
}
@media (min-width:768px){
  .sl-start-grid-lg[data-v-7379bdf1]{max-width:440px;gap:16px}
  .sl-start-grid .sl-start-btn[data-v-7379bdf1],
  .sl-start-grid button.sl-start-btn{
    width:72%!important;height:72%!important;max-width:72%!important;max-height:72%!important;
  }
  .sl-start-grid .sl-start-btn svg,
  .sl-start-grid .sl-start-btn .iconify{width:36px!important;height:36px!important;font-size:36px!important}
  .sl-start-grid .sl-start-btn > div{font-size:13px!important}
}




@media(min-width:768px){
}

.sl-m-history{width:100%}
.starting-page .sl-hist-tabs,
.sl-hist-tabs{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:44px!important;
  align-items:stretch;
  justify-content:space-between;
  gap:0;
  margin:0 0 16px!important;
  padding:0!important;
  border-bottom:1px solid #374151!important;
  box-sizing:border-box;
}
.starting-page .sl-hist-tab,
.sl-hist-tab{
  flex:1 1 0!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:40px!important;
  margin:0!important;
  padding:8px 4px 12px!important;
  border:0!important;
  background:transparent!important;
  color:#9ca3af!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
  cursor:pointer!important;
  -webkit-appearance:none;
  appearance:none;
}
.starting-page .sl-hist-tab.is-active,
.sl-hist-tab.is-active{
  color:#fff!important;
  font-weight:700!important;
}
html[data-vp-theme="light"] .starting-page .sl-hist-tab.is-active,
html[data-vp-theme="light"] .sl-hist-tab.is-active{
  color:#0f172a!important;
}
html[data-vp-theme="light"] .starting-page .sl-hist-tab,
html[data-vp-theme="light"] .sl-hist-tab{
  color:#64748b!important;
}
html[data-vp-theme="light"] .starting-page .sl-hist-tabs,
html[data-vp-theme="light"] .sl-hist-tabs{
  border-bottom-color:#cbd5e1!important;
}
html[data-vp-theme="light"] .balance-card[data-v-7379bdf1],
html[data-vp-theme="light"] .commission-card[data-v-7379bdf1],
html[data-vp-theme="light"] .progress-container[data-v-7379bdf1]{
  background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%)!important;
  border-color:#d8dee8!important;
}
html[data-vp-theme="light"] .balance-card[data-v-7379bdf1] .text-gray-400,
html[data-vp-theme="light"] .commission-card[data-v-7379bdf1] .text-gray-400{
  color:#64748b!important;
}
.starting-page .sl-hist-tab-line,
.sl-hist-tab-line{
  position:absolute!important;
  left:18%;
  right:18%;
  bottom:-1px;
  height:3px!important;
  border-radius:999px;
  background:var(--bg-color,#daff45)!important;
  pointer-events:none;
}
@media(min-width:768px){
  .starting-page .sl-hist-tab,.sl-hist-tab{font-size:15px!important;min-height:46px!important}
}


.sl-start-grid button.sl-start-btn:not(.vp-start-spin),
.sl-start-grid button.task-button:not(.vp-start-spin){
  transform:none;
}
.sl-start-grid button.vp-start-spin[data-v-7379bdf1],
.sl-start-grid button.task-button.vp-start-spin,
.sl-start-grid button.sl-start-btn.vp-start-spin{
  animation:vp-start-wheel 2s cubic-bezier(.12,.7,.15,1) both!important;
  transform-origin:center center!important;
}

.sl-start-grid button.vp-start-wheel-btn{
  background:transparent!important;
  box-shadow:none!important;
  width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;
}
.sl-start-grid .sl-grid-center{
  background:#141414!important;
  border-radius:50%!important;
  overflow:visible!important;
}
.sl-start-grid .sl-grid-center::before{display:none!important}



.sl-grid-cell{background:#f3f4f6!important}
html[data-vp-theme="dark"] .sl-grid-cell,
html:not([data-vp-theme="light"]) .sl-grid-cell{background:#1a1a1a!important}
html[data-vp-theme="light"] .sl-grid-cell{background:#ffffff!important}

/* Center cell: always charcoal so the lime wheel reads clearly */
.sl-start-grid .sl-grid-center,
.sl-grid-center.sl-grid-center{
  background:#141414!important;
  border-radius:50%!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.sl-grid-img{min-height:40%;object-fit:contain}

/* Tighter mobile history + cards rhythm */
@media (max-width:420px){
  .starting-page .sl-hist-tab,
  .sl-hist-tab{font-size:13px!important;padding:8px 2px 10px!important}
  .balance-card[data-v-7379bdf1],
  .commission-card[data-v-7379bdf1]{border-radius:14px}
}

/* Desktop grid breathing room under navbar */
@media (min-width:768px){
  .starting-page .sl-start-grid-lg[data-v-7379bdf1]{margin-bottom:12px}
}