.skcj-app{background:#0d141b;color:#fff;border-radius:18px;overflow:hidden;font-family:Inter,system-ui,sans-serif;box-shadow:0 20px 55px rgba(0,0,0,.35)}
.skcj-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#17212a;border-bottom:1px solid rgba(255,255,255,.06)}
.skcj-topbar-left{display:flex;gap:22px;align-items:center}.skcj-tab{font-size:17px;color:#7f96a7;font-weight:700}.skcj-tab.is-active{color:#fff}
.skcj-mini-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#101920;border:1px solid rgba(255,255,255,.06);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#85cfff}
.skcj-hero{background:#1ea3e3;padding:22px 24px 18px}.skcj-hero-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.skcj-hero-label{font-size:14px;font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.08em}.skcj-game-id{font-size:34px;line-height:1.1;font-weight:900}
.skcj-hero-timer-wrap{text-align:right}.skcj-hero-timer-label{display:block;font-size:13px;color:rgba(0,0,0,.72);margin-bottom:6px;font-weight:700}.skcj-hero-timer{display:inline-flex;align-items:center;justify-content:center;min-width:116px;height:56px;padding:0 16px;border-radius:12px;background:#1b2229;color:#fff;font-size:32px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.skcj-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skcj-potbox{background:rgba(0,0,0,.16);border-radius:14px;padding:14px 16px}.skcj-potbox span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.7);font-weight:800;margin-bottom:6px}.skcj-potbox strong{font-size:23px;color:#fff}
.skcj-roulette-wrap{position:relative;background:#1ea3e3;padding:0 0 16px}.skcj-pointer{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:22px solid #e8f8ff;z-index:5;filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))}
.skcj-roulette-window{overflow:hidden;padding:24px 16px 0}.skcj-roulette-track{display:flex;gap:10px;will-change:transform;min-height:106px}.skcj-slot{width:94px;min-width:94px;background:#161f28;border-radius:14px;padding:8px 6px 10px;text-align:center;border-bottom:4px solid var(--accent,#bf5cff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.skcj-slot img{width:60px;height:60px;border-radius:50%;display:block;object-fit:cover;margin:0 auto 6px;border:3px solid rgba(255,255,255,.9)}.skcj-slot span{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d2dfeb}
.skcj-main{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.9fr);gap:18px;padding:18px;background:#0d141b}.skcj-left,.skcj-right{display:grid;gap:18px;align-content:start}
.skcj-panel{background:#17212a;border-radius:16px;overflow:hidden}.skcj-panel--entry{padding:18px}.skcj-section-head{padding:16px 18px 12px}.skcj-panel h3{margin:0;font-size:19px}.skcj-form{display:flex;gap:12px;margin:14px 0 10px}.skcj-form input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid #314250;background:#0f1720;color:#fff}.skcj-form button{padding:14px 18px;border:0;border-radius:12px;background:#ffd028;color:#111;font-weight:800;cursor:pointer}.skcj-form button:disabled{opacity:.65;cursor:not-allowed}
.skcj-help{font-size:14px;color:#9ec0d3}.skcj-help.is-error{color:#ff8787}
.skcj-player-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:0;background:#0f1820;border-top:1px solid rgba(255,255,255,.04)}
.skcj-player{position:relative;padding:10px 10px 12px;text-align:center;background:#271d30;border-right:1px solid rgba(255,255,255,.06);border-top:4px solid var(--accent,#bf5cff);box-shadow:inset 0 -4px 0 var(--accent,#bf5cff)}
.skcj-player img{width:66px;height:66px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 8px;border:3px solid rgba(255,255,255,.95)}
.skcj-player strong{display:block;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skcj-player .skcj-player-chance{display:block;font-weight:900;font-size:30px;line-height:1;color:var(--accent,#bf5cff);margin-top:8px}.skcj-player .skcj-player-amount{display:block;color:#fff;font-weight:800;font-size:15px;margin-top:6px}
.skcj-bets,.skcj-history{display:grid;gap:0}.skcj-empty{padding:18px;background:#0f1820;color:#9bb3c2}
.skcj-bet{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 120px 64px;align-items:center;gap:14px;padding:14px 22px 14px 16px;background:linear-gradient(90deg,var(--accent-soft,#7b3cff),var(--accent,#bf5cff));border-bottom:1px solid rgba(255,255,255,.09)}
.skcj-bet::after{content:'';position:absolute;right:0;top:0;width:88px;height:100%;background:rgba(255,255,255,.18);clip-path:polygon(58% 0,100% 0,84% 50%,100% 100%,42% 100%,58% 50%)}
.skcj-bet-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.95)}
.skcj-bet-main{min-width:0}.skcj-bet-name{display:block;font-size:17px;font-weight:900;line-height:1.15}.skcj-bet-action,.skcj-bet-item,.skcj-bet-for,.skcj-bet-tickets{display:block;line-height:1.15}.skcj-bet-action{font-size:15px;font-weight:800;opacity:.95}.skcj-bet-item{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.skcj-bet-for{font-size:15px;font-weight:900;margin-top:2px}.skcj-bet-tickets{font-size:13px;font-weight:700;opacity:.95;margin-top:10px}
.skcj-bet-side{position:relative;z-index:2;text-align:right;font-size:18px;font-weight:900;color:#fff}.skcj-bet-side small{display:block;font-size:13px;opacity:.85}.skcj-bet-plus{position:relative;z-index:2;justify-self:end;writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:900;letter-spacing:.06em;color:rgba(255,255,255,.95)}
.skcj-history-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:#0f1820;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04)}.skcj-history-item img{width:52px;height:52px;border-radius:50%;object-fit:cover}.skcj-history-item div{display:flex;flex-direction:column;gap:4px}.skcj-history-item span{color:#a8becc;font-size:13px}
@media (max-width:980px){.skcj-hero-grid,.skcj-main{grid-template-columns:1fr}.skcj-bet{grid-template-columns:64px 1fr 92px 46px}.skcj-player-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}}
@media (max-width:720px){.skcj-topbar,.skcj-hero-head{grid-template-columns:1fr;display:grid}.skcj-hero-timer-wrap{text-align:left}.skcj-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skcj-bet{grid-template-columns:60px 1fr;align-items:start}.skcj-bet-side,.skcj-bet-plus{display:none}}

.skcj-panel--sidebar-card{background:#121c25;border:1px solid rgba(255,255,255,.05)}
.skcj-panel-titlebar{padding:12px 16px;background:linear-gradient(90deg,#162433,#0f1820);border-bottom:1px solid rgba(255,255,255,.05)}
.skcj-panel-titlebar h3{font-size:18px;font-weight:900;letter-spacing:.01em}
.skcj-luck{display:grid}
.skcj-luck-card{position:relative;padding:18px 16px 16px;background:linear-gradient(135deg,var(--accent-soft,#6842ff),var(--accent,#ffd028));text-align:center}
.skcj-luck-crown{font-size:24px;line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28));margin-bottom:10px}
.skcj-luck-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.95);display:block;margin:0 auto 10px}
.skcj-luck-name{display:block;font-size:18px;font-weight:900;line-height:1.15}
.skcj-luck-percent{font-size:34px;font-weight:900;line-height:1;margin-top:8px}
.skcj-luck-copy{font-size:14px;font-weight:800;opacity:.96;margin-top:8px}
.skcj-luck-meta{font-size:13px;font-weight:700;opacity:.9;margin-top:10px}
.skcj-history-item{grid-template-columns:52px 1fr auto;border-left:4px solid var(--accent,#bf5cff)}
.skcj-history-item b{font-size:22px;line-height:1;font-weight:900;color:#fff}

/* Winner popup */
.skcj-winner-overlay[hidden] { display:none !important; }
.skcj-winner-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(6,10,18,.62);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .22s ease;
}
.skcj-winner-overlay.is-visible { opacity: 1; }
.skcj-winner-modal {
  --winner-accent: #bf5cff;
  position: relative;
  width: min(92vw, 420px);
  padding: 24px 24px 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(27,35,49,.98), rgba(15,20,31,.98));
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 30px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset;
  text-align: center;
  overflow: hidden;
  transform: translateY(24px) scale(.82);
  opacity: 0;
}
.skcj-winner-overlay.is-visible .skcj-winner-modal {
  animation: skcjWinnerIn .7s cubic-bezier(.15,.89,.19,1.2) forwards;
}
@keyframes skcjWinnerIn {
  0% { transform: translateY(30px) scale(.78) rotate(-3deg); opacity: 0; }
  58% { transform: translateY(-8px) scale(1.04) rotate(1deg); opacity: 1; }
  78% { transform: translateY(2px) scale(.985) rotate(0deg); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
.skcj-winner-modal::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 14px;
  height: 96px;
  border-radius: 18px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--winner-accent) 42%, transparent), transparent 100%);
  pointer-events: none;
}
.skcj-winner-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  color: #fff;
  background: rgba(255,255,255,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  padding: 0;
}
.skcj-winner-badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 8px 14px;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: linear-gradient(90deg, var(--winner-accent), rgba(255,255,255,.14));
}
.skcj-winner-avatar {
  position: relative;
  z-index: 1;
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 999px;
  display: block;
  margin: 0 auto 14px;
  border: 4px solid rgba(255,255,255,.12);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--winner-accent) 22%, transparent);
}
.skcj-winner-name {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 10px;
}
.skcj-winner-pot, .skcj-winner-chance {
  color: #b9c5d4;
  font-size: 16px;
  margin-top: 6px;
}
.skcj-winner-pot strong, .skcj-winner-chance strong {
  color: #fff;
  font-weight: 900;
}
.skcj-winner-confetti {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.skcj-confetti-piece {
  position: absolute;
  top: -20px;
  width: 10px;
  height: 18px;
  border-radius: 2px;
  background: linear-gradient(180deg, #ffd64d, #ff5ec7);
  animation-name: skcjConfettiFall;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.skcj-confetti-piece:nth-child(3n) { background: linear-gradient(180deg, #4de2ff, #5f7cff); }
.skcj-confetti-piece:nth-child(4n) { background: linear-gradient(180deg, #7dff93, #00b87a); }
.skcj-confetti-piece:nth-child(5n) { background: linear-gradient(180deg, #fff, #ffd64d); }
@keyframes skcjConfettiFall {
  0% { transform: translate3d(0, -10px, 0) rotate(0deg); opacity: 1; }
  100% { transform: translate3d(20px, 110vh, 0) rotate(620deg); opacity: 0; }
}