#solo-plinko-panel {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  color: #fff;
}

#solo-plinko-panel.active {
  display: flex !important;
  flex-direction: column;
}

#solo-plinko-panel::-webkit-scrollbar {
  display: none;
}

#solo-plinko-panel .fullscreen-game-card,
#solo-plinko-panel .plinko-shell {
  width: min(100%, 720px);
  min-height: 100%;
  margin: 0 auto;
  padding: 7px clamp(8px, 2.6vw, 12px) 10px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

#solo-plinko-panel .game-mini-head,
#solo-plinko-panel .game-mini-head.compact-head {
  display: none !important;
}

#solo-plinko-panel .plinko-result-banner {
  display: none;
}

#solo-plinko-panel .fullscreen-board-card {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: clamp(300px, 43svh, 500px);
  padding: 2px 0 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 18px;
  box-shadow: none;
}

#solo-plinko-panel #game {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  background: transparent;
  border: 0;
  border-radius: 16px;
  box-shadow: none;
}

#solo-plinko-panel .slots {
  display: grid;
  grid-template-columns: repeat(11, minmax(0, 1fr));
  gap: 4px;
  margin-top: 6px;
  padding: 0 1px 1px;
  align-items: end;
  overflow: hidden;
}

#solo-plinko-panel .slot {
  min-width: 0;
  min-height: 28px;
  padding: 0 2px;
  border-radius: 12px;
  border: 1px solid rgba(117, 178, 255, 0.16);
  background: linear-gradient(180deg, rgba(9, 20, 50, 0.78), rgba(5, 12, 32, 0.94));
  color: #dbe9ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
}

#solo-plinko-panel .slot.center {
  background: linear-gradient(180deg, rgba(116, 44, 206, 0.82), rgba(45, 16, 91, 0.94));
  color: #fff;
}

#solo-plinko-panel .slot.slot-mult-2 {
  background: linear-gradient(180deg, rgba(23, 103, 216, 0.84), rgba(8, 30, 79, 0.94));
  border-color: rgba(91, 181, 255, 0.35);
}

#solo-plinko-panel .slot.slot-mult-5 {
  background: linear-gradient(180deg, rgba(126, 52, 198, 0.84), rgba(45, 17, 86, 0.94));
  border-color: rgba(192, 44, 255, 0.34);
}

#solo-plinko-panel .slot.slot-mult-8 {
  background: linear-gradient(180deg, rgba(255, 154, 47, 0.82), rgba(105, 48, 10, 0.94));
  border-color: rgba(255, 188, 92, 0.38);
}

#solo-plinko-panel .slot.highlight {
  color: #fff;
  border-color: rgba(97, 198, 255, 0.78);
  background: linear-gradient(135deg, rgba(193, 44, 255, 0.42), rgba(47, 128, 255, 0.32), rgba(14, 23, 42, 0.96));
  box-shadow: 0 0 0 1px rgba(97, 198, 255, 0.24), 0 0 20px rgba(97, 198, 255, 0.24);
  animation: plinkoSlotHit 0.75s ease;
}

#solo-plinko-panel .plinko-win-celebration {
  position: absolute;
  left: 50%;
  top: clamp(48px, 7svh, 74px);
  z-index: 80;
  min-width: 120px;
  padding: 10px 18px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%) scale(0.88);
  background: linear-gradient(135deg, rgba(193, 44, 255, 0.94), rgba(47, 128, 255, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.34);
  color: #fff;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.38), 0 0 28px rgba(97, 198, 255, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

#solo-plinko-panel .plinko-win-celebration.hidden {
  display: none;
}

#solo-plinko-panel .plinko-win-celebration.animate {
  animation: plinkoWinFxIn 1.9s ease both;
}

#solo-plinko-panel .win-fx,
#solo-plinko-panel .plinko-win-celebration{
  width:min(92%,340px);
  min-width:0;
  min-height:0;
  padding:13px 12px 12px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(7,16,42,.96),rgba(3,8,24,.98));
  border:1px solid rgba(117,178,255,.18);
  box-shadow:none;
  text-shadow:none;
  font-size:inherit;
  line-height:1.15;
}

#solo-plinko-panel .win-fx.hidden,
#solo-plinko-panel .plinko-win-celebration.hidden{display:none!important}

