.ob-ring{width:88px;height:88px;margin:0 auto 12px;position:relative}.ob-ring__svg{display:block;transform:rotate(-90deg)}.ob-ring__track{fill:none;stroke:#ffffff1f}.ob-ring__value{fill:none;stroke:var(--ob-accent,#34d399);stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--ob-accent,#34d399) 60%, transparent));transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.ob-ring--full .ob-ring__value{animation:2.2s ease-in-out 1.2s infinite ob-ring-pulse}@keyframes ob-ring-pulse{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--ob-accent,#34d399) 60%, transparent))}50%{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--ob-accent,#34d399) 95%, transparent))}}.ob-ring--full .ob-ring__label{animation:.5s cubic-bezier(.2,.9,.3,1.4) 1.1s both ob-ring-label-pop}@keyframes ob-ring-label-pop{0%{transform:scale(1)}55%{transform:scale(1.16)}to{transform:scale(1)}}.ob-ring__label{color:#fff;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.ob-steps{text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:2px;padding:6px;display:flex}.ob-step{width:100%;color:inherit;text-align:left;font:inherit;animation:.42s cubic-bezier(.22,1,.36,1) both ob-step-in;animation-delay:calc(var(--ob-step-index,0) * 70ms + .12s);background:0 0;border:none;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 10px;display:flex}@keyframes ob-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-step--action{cursor:pointer;transition:background .15s}.ob-step--action:hover{background:#ffffff0f}.ob-step__mark{color:#0000;border:2px solid #ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:13px;font-weight:800;line-height:1;display:flex}.ob-step__mark--done{color:#062e21;animation:.4s cubic-bezier(.2,.9,.3,1.4) both ob-mark-pop;animation-delay:calc(var(--ob-step-index,0) * 70ms + .32s);background:#34d399;border-color:#0000;box-shadow:0 0 12px #34d39966}@keyframes ob-mark-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.ob-step__copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ob-step__title{color:#fff;font-size:15px;font-weight:600;line-height:1.3}.ob-step--done .ob-step__title{color:#ffffffbf}.ob-step__desc{color:#ffffff8c;font-size:13px;line-height:1.35}.ob-step__chevron{color:#ffffff73;flex-shrink:0;align-self:center;font-size:22px;line-height:1}.ob-step__progress{flex-direction:column;gap:4px;margin-top:6px;display:flex}.ob-step__bar{background:#ffffff1a;border-radius:999px;height:6px;position:relative;overflow:hidden}.ob-step__bar-fill{background:linear-gradient(90deg,#34d399,#10b981);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.ob-step__progress-text{color:#ffffffb3;font-size:12px;font-weight:600}.ob-reward{text-align:center;margin-top:14px}.ob-reward__row{align-items:center;gap:8px;display:inline-flex}.ob-reward__coin{object-fit:contain;flex-shrink:0;width:28px;height:28px}.ob-reward__amount{color:#fff;font-size:22px;font-weight:800;line-height:1}.ob-reward__unit{color:#ffffffb3;font-size:14px}.ob-reward__label{color:#fff9;margin:4px 0 0;font-size:13px}.ob-reward__claimed{color:#34d399;margin:12px 0 0;font-size:14px;font-weight:600}.ob-sheet__claim,.ob-popup__claim{color:#3a2600;cursor:pointer;background:linear-gradient(#ffd777,#ffb42e);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:14px;padding:12px 20px;font-size:15px;font-weight:700;transition:filter .15s,opacity .15s;animation:.45s cubic-bezier(.2,.9,.3,1.3) .5s both ob-claim-in,2.4s ease-in-out 1s infinite ob-claim-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #ffb42e47}.ob-sheet__claim:after,.ob-popup__claim:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;animation:3.2s ease-in-out 1.4s infinite ob-claim-shine;position:absolute;top:0;bottom:0;transform:skew(-18deg)}@keyframes ob-claim-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ob-claim-glow{0%,to{box-shadow:0 6px 18px #ffb42e47}50%{box-shadow:0 6px 26px #ffb42e8c}}@keyframes ob-claim-shine{0%{left:-60%}55%,to{left:130%}}.ob-sheet__claim:hover:not(:disabled),.ob-popup__claim:hover:not(:disabled){filter:brightness(1.06)}.ob-sheet__claim:disabled,.ob-popup__claim:disabled{opacity:.7;cursor:default}.ob-sheet__claim-loader,.ob-popup__claim-loader{width:20px;height:20px}.ob-sheet__claim-error,.ob-popup__claim-error{text-align:center;color:#ff7a7a;margin:8px 0 0;font-size:13px}.ob-sheet__backdrop{z-index:1000;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .28s;position:fixed;inset:0}.ob-sheet__backdrop--visible{opacity:1;pointer-events:auto}.ob-sheet-layer{z-index:1001;pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.ob-sheet-layer--open{transform:translateY(0)}.ob-sheet-layer>.ob-sheet{pointer-events:auto}.ob-sheet{max-height:88dvh;padding:0 16px calc(20px + env(safe-area-inset-bottom));color:#fff;background:#08201be6;border-top:1px solid #ffffff24;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:relative;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -16px 50px #00000080,inset 0 1px #ffffff1f}.ob-sheet__aura{background:radial-gradient(circle, color-mix(in srgb, var(--ob-accent,#34d399) 45%, transparent), transparent 70%);filter:blur(30px);opacity:.75;pointer-events:none;z-index:0;width:300px;height:300px;animation:5s ease-in-out infinite ob-sheet-aura;position:absolute;top:-110px;left:50%;transform:translate(-50%)}@keyframes ob-sheet-aura{0%,to{opacity:.55;transform:translate(-50%)scale(1)}50%{opacity:.85;transform:translate(-50%)scale(1.1)}}.ob-sheet__decor{pointer-events:none;z-index:0;opacity:.9;filter:drop-shadow(0 10px 18px #00000073);position:absolute}.ob-sheet__rocket{z-index:2;pointer-events:none;transform-origin:60% 60%;filter:drop-shadow(0 12px 22px #0000008c);width:118px;animation:.75s cubic-bezier(.18,.9,.32,1.05) .15s both ob-sheet-fly-in,4.5s ease-in-out .9s infinite ob-sheet-float;position:absolute;top:-52px;left:10px}@keyframes ob-sheet-fly-in{0%{opacity:0;transform:translate(-120px,100px)rotate(28deg)scale(.65)scaleX(-1)}to{opacity:1;transform:translate(0)rotate(12deg)scaleX(-1)}}.ob-sheet__decor--coin-1{opacity:.75;width:34px;animation:3.4s ease-in-out infinite ob-sheet-coin;top:96px;right:14px}.ob-sheet__decor--coin-2{opacity:.6;width:26px;animation:4s ease-in-out infinite reverse ob-sheet-coin;top:58px;right:52px}@keyframes ob-sheet-float{0%,to{transform:translateY(0)rotate(12deg)scaleX(-1)}50%{transform:translateY(-10px)rotate(20deg)scaleX(-1)}}.ob-sheet__rocket--leaving{animation:.28s cubic-bezier(.5,0,.85,.3) both ob-sheet-fly-out}@keyframes ob-sheet-fly-out{0%{opacity:1;transform:translate(0)rotate(12deg)scaleX(-1)}to{opacity:0;transform:translate(-120px,100px)rotate(28deg)scale(.65)scaleX(-1)}}@keyframes ob-sheet-coin{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(8deg)}}.ob-sheet__handle-area{z-index:1;cursor:pointer;flex-shrink:0;justify-content:center;padding:12px 0 8px;display:flex;position:relative}.ob-sheet__handle{background:#ffffff4d;border-radius:3px;width:48px;height:5px}.ob-sheet__close{color:#fffc;cursor:pointer;z-index:2;background:#ffffff14;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex;position:absolute;top:14px;right:14px}.ob-sheet__scroll{z-index:1;text-align:center;padding-bottom:4px;position:relative;overflow-y:auto}.ob-sheet__title{margin:0 0 4px;font-size:22px;font-weight:800;line-height:1.15}.ob-sheet__desc{color:#ffffffa6;margin:0 0 14px;font-size:13px}.ob-sheet .ob-steps{background:#061a16a8}.modal__content.ob-modal{background:0 0;border:none;border-radius:0;overflow:visible}.modal__content.ob-modal:focus,.modal__content.ob-modal:focus-visible,.ob-popup,.ob-popup:focus{outline:none}.ob-popup,.ob-popup *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ob-popup{--ob-accent:#34d399;--glass-top:#125240c7;--glass-bottom:#061e18e6;isolation:isolate;width:min(94vw,500px);margin:0 auto;animation:.36s cubic-bezier(.2,.9,.3,1.25) ob-in;position:relative}.modal__content.ob-modal .modal__close-button{z-index:6;top:12px;right:12px}@keyframes ob-in{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.ob-popup__panel{text-align:center;background:linear-gradient(180deg, var(--glass-top), var(--glass-bottom));border:1px solid #ffffff24;border-radius:24px;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff2e}.ob-popup__panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000);height:46%;position:absolute;inset:0 0 auto}.ob-popup__aura{background:radial-gradient(circle, color-mix(in srgb, var(--ob-accent) 55%, transparent), transparent 68%);filter:blur(26px);opacity:.8;pointer-events:none;width:260px;height:260px;animation:4s ease-in-out infinite ob-aura;position:absolute;top:-50px;left:50%;transform:translate(-50%)}@keyframes ob-aura{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:.95;transform:translate(-50%)scale(1.08)}}.ob-popup__spark{background:var(--ob-accent);width:6px;height:6px;box-shadow:0 0 10px var(--ob-accent);pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite ob-twinkle;position:absolute}.ob-popup__spark--1{top:32px;left:28px}.ob-popup__spark--2{animation-delay:.8s;top:78px;right:30px}@keyframes ob-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.9;transform:scale(1.1)}}.ob-popup__body{z-index:1;position:relative}.ob-popup__title{color:#fff;text-shadow:0 2px 16px color-mix(in srgb, var(--ob-accent) 35%, transparent);margin:0 0 4px;font-size:24px;font-weight:800;line-height:1.15}.ob-popup__desc{color:#ffffffd1;max-width:340px;margin:0 auto 16px;font-size:14px;line-height:1.5}.ob-popup__decor{pointer-events:none;z-index:2;filter:drop-shadow(0 12px 22px #00000080);position:absolute}.ob-popup__decor--hero{transform-origin:60% 60%;width:132px;animation:.8s cubic-bezier(.18,.9,.32,1.05) both ob-fly-in,4s ease-in-out .8s infinite ob-float;top:-52px;left:-46px}@keyframes ob-fly-in{0%{opacity:0;transform:translate(-110px,90px)rotate(28deg)scale(.7)scaleX(-1)}to{opacity:1;transform:translate(0)rotate(12deg)scaleX(-1)}}.ob-popup__decor--coin-1{width:54px;animation:3.2s ease-in-out infinite ob-coin;top:48px;right:-22px}.ob-popup__decor--coin-2{width:40px;animation:2.8s ease-in-out infinite reverse ob-coin;bottom:40px;left:-14px}@keyframes ob-float{0%,to{transform:translateY(0)rotate(12deg)scaleX(-1)}50%{transform:translateY(-10px)rotate(20deg)scaleX(-1)}}@keyframes ob-coin{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-12px)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.ob-popup,.ob-popup__aura,.ob-popup__spark,.ob-popup__decor,.ob-sheet__aura,.ob-sheet__decor,.ob-sheet__rocket,.ob-ring__value,.ob-ring--full .ob-ring__value,.ob-ring--full .ob-ring__label,.ob-step,.ob-step__mark--done,.ob-step__bar-fill,.ob-sheet__claim,.ob-popup__claim,.ob-sheet__claim:after,.ob-popup__claim:after{transition:none;animation:none}.ob-step,.ob-step__mark--done,.ob-sheet__rocket,.ob-sheet__claim,.ob-popup__claim{opacity:1;transform:none}}