.wsondaj-wrap{
  --wsd-bg: #0A0C12;
  --wsd-panel: #12151F;
  --wsd-panel-2: #191D2B;
  --wsd-line: #262B3B;
  --wsd-gold: #F4C550;
  --wsd-silver: #C9CEDC;
  --wsd-bronze: #D0895A;
  --wsd-accent: #6E5BFF;
  --wsd-accent-2: #22D3B8;
  --wsd-text: #EDEFF7;
  --wsd-text-dim: rgba(255,255,255,0.82);
  --wsd-btn-ink: #1B1140;

  display:flex;
  flex-direction:column;
  position:relative;
  isolation:isolate;
  z-index:1;
  width:100%;
  min-height:100vh;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 15% 0%, rgba(110,91,255,0.18), transparent 45%),
    radial-gradient(circle at 85% 10%, rgba(34,211,184,0.12), transparent 40%),
    var(--wsd-bg);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}
.wsondaj-wrap *{box-sizing:border-box;}
.wsondaj-wrap, .wsondaj-wrap *{color:var(--wsd-text) !important;}

.wsondaj-inner{
  flex:1 1 auto;
  width:100%;
  max-width:520px;
  margin:0 auto;
  padding:28px 18px 48px;
}

@media (min-width: 768px){
  .wsondaj-inner{ max-width:680px; padding:40px 32px 64px; }
  .wsondaj-title{ font-size:28px; }
}
@media (min-width: 1200px){
  .wsondaj-inner{ max-width:820px; }
  .wsondaj-title{ font-size:32px; }
  .wsondaj-list{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .wsondaj-list .wsondaj-card{ margin-bottom:0; }
}

.wsondaj-header-glass{
  position:relative;
  padding:2px;
  border-radius:20px;
  margin-bottom:4px;
  background:
    radial-gradient(circle at 15% 0%, rgba(110,91,255,.4), transparent 55%),
    radial-gradient(circle at 90% 100%, rgba(34,211,184,.28), transparent 50%),
    linear-gradient(160deg, #1A1530, #0F1220);
}
.wsondaj-header-glass-inner{
  background:rgba(18,21,31,.55);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:24px 22px;
}

.wsondaj-title{font-size:24px; margin:0 0 5px !important; font-weight:800; letter-spacing:-0.01em; color:var(--wsd-text) !important;}
.wsondaj-sub{color:var(--wsd-text-dim) !important; font-size:13px; margin-bottom:18px; font-weight:600;}

.wsondaj-prize-summary{display:flex; gap:10px;}
.wsondaj-p-line{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  border-radius:12px; padding:12px 8px;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  font-size:12.5px; color:var(--wsd-text) !important; font-weight:700; text-align:center;
}
.wsondaj-p-line b{color:var(--wsd-text-dim) !important; font-weight:700; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; min-width:0; order:2;}
.wsondaj-p-line span{order:1; font-size:13px;}

@media (min-width: 768px){
  .wsondaj-header-glass-inner{ padding:32px 30px; }
}

.wsondaj-share-row{display:flex; flex-direction:column; gap:8px; margin:14px 0 4px;}
.wsondaj-share-btn{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  background:#25D366 !important; color:#0A2E1A !important; border:none;
  padding:12px 0; border-radius:12px; font-weight:800; font-size:14px; cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(37,211,102,.55);
}
.wsondaj-share-btn svg{width:17px; height:17px;}
.wsondaj-share-more-link{
  background:none !important; border:none; color:var(--wsd-text-dim) !important;
  font-size:12px; font-weight:600; text-decoration:underline; cursor:pointer; padding:2px 0;
}

.wsondaj-refresh-btn{
  margin-left:auto; background:rgba(255,255,255,.08) !important; color:var(--wsd-text) !important;
  border:1px solid var(--wsd-line) !important; border-radius:20px; padding:5px 11px; font-size:11px;
  font-weight:700; cursor:pointer;
}
.wsondaj-refresh-btn:disabled{opacity:.6; cursor:default;}

.wsondaj-not-started, .wsondaj-closed-banner{
  text-align:center; background:var(--wsd-panel); border:1px solid var(--wsd-line);
  border-radius:16px; padding:22px 16px; margin:18px 0;
}

.wsondaj-start-countdown, .wsondaj-end-countdown{
  font-family:'Segoe UI', monospace; font-weight:800; font-size:15px; text-align:center;
  color:var(--wsd-accent-2) !important; letter-spacing:.02em;
  background:rgba(34,211,184,.1); border:1px solid rgba(34,211,184,.3);
  border-radius:12px; padding:10px 12px; margin-top:12px;
}
.wsondaj-end-countdown{margin:0 0 14px;}

.wsondaj-search-row{margin-bottom:12px;}
.wsondaj-search-input{
  width:100%; background:var(--wsd-bg); border:1px solid var(--wsd-line); color:var(--wsd-text) !important;
  padding:11px 14px; border-radius:10px; font-size:14px;
}
.wsondaj-closed-banner{
  text-align:left; background:rgba(34,211,184,.08); border-color:rgba(34,211,184,.3);
  font-size:13px; padding:14px 16px; color:var(--wsd-text) !important;
}
.wsondaj-ns-icon{font-size:24px; margin-bottom:6px;}
.wsondaj-ns-title{font-weight:800; font-size:15px; margin-bottom:4px;}
.wsondaj-ns-sub{font-size:12px; color:var(--wsd-text-dim) !important; line-height:1.5;}

.wsondaj-apply-box{background:var(--wsd-panel); border:1px solid var(--wsd-line); border-radius:16px; padding:16px; margin:18px 0;}
.wsondaj-apply-box h3{margin:0 0 10px; font-size:14px;}
.wsondaj-already-applied{font-size:13px; color:var(--wsd-accent-2) !important; font-weight:700;}
.wsondaj-field{margin-bottom:10px;}
.wsondaj-field label{display:block; font-size:12px; color:var(--wsd-text-dim) !important; margin-bottom:5px;}
.wsondaj-field input{width:100%; background:var(--wsd-bg); border:1px solid var(--wsd-line); color:var(--wsd-text) !important; padding:10px 12px; border-radius:9px; font-size:14px;}
.wsondaj-field input::placeholder{color:rgba(255,255,255,0.45) !important; opacity:1;}

@keyframes wsondaj-autofill-detect { from {} to {} }
.wsondaj-field input:-webkit-autofill{ animation-name: wsondaj-autofill-detect; animation-duration: 0.001s; }

/* Fix: Safari/Chrome autofill forces a white input background + hides light text */
.wsondaj-field input:-webkit-autofill,
.wsondaj-field input:-webkit-autofill:hover,
.wsondaj-field input:-webkit-autofill:focus,
.wsondaj-field input:-webkit-autofill:active{
  -webkit-text-fill-color: var(--wsd-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--wsd-bg) inset !important;
  box-shadow: 0 0 0 1000px var(--wsd-bg) inset !important;
  caret-color: var(--wsd-text);
  transition: background-color 9999s ease-in-out 0s;
}
.wsondaj-field input:autofill{
  -webkit-text-fill-color: var(--wsd-text) !important;
}

.wsondaj-apply-submit{width:100%; background:var(--wsd-accent-2) !important; color:var(--wsd-btn-ink) !important; border:none !important; padding:11px 0; border-radius:9px; font-weight:800; font-size:14px; cursor:pointer;}
.wsondaj-toast{font-size:12px; color:var(--wsd-accent-2) !important; margin-top:8px; display:none;}
.wsondaj-toast.show{display:block;}
.wsondaj-toast.error{color:#F17A9A !important;}

.wsondaj-total-row{display:flex; align-items:center; gap:8px; margin:14px 0 18px; font-size:13px; color:var(--wsd-text-dim) !important;}
.wsondaj-live-dot{width:7px; height:7px; border-radius:50%; background:var(--wsd-accent-2); animation:wsondaj-pulse 1.6s infinite;}
@keyframes wsondaj-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,211,184,.55);}
  70%{box-shadow:0 0 0 8px rgba(34,211,184,0);}
  100%{box-shadow:0 0 0 0 rgba(34,211,184,0);}
}
.wsondaj-total-num{color:var(--wsd-text) !important; font-weight:700;}

