@keyframes spSpinCW{to{transform:rotate(360deg)}}@keyframes spSpinCCW{to{transform:rotate(-360deg)}}@keyframes spAuroraA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,-40px)scale(1.15)}}@keyframes spAuroraB{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-40px,30px)scale(.92)}}@keyframes spPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.06)}}@keyframes spCardIn{0%{opacity:0;transform:perspective(1200px)rotateX(24deg)translateY(40px)scale(.92)}to{opacity:1;transform:none}}@keyframes spRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes spPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes spCountPop{0%{opacity:.3;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes spConfetti{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(760px)rotate(560deg)}}@keyframes spBlink{0%,to{opacity:.45}50%{opacity:1}}@keyframes spTapPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.12)}}.sp-bg{background:radial-gradient(120% 90% at 50% -10%,#141046 0%,#0a0630 45%,#07031e 100%);position:fixed;inset:0;overflow:hidden}.sp-aurora{filter:blur(80px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.sp-app{z-index:2;width:100%;max-width:none;height:100vh;max-height:100vh;font-family:var(--font-ui);color:#fff;flex-direction:column;gap:10px;margin:0 auto;padding:14px 32px 16px;display:flex;position:relative;overflow:hidden}.sp-side{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:12px;display:grid}.sp-side-brand,.sp-side-actions{align-items:center;gap:10px;min-width:0;display:flex}.sp-side-actions{justify-content:flex-end}.sp-logo{flex:none;width:30px;height:30px}.sp-wordmark{object-fit:contain;flex:none;width:78px;height:auto;max-height:30px}.sp-iconbtn{cursor:pointer;background:var(--jl-white-08);width:48px;height:48px;box-shadow:inset 0 0 0 1.5px var(--jl-white-12);color:#fff;border:none;border-radius:16px;flex:none;justify-content:center;align-items:center;transition:background .2s,transform .12s;display:flex}.sp-iconbtn:hover{background:var(--jl-white-12)}.sp-iconbtn:active{transform:scale(.93)}.sp-title{text-align:center;font-family:var(--font-arabic-display);color:#fff;overflow-wrap:anywhere;min-width:0;margin:0;font-size:22px;font-weight:700;line-height:1.35}.sp-endbtn{cursor:pointer;background:var(--jl-periwinkle-deep);color:#fff;height:48px;font-family:var(--font-ui);border:none;border-radius:999px;flex:none;padding:0 20px;font-size:16px;font-weight:800;transition:filter .15s,transform .12s;box-shadow:0 10px 26px #6878ce66}.sp-endbtn:hover{filter:brightness(1.08)}.sp-endbtn:active{transform:scale(.95)}.sp-frame{width:100%;max-width:900px;min-height:0;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mc) 28%,var(--jl-white-12)),0 24px 54px #010c4259;background:#ffffff08;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;margin:0 auto;padding:14px 10px;display:flex;position:relative;overflow:hidden}.sp-frame:before{content:"";background:radial-gradient(120% 70% at 50% -10%,color-mix(in srgb,var(--mc) 14%,transparent),transparent 60%);pointer-events:none;position:absolute;inset:0}.sp-turn{z-index:1;flex:none;justify-content:center;align-items:center;gap:10px;min-height:28px;display:flex;position:relative}.sp-turn .lbl{color:var(--jl-text-secondary);font-size:15px;font-weight:700}.sp-turn .who{color:#fff;background:var(--jl-white-08);box-shadow:inset 0 0 0 1.5px var(--pc);border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 6px;font-size:17px;font-weight:800;display:inline-flex}.sp-turn .av{width:28px;height:28px;box-shadow:0 0 0 2px var(--pc);background-position:50%;background-size:cover;border-radius:50%}.sp-stage{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;min-height:0;padding:14px 0 34px;display:flex;position:relative}.sp-ring{aspect-ratio:1;flex:none;justify-content:center;align-items:center;width:min(78vw,46vh,440px);display:flex;position:relative}.sp-pod{width:calc(var(--pod-size) + 30px);flex-direction:column;align-items:center;gap:7px;max-width:24vw;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.sp-pod .av{width:min(var(--pod-size),19vw,11vh);height:min(var(--pod-size),19vw,11vh);box-shadow:0 0 0 2.5px var(--pcc),0 6px 14px #0006;background-position:50%;background-size:cover;border-radius:50%;flex:none;transition:box-shadow .3s}.sp-pod .nm{font-family:var(--font-ui);color:#fff;text-align:center;overflow-wrap:anywhere;text-shadow:0 1px 3px #06021a;background:#06021ad1;border-radius:999px;max-width:100%;padding:2px 7px;font-size:clamp(13px,2.1vh,17px);font-weight:800;line-height:1.2;transition:color .3s}.sp-pod.dim{opacity:.7}.sp-pod.on .av{box-shadow:0 0 0 4px var(--pcc),0 0 22px color-mix(in srgb,var(--pcc) 60%,transparent)}.sp-pod.on .nm{color:#fff}.sp-wheelbtn{cursor:pointer;aspect-ratio:1;background:0 0;border:none;justify-content:center;align-items:center;width:55%;padding:0;transition:transform .15s;display:flex;position:relative}.sp-wheelbtn:hover{transform:scale(1.02)}.sp-wheelbtn:active{transform:scale(.97)}.sp-wheelbtn.spinning{cursor:default}.sp-tapbtn{cursor:pointer;background:var(--jl-periwinkle-deep);color:#fff;width:26%;height:26%;font-family:var(--font-ui);white-space:nowrap;text-align:center;z-index:3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:clamp(11px,2vh,15px);font-weight:800;transition:filter .15s;animation:1.4s ease-in-out infinite spTapPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #6878ce80,inset 0 0 0 3px #ffffff2e}.sp-tapbtn:hover{filter:brightness(1.08)}.sp-tapbtn:active{transform:translate(-50%,-50%)scale(.94)}.sp-wheelimg{object-fit:contain;filter:drop-shadow(0 18px 38px #00000080);will-change:transform;width:100%;height:100%;transition:transform 2.3s cubic-bezier(.16,.72,.12,1)}.sp-spinhint{color:var(--jl-text-muted);min-height:20px;font-size:15px;font-weight:700;animation:1.7s ease-in-out infinite spBlink}.sp-tiles{z-index:1;flex:none;justify-content:center;align-self:center;align-items:flex-end;gap:10px;width:100%;margin-top:16px;display:flex;position:relative}.sp-card-tile{cursor:pointer;filter:drop-shadow(0 10px 22px #010c4273);background:0 0;border:none;border-radius:16px;flex:none;padding:0;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .3s,opacity .3s}.sp-card-tile .tileimg{aspect-ratio:285/420;object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:14px;width:auto;height:clamp(104px,22vh,200px);display:block}.sp-card-tile:hover{filter:drop-shadow(0 18px 32px #010c4299);transform:translateY(-6px)}.sp-card-tile:active{transform:scale(.96)}.sp-tiles.locked .sp-card-tile{opacity:.4;filter:grayscale(.5)drop-shadow(0 6px 14px #010c4259);cursor:default}.sp-tiles.solo .sp-card-tile .tileimg{height:clamp(160px,42vh,340px)}.sp-pickhint{z-index:1;font-family:var(--font-ui);text-align:center;color:var(--jl-text-muted);flex:none;min-height:18px;margin-top:6px;font-size:14px;font-weight:800;position:relative}.sp-pickhint b{color:#fff}.sp-scrim{z-index:60;-webkit-backdrop-filter:blur(9px);background:#04020fd1;justify-content:center;align-items:center;padding:22px;animation:.3s both spRise;display:flex;position:fixed;inset:0}.sp-card{background:linear-gradient(165deg,color-mix(in srgb,var(--tc) 24%,#100a40),#0a0630 72%);width:100%;max-width:480px;min-height:60vh;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 50%,var(--jl-white-12)),0 40px 90px #0000008c,0 0 70px color-mix(in srgb,var(--tc) 22%,transparent);border-radius:30px;flex-direction:column;padding:26px 26px 24px;animation:.5s cubic-bezier(.16,1,.3,1) both spCardIn;display:flex;position:relative;overflow:hidden}.sp-card .pat{opacity:.05;mix-blend-mode:overlay;pointer-events:none;background:url(/assets/patterns/sadu.svg) 50%/70% no-repeat;position:absolute;inset:0}.sp-card-top{z-index:1;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:relative}.sp-card-close{cursor:pointer;background:var(--jl-white-08);width:36px;height:36px;box-shadow:inset 0 0 0 1.5px var(--jl-white-18);color:var(--jl-text-secondary);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .12s;display:flex}.sp-card-close:hover{background:var(--jl-white-12);color:#fff}.sp-card-close:active{transform:scale(.9)}.sp-badge{color:var(--tc);background:color-mix(in srgb,var(--tc) 16%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 45%,transparent);border-radius:999px;align-items:center;gap:10px;padding:9px 18px;font-size:19px;font-weight:900;display:inline-flex}.sp-card-who{color:var(--jl-text-secondary);align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.sp-card-who .av{width:30px;height:30px;box-shadow:0 0 0 2px var(--pc);background-position:50%;background-size:cover;border-radius:50%}.sp-card-body{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:14px 4px;display:flex;position:relative}.sp-prompt{font-family:var(--font-ui);color:#fff;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.55}.sp-wyr{flex-direction:column;gap:16px;width:100%;display:flex}.sp-wyr-opt{background:var(--jl-white-08);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tc) 40%,var(--jl-white-12));font-family:var(--font-arabic-display);text-wrap:balance;border-radius:20px;padding:26px 20px;font-size:clamp(24px,5.5vw,32px);font-weight:700;line-height:1.3}.sp-wyr-or{color:var(--tc);font-size:20px;font-weight:900}.sp-card-ctrls{z-index:1;gap:10px;margin-top:8px;display:flex;position:relative}.sp-ctrl{cursor:pointer;font-family:var(--font-ui);color:#fff;background:var(--jl-white-08);box-shadow:inset 0 0 0 1.5px var(--jl-white-18);border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px 10px;font-size:16px;font-weight:800;transition:background .2s,transform .12s;display:inline-flex}.sp-ctrl:hover{background:var(--jl-white-12)}.sp-ctrl:active{transform:scale(.96)}.sp-ctrl.primary{background:var(--jl-periwinkle-deep);flex:1.4;box-shadow:0 10px 24px #6878ce66}.sp-ctrl.primary:hover{filter:brightness(1.08)}.sp-sheet{text-align:center;width:100%;max-width:440px;box-shadow:inset 0 0 0 2px var(--jl-white-08),0 40px 90px #0009;background:linear-gradient(165deg,#160c52,#0c0733);border-radius:28px;padding:30px 26px 26px;animation:.4s cubic-bezier(.34,1.56,.64,1) both spPop;position:relative}.sp-sheet h2{font-family:var(--font-arabic-display);margin:0 0 6px;font-size:40px;font-weight:700}.sp-sheet p{color:var(--jl-text-secondary);margin:0 0 22px;font-size:16px;line-height:1.7}.sp-stat{background:var(--jl-white-08);box-shadow:inset 0 0 0 1.5px var(--jl-white-18);border-radius:999px;align-items:center;gap:10px;margin:0 auto 22px;padding:12px 22px;font-size:18px;font-weight:800;display:inline-flex}.sp-stat b{color:var(--jl-gold)}.sp-sheet-btns{flex-direction:column;gap:12px;display:flex}.sp-primary{cursor:pointer;background:var(--jl-periwinkle-deep);color:#fff;height:56px;font-family:var(--font-ui);border:none;border-radius:999px;font-size:19px;font-weight:800;transition:filter .15s,transform .12s;box-shadow:0 12px 30px #6878ce73}.sp-primary:hover{filter:brightness(1.08)}.sp-primary:active{transform:scale(.98)}.sp-secondary{cursor:pointer;background:var(--jl-white-08);color:#fff;height:52px;font-family:var(--font-ui);box-shadow:inset 0 0 0 1.5px var(--jl-white-18);border:none;border-radius:999px;font-size:17px;font-weight:800;transition:background .2s,transform .12s}.sp-secondary:hover{background:var(--jl-white-12)}.sp-secondary:active{transform:scale(.98)}.sp-confetti{pointer-events:none;border-radius:3px;width:12px;height:18px;animation:linear infinite spConfetti;position:absolute;top:-30px}.sp-endwrap{z-index:60;justify-content:center;align-items:center;animation:.3s both spRise;display:flex;position:fixed;inset:0}.sp-endgif{width:min(60vw,70vh,420px);height:auto;display:block}@media (min-width:900px){.sp-title{font-size:26px}}@media (prefers-reduced-motion:reduce){.sp-aurora,.sp-hub,.sp-confetti,.sp-tapbtn{animation:none!important}.sp-wheelimg{transition:transform .5s!important}.sp-card{animation:none!important}}.sp-root{z-index:1000;color:#fff;height:100dvh;font-family:var(--font-ui);background:#07031e;position:fixed;inset:0;overflow:hidden}.sp-root .sp-app{height:100%;max-height:100%}.sp-root .sp-endgif{object-fit:contain;max-height:76dvh}@media (max-width:640px){.sp-app{padding:12px 14px 14px}.sp-side{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:6px}.sp-logo{width:25px;height:25px}.sp-wordmark{width:48px}.sp-side-brand,.sp-side-actions{gap:5px}.sp-title{font-size:clamp(15px,4vw,21px)}.sp-iconbtn{width:40px;height:40px}.sp-endbtn{height:40px;padding-inline:12px;font-size:14px}.sp-card-tile .tileimg{width:min(26vw,132px);height:auto}.sp-card{max-height:calc(100dvh - 24px);overflow-y:auto}}