/* Root popup – BEZ pozadine/overlay-a */
.rs-aw-root{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  width: min(420px, 92vw);
  display:none;
}
.rs-aw-root.is-open{ display:block; }

.rs-aw-box{
  border-radius: 22px;
  background: rgba(12,12,26,.78);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  padding: 14px 14px 16px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 40px rgba(170,140,255,.22),
    0 0 70px rgba(100,255,210,.10);
  color: rgba(255,255,255,.92);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.rs-aw-header{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rs-aw-title{
  font-weight: 900;
  font-size: 18px;
  background: linear-gradient(90deg,#fff,#d9d3ff,#b9fff1,#ffd6f4,#fff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 0 14px rgba(170,140,255,.35);
}
.rs-aw-close{
  width:34px; height:34px; border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
  color:#fff; cursor:pointer;
}

.rs-aw-wheel-wrap{
  position: relative;
  margin-top: 10px;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 999px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  box-shadow: 0 0 40px rgba(170,140,255,.20), 0 0 70px rgba(100,255,210,.10);
}
#rsAwCanvas{ width:100%; height:100%; display:block; }

.rs-aw-pointer{
  position:absolute; top:-4px; left:50%;
  transform: translateX(-50%);
  width:0; height:0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 24px solid rgba(255,255,255,.92);
  filter: drop-shadow(0 0 12px rgba(170,140,255,.55));
  z-index: 5;
}

.rs-aw-center{
  position:absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%,-50%);
  width: 120px; height: 120px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(120,90,255,.18);
  color:#fff;
  cursor:pointer;
  z-index: 6;
  backdrop-filter: blur(10px);
}
.rs-aw-center::before{
  content:"";
  position:absolute; inset:-16px; border-radius:inherit;
  background:
    radial-gradient(120px 90px at 20% 30%, rgba(170,140,255,.85), transparent 60%),
    radial-gradient(140px 90px at 75% 35%, rgba(100,255,210,.55), transparent 65%),
    radial-gradient(160px 120px at 55% 80%, rgba(255,120,210,.45), transparent 70%);
  filter: blur(18px);
  opacity:.72;
  z-index:-2;
  animation: rsAwMove 7s ease-in-out infinite;
}
.rs-aw-center::after{
  content:"";
  position:absolute; inset:-1px; border-radius:inherit; padding:1px;
  background: linear-gradient(90deg,
    rgba(170,140,255,.95),
    rgba(100,255,210,.80),
    rgba(255,120,210,.80),
    rgba(170,140,255,.95));
  opacity:.70;
  z-index:-1;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: rsAwBorder 4.5s linear infinite;
}
@keyframes rsAwMove{
  0%{ transform: translate(-50%,-50%) translate3d(-6px,0,0); filter: blur(18px) hue-rotate(0deg); }
  50%{ transform: translate(-50%,-50%) translate3d(10px,6px,0); filter: blur(20px) hue-rotate(18deg); }
  100%{ transform: translate(-50%,-50%) translate3d(-6px,0,0); filter: blur(18px) hue-rotate(0deg); }
}
@keyframes rsAwBorder{ 0%{filter:hue-rotate(0deg)} 100%{filter:hue-rotate(360deg)} }

.rs-aw-center-inner{ display:grid; place-items:center; gap:2px; }
.rs-aw-start{ font-weight:900; font-size:15px; letter-spacing:.8px; }
.rs-aw-sub{ font-size:12px; opacity:.75; }

.rs-aw-result, .rs-aw-form, .rs-aw-success{ margin-top: 12px; }
.rs-aw-won-label{ opacity:.8; font-size:13px; }
.rs-aw-won{
  font-weight: 900;
  font-size: 20px;
  margin-top: 4px;
  background: linear-gradient(90deg,#fff,#d9d3ff,#b9fff1,#ffd6f4,#fff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.rs-aw-actions{ display:flex; gap:10px; margin-top: 10px; }
.rs-aw-btn{
  border-radius: 999px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  cursor:pointer;
}
.rs-aw-btn:disabled{ opacity:.5; cursor:not-allowed; }
.rs-aw-btn-primary{ background: rgba(120,90,255,.20); }

.rs-aw-form-title{ font-weight:900; font-size:16px; margin-bottom:8px; }
.rs-aw-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.rs-aw-grid input{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  padding: 10px 12px;
  color:#fff;
  outline:none;
}
.rs-aw-consent{ display:flex; gap:10px; align-items:flex-start; margin-top:10px; font-size:13px; opacity:.9; }
.rs-aw-consent a{ color: rgba(185,255,241,.95); text-decoration: underline; }
.rs-aw-msg{ margin-top:10px; font-size:13px; opacity:.9; }

.rs-aw-code{
  font-weight: 900;
  font-size: 18px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.18);
  background: rgba(0,0,0,.18);
}
.rs-aw-exp{ margin-top:8px; opacity:.8; font-size:13px; }