.wsondaj-card{
  position:relative; background:linear-gradient(180deg, var(--wsd-panel-2), var(--wsd-panel));
  border:1px solid var(--wsd-line); border-radius:16px; padding:14px; margin-bottom:12px;
  display:flex; align-items:center; gap:12px;
}
.wsondaj-card.top1{border-color:rgba(244,197,80,.45); box-shadow:0 0 0 1px rgba(244,197,80,.12), 0 8px 24px -12px rgba(244,197,80,.35);}
.wsondaj-card.top2{border-color:rgba(201,206,220,.35);}
.wsondaj-card.top3{border-color:rgba(208,137,90,.35);}

.wsondaj-rank{width:34px; text-align:center; font-weight:800; font-size:14px; color:var(--wsd-text-dim) !important; flex-shrink:0;}
.wsondaj-rank.medal{font-size:20px;}
.wsondaj-avatar{
  width:42px; height:42px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--wsd-accent), var(--wsd-accent-2)); font-weight:800; font-size:15px; color:var(--wsd-btn-ink) !important;
}
.wsondaj-info{flex:1; min-width:0;}
.wsondaj-name{font-weight:700; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.wsondaj-meta{font-size:12px; color:var(--wsd-text-dim) !important; margin-top:2px;}
.wsondaj-bar-track{height:6px; border-radius:4px; background:#1E2233; margin-top:8px; overflow:hidden;}
.wsondaj-bar-fill{height:100%; border-radius:4px; background:linear-gradient(90deg, var(--wsd-accent), var(--wsd-accent-2)); transition:width .5s cubic-bezier(.22,.9,.3,1);}
.wsondaj-card.top1 .wsondaj-bar-fill{background:linear-gradient(90deg,#F4C550,#FFE29A);}
.wsondaj-card.top2 .wsondaj-bar-fill{background:linear-gradient(90deg,#C9CEDC,#F1F3F8);}
.wsondaj-card.top3 .wsondaj-bar-fill{background:linear-gradient(90deg,#D0895A,#F0B489);}

.wsondaj-prize-tag{
  display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; margin-top:6px;
  padding:3px 8px; border-radius:20px; background:rgba(244,197,80,.1); color:var(--wsd-gold) !important; border:1px solid rgba(244,197,80,.3);
}
.wsondaj-card.top2 .wsondaj-prize-tag{background:rgba(201,206,220,.08); color:var(--wsd-silver) !important; border-color:rgba(201,206,220,.25);}
.wsondaj-card.top3 .wsondaj-prize-tag{background:rgba(208,137,90,.1); color:var(--wsd-bronze) !important; border-color:rgba(208,137,90,.3);}

.wsondaj-votes-needed{
  display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:600; margin-top:6px;
  padding:3px 8px; border-radius:20px; background:rgba(255,255,255,.05); color:var(--wsd-text-dim) !important; border:1px solid rgba(255,255,255,.1);
}

.wsondaj-vote-btn{
  flex-shrink:0; background:var(--wsd-accent) !important; color:#fff !important; border:none !important; border-radius:10px;
  padding:9px 14px; font-size:13px; font-weight:700; cursor:pointer;
}
.wsondaj-vote-btn.voted{background:#1E2233 !important; color:var(--wsd-text-dim) !important; cursor:default;}
.wsondaj-vote-btn.claim{background:var(--wsd-gold) !important; color:var(--wsd-btn-ink) !important;}
.wsondaj-vote-btn.claimed{background:#1E2233 !important; color:var(--wsd-accent-2) !important; cursor:default;}

/* Share / Claim sheets */
.wsondaj-sheet-overlay, .wsondaj-sheet-overlay *{color:var(--wsd-text) !important; box-sizing:border-box;}
.wsondaj-sheet-overlay{
  position:fixed; inset:0; background:rgba(4,5,9,.6); backdrop-filter:blur(4px);
  display:flex; align-items:flex-end; justify-content:center; opacity:0; pointer-events:none;
  transition:opacity .25s ease; z-index:9999;
}
.wsondaj-sheet-overlay.show{opacity:1; pointer-events:auto;}
.wsondaj-sheet{
  width:100%; max-width:480px; background:linear-gradient(180deg, var(--wsd-panel-2), var(--wsd-panel));
  border:1px solid var(--wsd-line); border-bottom:none; border-radius:22px 22px 0 0; padding:10px 18px 26px;
  transform:translateY(100%); transition:transform .32s cubic-bezier(.22,.9,.28,1);
  color:var(--wsd-text) !important; font-family:'Segoe UI', system-ui, -apple-system, sans-serif;
}
.wsondaj-sheet-overlay.show .wsondaj-sheet{transform:translateY(0);}
.wsondaj-sheet-handle{width:36px; height:4px; background:var(--wsd-line); border-radius:4px; margin:8px auto 16px;}
.wsondaj-sheet-title{font-size:15px; font-weight:800; margin-bottom:2px;}
.wsondaj-sheet-sub{font-size:12px; color:var(--wsd-text-dim) !important; margin-bottom:18px;}
.wsondaj-share-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:18px;}
.wsondaj-share-opt{display:flex; flex-direction:column; align-items:center; gap:7px; background:transparent; border:none; cursor:pointer; color:var(--wsd-text) !important;}
.wsondaj-share-icon{width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:22px;}
.wsondaj-share-icon.wa{background:#25D366;}
.wsondaj-share-icon.fb{background:#1877F2;}
.wsondaj-share-icon.tg{background:#2AABEE;}
.wsondaj-share-icon.link{background:#2A2F42; color:var(--wsd-accent-2) !important;}
.wsondaj-share-opt span{font-size:11px; color:var(--wsd-text-dim) !important;}
.wsondaj-link-box{display:flex; align-items:center; gap:8px; background:var(--wsd-bg); border:1px solid var(--wsd-line); border-radius:12px; padding:11px 12px;}
.wsondaj-link-box input{flex:1; background:transparent; border:none; color:var(--wsd-text-dim) !important; font-size:12px; outline:none;}
.wsondaj-copy-btn{background:var(--wsd-accent-2); color:var(--wsd-btn-ink) !important; border:none; border-radius:8px; padding:8px 14px; font-size:12px; font-weight:800; cursor:pointer; flex-shrink:0;}
.wsondaj-copy-btn.copied{background:#3ee5c9;}
.wsondaj-sheet-close{width:100%; text-align:center; background:transparent; border:none; color:var(--wsd-text-dim) !important; font-size:13px; padding:14px 0 0; cursor:pointer;}

.wsondaj-claim-context{margin-bottom:14px;}

.wsondaj-ffid-row{display:flex; gap:8px;}
.wsondaj-ffid-row input{flex:1;}
.wsondaj-verify-btn{
  flex-shrink:0; background:var(--wsd-accent) !important; color:#fff !important; border:none !important;
  border-radius:9px; padding:0 16px; font-size:13px; font-weight:700; cursor:pointer;
}
.wsondaj-verify-btn:disabled{background:#1E2233 !important; color:var(--wsd-text-dim) !important; cursor:default;}
.wsondaj-ffid-verified{
  margin-top:10px; font-size:13px; font-weight:700; padding:9px 12px; border-radius:9px;
  background:rgba(34,211,184,.12); color:var(--wsd-accent-2) !important; border:1px solid rgba(34,211,184,.35);
}
.wsondaj-ffid-verified.error{
  background:rgba(232,32,61,.12); color:#FF9EC6 !important; border-color:rgba(232,32,61,.4);
}
.wsondaj-apply-submit:disabled{background:#1E2233 !important; color:var(--wsd-text-dim) !important; cursor:default;}