#solo-plinko-panel .plinko-win-kicker{display:inline-flex;justify-self:center;padding:3px 11px;border-radius:999px;background:linear-gradient(135deg,#1d7dff,#25b8ff);color:#dff5ff;font-size:12px;font-weight:900}
#solo-plinko-panel .plinko-win-total{margin-top:8px;color:#61c6ff;font-size:26px;line-height:1;font-weight:900}
#solo-plinko-panel .plinko-win-meta{margin-top:8px;display:flex;justify-content:center;gap:8px;color:rgba(224,236,255,.68);font-size:12px;font-weight:800}
#solo-plinko-panel .plinko-win-meta span:first-child{color:#fff;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#1d7dff,#25b8ff)}
#solo-plinko-panel .plinko-win-prizes{margin-top:11px;display:grid;grid-template-columns:repeat(auto-fit,68px);justify-content:center;gap:7px;max-height:151px;overflow:auto;padding:1px}
#solo-plinko-panel .plinko-win-prize{width:68px;height:68px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px;background:linear-gradient(180deg,rgba(15,33,70,.9),rgba(8,19,43,.96));border:1px solid rgba(117,178,255,.2);color:#fff;font-size:10px;line-height:1.08;font-weight:900;overflow:hidden}
#solo-plinko-panel .plinko-win-prize-ton{background:linear-gradient(135deg,#2fb6ff,#256cff)}
#solo-plinko-panel .plinko-win-prize-stars{background:linear-gradient(135deg,#7e4dff,#d22cff)}
#solo-plinko-panel .plinko-win-currency-icon{position:relative;width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:10px;background:rgba(5,15,38,.42);border:1px solid rgba(255,255,255,.22)}
#solo-plinko-panel .plinko-win-currency-icon-ton::before{content:"";width:18px;height:18px;background:linear-gradient(180deg,#e9faff 0%,#7fe3ff 42%,#167cff 100%);clip-path:polygon(50% 0,100% 24%,50% 100%,0 24%);filter:drop-shadow(0 0 6px rgba(86,204,255,.62))}
#solo-plinko-panel .plinko-win-currency-icon-stars::before{content:"";width:20px;height:20px;background:linear-gradient(180deg,#fff 0%,#fff6a8 32%,#ffcf36 100%);clip-path:polygon(50% 0,62% 35%,99% 35%,69% 56%,80% 92%,50% 70%,20% 92%,31% 56%,1% 35%,38% 35%);filter:drop-shadow(0 0 6px rgba(255,215,68,.66))}
#solo-plinko-panel .plinko-win-prize-nft img{width:38px;height:38px;object-fit:cover;border-radius:10px}
#solo-plinko-panel .plinko-win-prize span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#solo-plinko-panel .win-particles {
  position: absolute;
  inset: 0;
  z-index: 19;
  overflow: hidden;
  pointer-events: none;
}

#solo-plinko-panel .win-particle {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  opacity: 0;
  box-shadow: 0 0 18px currentColor;
  animation: plinkoWinParticle 1.15s ease-out forwards;
}

#solo-plinko-panel .plinko-round-list-wrap,
#solo-plinko-panel .plinko-round-list {
  display: grid;
  gap: 2px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 16px;
  box-shadow: none;
}

#solo-plinko-panel .plinko-round-list-head {
  padding: 0;
  min-height: 16px;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(224, 236, 255, 0.72);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
}

#solo-plinko-panel .plinko-round-list-head .panel-title {
  font-size: 11px;
  line-height: 1.1;
}

#solo-plinko-panel .plinko-round-list {
  max-height: none;
  overflow: visible;
}

#solo-plinko-panel .plinko-round-item,
#solo-plinko-panel .list-item.plinko-round-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 16px;
  padding: 2px 0;
  border: 0;
  border-bottom: 1px solid rgba(117, 178, 255, 0.1);
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  color: #fff;
  font-size: 11px;
  line-height: 1.15;
}

#solo-plinko-panel .plinko-round-item * {
  min-height: 0;
  line-height: 1.15;
}

#solo-plinko-panel .plinko-round-name {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#solo-plinko-panel .plinko-round-result {
  flex: 0 0 auto;
  color: rgba(224, 236, 255, 0.72);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

@keyframes plinkoSlotHit {
  0% {
    transform: scale(0.96);
    filter: brightness(1);
  }

  38% {
    transform: scale(1.04);
    filter: brightness(1.12);
  }

  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}

@keyframes plinkoWinFxIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px) scale(0.84);
  }

  18%,
  64% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-8px) scale(0.96);
  }
}

@keyframes plinkoWinParticle {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.4) rotate(0deg);
  }

  14% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(var(--dx), var(--dy), 0) scale(1.1) rotate(var(--rot));
  }
}

@media (max-width: 430px) {
  #solo-plinko-panel .fullscreen-game-card,
  #solo-plinko-panel .plinko-shell {
    gap: 6px;
    padding: 7px 8px 10px;
  }

  #solo-plinko-panel .fullscreen-board-card {
    min-height: clamp(280px, 41svh, 430px);
  }

  #solo-plinko-panel .slot {
    min-height: 25px;
    font-size: 9px;
  }

  #solo-plinko-panel .plinko-win-celebration {
    top: clamp(44px, 7svh, 66px);
    min-width: 106px;
    padding: 9px 16px;
    font-size: 16px;
  }
}

@media (max-height: 700px) {
  #solo-plinko-panel .fullscreen-board-card {
    min-height: clamp(270px, 39svh, 400px);
  }
}