.groul{--groul-ink:var(--gin-ink,#0e141b);--groul-ink-muted:var(--gin-ink-muted,#69727c);--groul-accent:var(--gin-mint,#00d9c0);--groul-accent-strong:var(--gin-mint-deep,#00a396);--groul-accent-surface:#e5fbf8;--groul-surface-muted:#f4f8f7;--groul-border:#e6edec;--groul-gold:#f2b705;position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,20,27,0.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease;font-family:'Pretendard','Apple SD Gothic Neo','Noto Sans KR',sans-serif}.groul[hidden]{display:none}.groul.is-open{opacity:1}.groul__card{position:relative;width:min(400px,100%);max-height:calc(100vh - 32px);overflow:hidden auto;padding:28px 24px 24px;border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,0.25);text-align:center;color:var(--groul-ink);transform:translateY(12px) scale(0.96);transition:transform .3s cubic-bezier(0.2,0.9,0.3,1.2)}.groul.is-open .groul__card{transform:none}.groul__glow{position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(closest-side,rgba(0,217,192,0.22),rgba(0,217,192,0));pointer-events:none}.groul__close{position:absolute;top:14px;right:14px;z-index:3;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--groul-ink-muted);font-size:16px;line-height:32px;cursor:pointer}.groul__close:hover{background:var(--groul-surface-muted);color:var(--groul-ink)}.groul__close[hidden]{display:none}.groul__label{position:relative;display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:3px 12px;border-radius:999px;background:var(--groul-accent-surface);color:var(--groul-accent-strong);font-size:11px;font-weight:800;letter-spacing:.1em}.groul__label-dot{width:6px;height:6px;border-radius:50%;background:var(--groul-accent);animation:groul-pulse 1.4s ease-in-out infinite}.groul__title{position:relative;margin:0;font-size:26px;font-weight:800;letter-spacing:-0.03em}.groul__subtitle{position:relative;margin:6px 0 22px;color:var(--groul-ink-muted);font-size:13px}.groul__stage{position:relative;width:min(290px,74vw);aspect-ratio:1;margin:0 auto}.groul__wheel-frame,.groul__wheel{position:absolute;inset:0;width:100%;height:100%;display:block}.groul__wheel-frame{filter:drop-shadow(0 14px 22px rgba(15,23,42,0.22))}.groul__wheel{transform:rotate(0deg);will-change:transform}.groul__wheel text{font-family:'Pretendard',sans-serif;font-weight:800;dominant-baseline:middle;text-anchor:middle;letter-spacing:-0.02em}.groul__bulb{fill:#fff3c4}.groul__bulb--b{fill:#fff;opacity:.55}.groul__stage .groul__bulb--a{animation:groul-twinkle 1.6s ease-in-out infinite}.groul__stage .groul__bulb--b{animation:groul-twinkle 1.6s ease-in-out .8s infinite}.groul__stage.is-spinning .groul__bulb--a{animation:groul-blink .24s steps(1) infinite}.groul__stage.is-spinning .groul__bulb--b{animation:groul-blink .24s steps(1) .12s infinite}.groul__pointer{position:absolute;top:-16px;left:50%;z-index:2;width:38px;transform:translateX(-50%);transform-origin:50% 30%;filter:drop-shadow(0 3px 3px rgba(15,23,42,0.3))}.groul__stage.is-spinning .groul__pointer{animation:groul-flick .12s ease-in-out infinite alternate}.groul__hub{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:20%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#eaf6f4);border:4px solid var(--groul-accent);box-shadow:0 4px 12px rgba(15,23,42,0.25);color:var(--groul-accent-strong);font-size:20px}.groul__readout{display:inline-block;min-width:132px;margin:22px auto 0;padding:8px 20px;border-radius:999px;background:var(--groul-surface-muted);color:var(--groul-ink);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}.groul__readout.is-bump{animation:groul-bump .14s ease-out}.groul__readout.is-lose{color:var(--groul-ink-muted)}.groul__readout.is-win{background:linear-gradient(135deg,var(--groul-accent),var(--groul-accent-strong));color:#fff;box-shadow:0 8px 18px rgba(0,163,150,0.35)}.groul__result{margin-top:14px}.groul__result[hidden]{display:none}.groul__result-title{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-0.02em}.groul__result-title.is-win{color:var(--groul-accent-strong);animation:groul-pop .45s cubic-bezier(0.2,0.9,0.3,1.4)}.groul__result-title.is-lose{animation:groul-shake .5s ease-in-out}.groul__result-text{margin:0;color:var(--groul-ink-muted);font-size:13px;line-height:1.6}.groul__result-text b{color:var(--groul-ink)}.groul__spin,.groul__done{position:relative;display:block;width:100%;margin-top:20px;padding:14px 16px;border:0;border-radius:14px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:transform .1s ease,filter .15s ease,box-shadow .15s ease}.groul__spin{background:linear-gradient(135deg,var(--groul-accent),var(--groul-accent-strong));box-shadow:0 10px 22px rgba(0,163,150,0.35)}.groul__done{background:var(--groul-ink);box-shadow:0 10px 22px rgba(14,20,27,0.2)}.groul__spin:hover:not(:disabled),.groul__done:hover{filter:brightness(1.05)}.groul__spin:active:not(:disabled),.groul__done:active{transform:translateY(1px)}.groul__spin:disabled{opacity:.7;cursor:default;box-shadow:none}.groul__spin[hidden],.groul__done[hidden]{display:none}.groul__spin:focus,.groul__done:focus,.groul__close:focus{outline:0}.groul__spin:focus-visible,.groul__done:focus-visible,.groul__close:focus-visible{box-shadow:0 0 0 3px rgba(0,217,192,0.4)}.groul__confetti{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.groul__confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:0;animation:groul-confetti var(--groul-fall,2.2s) cubic-bezier(0.25,0.6,0.4,1) var(--groul-delay,0s) forwards}@keyframes groul-pulse{0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.4;transform:scale(0.7)}}@keyframes groul-twinkle{0%,100%{opacity:1}50%{opacity:.35}}@keyframes groul-blink{0%{opacity:1}50%{opacity:.15}}@keyframes groul-flick{from{transform:translateX(-50%) rotate(-7deg)}to{transform:translateX(-50%) rotate(4deg)}}@keyframes groul-bump{from{transform:scale(1.1)}to{transform:scale(1)}}@keyframes groul-pop{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes groul-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes groul-confetti{0%{opacity:1;transform:translate(0,0) rotate(0deg)}100%{opacity:0;transform:translate(var(--groul-drift,0px),520px) rotate(var(--groul-spin,540deg))}}@media(prefers-reduced-motion:reduce){.groul,.groul__card{transition:none}.groul__label-dot,.groul__stage .groul__bulb--a,.groul__stage .groul__bulb--b,.groul__stage.is-spinning .groul__pointer,.groul__confetti i{animation:none}}