*{box-sizing:border-box}
:root{
  --accent:#26efc4;
  --glow:#0ecfa9;
  --gold:#e6c45c;
  --bg:#031013;
  --panel:#071b1e;
  --panel2:#0a2425;
  --text:#f5fbfa;
  --muted:#829a9e;
}
html,body{margin:0;width:100%;min-height:100%;background:#020a0c;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}
button,a{font:inherit}
button{color:inherit}
[hidden]{display:none!important}

.widget-root{position:relative;min-height:100dvh;width:100%;overflow:hidden;background:#020a0c}
.widget-root.is-embedded:not(.is-expanded){width:290px;height:320px;min-height:320px;margin-left:auto;background:transparent;pointer-events:none}
.widget-root.is-embedded:not(.is-expanded) .wheel-app,.widget-root.is-embedded:not(.is-expanded) .session-gate{display:none!important}
.widget-root.is-embedded:not(.is-expanded) .wheel-trigger,.widget-root.is-embedded:not(.is-expanded) .rights-tooltip{display:flex}
.widget-root:not(.is-embedded) .wheel-trigger,.widget-root:not(.is-embedded) .rights-tooltip{display:none}
.widget-root.is-expanded{width:100vw;height:100dvh;min-height:100dvh}

.session-gate{
  min-height:100dvh;padding:38px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:
    radial-gradient(circle at 50% 30%,rgba(38,239,196,.14),transparent 26%),
    radial-gradient(circle at 10% 90%,rgba(9,113,101,.18),transparent 30%),
    linear-gradient(180deg,#041216,#020b0e);
}
.gate-orb{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(56,242,206,.25);background:radial-gradient(circle,rgba(29,213,179,.22),rgba(5,36,37,.6));box-shadow:0 0 50px rgba(28,227,190,.14)}
.gate-wheel{width:68px;height:68px;border-radius:50%;border:5px solid var(--gold);background:conic-gradient(#2ef0c8 0 36deg,#087d72 36deg 72deg,#40ebc9 72deg 108deg,#0a6c64 108deg 144deg,#34ddb9 144deg 180deg,#087b70 180deg 216deg,#39e8c3 216deg 252deg,#09685f 252deg 288deg,#2bd6b5 288deg 324deg,#087167 324deg 360deg);box-shadow:0 0 0 5px rgba(37,239,198,.14),0 0 30px rgba(38,239,196,.36)}
.eyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:2.4px}
.session-gate h1{margin:8px 0 11px;font-size:clamp(34px,9vw,54px);letter-spacing:-2px}
.session-gate p{max-width:480px;margin:0 0 24px;color:#91a5a9;font-size:14px;line-height:1.65}
.primary-link{text-decoration:none;color:#061613;font-weight:950;font-size:12px;letter-spacing:.4px;padding:14px 18px;border-radius:14px;background:linear-gradient(180deg,#2bf0c5,#16b799);box-shadow:0 9px 28px rgba(25,219,181,.18)}
.session-gate small{margin-top:14px;color:#5e777b;font-size:10px}

.wheel-trigger{pointer-events:auto;position:absolute;right:0;top:25px;width:66px;height:254px;border:1px solid rgba(81,255,224,.52);border-right:0;border-radius:23px 0 0 23px;color:#fff;background:linear-gradient(180deg,#0a5a50,#063f3c 52%,#052d31);box-shadow:0 0 18px rgba(25,237,192,.45),0 0 50px rgba(13,207,168,.2),inset 0 0 22px rgba(36,237,192,.1);display:none;flex-direction:column;align-items:center;padding:9px 7px 13px;cursor:pointer;opacity:.5;filter:saturate(.55)}
.wheel-trigger.is-active{opacity:1;filter:none}
.wheel-trigger__halo{position:absolute;top:-19px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(27,244,204,.25),transparent 70%)}
.wheel-trigger__icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:2;border:3px solid var(--gold);background:#11ad98;box-shadow:0 0 0 3px rgba(23,238,201,.18),0 0 18px rgba(23,238,201,.5)}
.mini-wheel{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:conic-gradient(#54f1d3 0 45deg,#0a8478 45deg 90deg,#4be8ca 90deg 135deg,#08746a 135deg 180deg,#52edd0 180deg 225deg,#0a796f 225deg 270deg,#44dfc1 270deg 315deg,#076b63 315deg 360deg)}
.wheel-trigger__label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px;line-height:1;font-weight:950;letter-spacing:1.7px;margin:13px 0 10px}
.wheel-trigger__rights{min-width:46px;padding:10px 4px 9px;border-radius:17px;background:linear-gradient(180deg,#22caa9,#0d7669);display:grid;place-items:center}
.wheel-trigger__rights strong{font-size:18px}.wheel-trigger__rights small{font-size:9px;font-weight:900;color:#c6fff4;margin-top:3px}
.rights-tooltip{display:none;position:absolute;pointer-events:none;right:56px;top:125px;width:196px;padding:14px 16px;border:1px solid rgba(61,231,201,.48);border-radius:14px 3px 3px 14px;background:#062225;opacity:0;transform:translateX(8px);transition:.25s ease}
.rights-tooltip strong,.rights-tooltip span{display:block}.rights-tooltip strong{font-size:12px;color:var(--accent)}.rights-tooltip>span{font-size:11px;color:#d4e4e2;margin-top:4px}.rights-tooltip.is-visible{opacity:1;transform:none}

.wheel-app{position:relative;min-height:100dvh;overflow:auto;padding:20px 18px 28px;background:
  radial-gradient(circle at 78% 15%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 27%),
  radial-gradient(circle at 9% 82%,rgba(11,107,98,.15),transparent 30%),
  linear-gradient(180deg,#041317 0%,#031013 55%,#020b0e 100%)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.ambient{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.15}.ambient-one{width:300px;height:300px;background:var(--accent);right:-180px;top:130px}.ambient-two{width:250px;height:250px;background:#0c6e65;left:-160px;bottom:100px}

.arena-header{position:relative;z-index:4;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}
.back-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);cursor:pointer}.back-button span{font-size:31px;line-height:1;display:block;margin-top:-3px}
.arena-brand{display:flex;align-items:baseline;font-size:20px;font-weight:950;letter-spacing:-.7px}.arena-brand strong{color:var(--accent)}.arena-brand small{margin-left:9px;color:#526e72;font-size:8px;letter-spacing:1.7px}
.player-chip{min-width:218px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:7px 8px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(8,31,34,.75);box-shadow:inset 0 0 18px rgba(255,255,255,.018)}
.player-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0d7569,#0a433f);border:1px solid rgba(39,239,197,.2);color:#dffff8;font-weight:950}
.player-copy{display:grid;gap:1px;min-width:0}.player-copy small{color:#5f7a7e;font-size:8px;font-weight:900;letter-spacing:1.1px}.player-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-rights{min-width:48px;padding:7px 8px;border-radius:11px;text-align:center;background:linear-gradient(180deg,rgba(36,237,192,.14),rgba(13,117,103,.12));border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}.player-rights strong,.player-rights small{display:block}.player-rights strong{color:var(--accent);font-size:17px}.player-rights small{color:#688c8e;font-size:7px;font-weight:900;letter-spacing:1px}

.arena-hero{position:relative;z-index:3;max-width:880px;margin:38px auto 22px;text-align:center}.hero-kicker{display:inline-flex;padding:6px 9px;border-radius:99px;background:rgba(36,237,192,.065);border:1px solid rgba(36,237,192,.15);color:var(--accent);font-size:8px;font-weight:900;letter-spacing:1.7px}.hero-copy h1{margin:9px 0 7px;font-size:clamp(29px,6.5vw,52px);letter-spacing:-2px}.hero-copy p{max-width:570px;margin:0 auto;color:#7f969a;font-size:13px;line-height:1.55}
.trust-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:15px;color:#647f82;font-size:9px;font-weight:800}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--glow)}

.wheel-tabs{position:relative;z-index:3;max-width:940px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.wheel-tab{position:relative;min-width:0;padding:12px 13px;border-radius:15px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,#07191d,#061316);color:#587074;text-align:left;overflow:hidden}.wheel-tab:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:transparent}
.wheel-tab.has-right{cursor:pointer;color:#dff9f5;border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.wheel-tab.has-right:after{background:linear-gradient(90deg,var(--accent),transparent)}
.wheel-tab.selected{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#07191d),#061416);box-shadow:0 0 24px color-mix(in srgb,var(--glow) 9%,transparent)}
.wheel-tab small,.wheel-tab strong,.wheel-tab span{display:block}.wheel-tab small{font-size:7px;font-weight:900;color:#566f72;letter-spacing:1px}.wheel-tab.has-right small{color:var(--accent)}.wheel-tab strong{font-size:13px;margin:3px 0}.wheel-tab span{font-size:9px;color:#729093}

.arena-grid{position:relative;z-index:3;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr);gap:13px;align-items:stretch}
.wheel-panel,.reward-panel{border:1px solid rgba(255,255,255,.065);border-radius:23px;background:linear-gradient(155deg,rgba(9,32,35,.96),rgba(4,19,22,.96));box-shadow:0 20px 60px rgba(0,0,0,.18)}
.wheel-panel{padding:18px 18px 16px;min-height:520px}.panel-topline{display:flex;align-items:center;justify-content:space-between}.panel-topline div{display:grid;gap:2px}.panel-topline small{font-size:8px;color:#607b7e;font-weight:900;letter-spacing:1.4px}.panel-topline strong{font-size:14px}.status-pill{padding:6px 9px;border-radius:99px;background:rgba(38,239,196,.07);border:1px solid rgba(38,239,196,.16);color:var(--accent);font-size:8px;font-weight:900;letter-spacing:1px}

.wheel-stage{position:relative;width:min(430px,76vw);aspect-ratio:1;margin:17px auto 10px}
.wheel-aura{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent),transparent 66%);filter:blur(10px);animation:auraPulse 3s ease-in-out infinite}
.pointer{position:absolute;z-index:10;left:50%;top:-7px;transform:translateX(-50%);width:36px;height:45px;display:grid;place-items:start center;filter:drop-shadow(0 5px 9px rgba(0,0,0,.5))}.pointer span{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:25px solid var(--gold)}
.spin-wheel{position:absolute;inset:0;border-radius:50%;background:
  conic-gradient(
  color-mix(in srgb,var(--accent) 90%,#0b3028) 0 36deg,
  color-mix(in srgb,var(--accent) 36%,#03201d) 36deg 72deg,
  color-mix(in srgb,var(--accent) 82%,#0a2e27) 72deg 108deg,
  color-mix(in srgb,var(--accent) 31%,#031c19) 108deg 144deg,
  color-mix(in srgb,var(--accent) 76%,#082923) 144deg 180deg,
  color-mix(in srgb,var(--accent) 38%,#031e1b) 180deg 216deg,
  color-mix(in srgb,var(--accent) 86%,#092c25) 216deg 252deg,
  color-mix(in srgb,var(--accent) 30%,#031b18) 252deg 288deg,
  color-mix(in srgb,var(--accent) 79%,#082921) 288deg 324deg,
  color-mix(in srgb,var(--accent) 37%,#03201c) 324deg 360deg);
  border:10px solid #d6b44d;box-shadow:0 0 0 4px rgba(255,230,127,.09),0 0 0 8px color-mix(in srgb,var(--accent) 26%,transparent),0 0 45px color-mix(in srgb,var(--glow) 26%,transparent),inset 0 0 55px rgba(0,0,0,.5);will-change:transform}
.spin-wheel:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.wheel-rim-dots{position:absolute;inset:-2px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,245,186,.9) 0 1.2deg,transparent 1.2deg 35.2deg);mask:radial-gradient(circle,transparent 0 92%,#000 92.5% 100%);opacity:.52}
.segment-labels{position:absolute;inset:0;z-index:4}
.segment-label{position:absolute;width:78px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 5px rgba(0,0,0,.68)}
.segment-label img{display:block;width:27px;height:27px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
.segment-label strong,.segment-label small{display:block}.segment-label strong{font-size:10px;font-weight:950;line-height:1.05}.segment-label small{font-size:6px;margin-top:2px;color:rgba(255,255,255,.65);font-weight:800;letter-spacing:.5px}
.wheel-center{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;border:5px solid #d7b64d;background:linear-gradient(155deg,#0da590,#075f59);box-shadow:0 0 0 5px rgba(38,239,196,.13),0 0 30px rgba(38,239,196,.35),inset 0 0 25px rgba(255,255,255,.06);display:grid;place-content:center;cursor:pointer;overflow:hidden}
.center-shine{position:absolute;inset:-40% 45% -40% -15%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.wheel-center small,.wheel-center strong,.wheel-center em{position:relative;font-style:normal}.wheel-center small{font-size:7px;letter-spacing:1.3px;color:#a3dcd2;font-weight:900}.wheel-center strong{font-size:19px;line-height:1;margin:3px 0}.wheel-center em{font-size:9px;color:#92cfc4;font-weight:900}.wheel-center:disabled{opacity:.55;cursor:wait}

.spin-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#607b7e;font-size:9px}.spin-hint p{margin:0}.mouse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--glow)}

.reward-panel{padding:17px 15px;display:flex;flex-direction:column}.reward-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reward-panel-head div{display:grid}.reward-panel-head small{color:#60787c;font-size:7px;font-weight:900;letter-spacing:1.3px}.reward-panel-head strong{font-size:14px}.reward-panel-head>span{font-size:7px;font-weight:900;color:var(--accent);padding:5px 7px;border-radius:99px;background:rgba(36,237,192,.06);border:1px solid rgba(36,237,192,.15)}
.prize-rail{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prize-item{min-height:54px;padding:8px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);display:grid;grid-template-columns:30px 1fr;align-items:center;gap:7px}.prize-item img,.prize-icon{width:30px;height:30px;border-radius:9px;object-fit:contain;display:grid;place-items:center;background:linear-gradient(145deg,rgba(38,239,196,.12),rgba(8,77,70,.08));color:var(--accent);font-size:13px;font-weight:950}.prize-item div{min-width:0}.prize-item strong,.prize-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prize-item strong{font-size:9px}.prize-item small{font-size:6px;color:#638083;margin-top:2px}
.result-card{margin-top:auto;padding:14px 14px 13px;border-radius:15px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012));min-height:92px;display:grid;align-content:center}.result-card small{font-size:7px;font-weight:900;letter-spacing:1.4px;color:#5b767a}.result-card strong{font-size:18px;margin:3px 0;color:#fff}.result-card span{font-size:9px;line-height:1.35;color:#739094}.result-card.is-success{border-color:rgba(38,239,196,.24);box-shadow:inset 0 0 20px rgba(38,239,196,.035)}.result-card.is-success strong{color:var(--accent)}.result-card.is-error{border-color:rgba(255,102,102,.2)}.result-card.is-error strong{color:#ff8a8a}

.arena-footer{position:relative;z-index:3;max-width:1060px;margin:16px auto 0;padding:13px 4px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.045);color:#496267;font-size:8px}.arena-footer span{font-weight:900;letter-spacing:1px}.arena-footer p{margin:0}

@keyframes auraPulse{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}}

@media(max-width:820px){
  .arena-header{grid-template-columns:42px 1fr auto}.arena-brand small{display:none}.player-chip{min-width:0;padding:6px}.player-copy{display:none}.player-avatar{width:34px;height:34px}.player-rights{min-width:44px}
  .arena-hero{margin-top:27px}.wheel-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.wheel-tabs::-webkit-scrollbar{display:none}.wheel-tab{min-width:112px}
  .arena-grid{grid-template-columns:1fr;max-width:620px}.wheel-panel{min-height:auto}.reward-panel{min-height:0}.prize-rail{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;padding-bottom:4px}.prize-item{min-width:105px}.result-card{margin-top:10px}
}
@media(max-width:520px){
  .wheel-app{padding:14px 11px 24px}.arena-header{gap:8px}.back-button{width:38px;height:38px}.arena-brand{font-size:17px}.player-avatar{display:none}.player-chip{grid-template-columns:auto}.player-rights{padding:6px 8px}.arena-hero{margin:23px auto 17px}.hero-copy h1{font-size:31px}.hero-copy p{font-size:11px}.trust-row{gap:10px;font-size:7px}
  .wheel-panel{padding:14px 10px 14px;border-radius:19px}.wheel-stage{width:min(340px,88vw);margin-top:15px}.spin-wheel{border-width:8px}.wheel-center{width:92px;height:92px;border-width:4px}.wheel-center strong{font-size:16px}.segment-label{width:62px}.segment-label img{width:22px;height:22px}.segment-label strong{font-size:8px}.segment-label small{font-size:5px}
  .reward-panel{padding:13px 10px}.prize-rail{grid-template-columns:repeat(10,100px)}.arena-footer{display:block;text-align:center}.arena-footer p{margin-top:4px}
}
\n.wheel-skin-layer{position:absolute;inset:0;border-radius:50%;z-index:1;background-position:center;background-repeat:no-repeat;pointer-events:none;overflow:hidden}.wheel-rim-dots{z-index:3}.segment-labels{z-index:4}.wheel-center{z-index:8}\n