*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--org:#3b82f6;--org2:#60a5fa;--org3:#93c5fd;--yel:#ffd166;--grn:#00d68f;--pur:#7c5cfc;--pink:#ff6b9d;--blue:#3ea6ff;--navy:#08112b;--navy2:#0f1d3e;--navy3:#162550;--cream:#fff;--cream2:#f0f9ff;--dark:#12131a;--white:#fff;--glass:#ffffff0f;--glass2:#ffffff1f;--text1:#fff;--text2:#ffffffa6;--text3:#ffffff59;--dtext1:#12131a;--dtext2:#4a4a5a;--dtext3:#9090a0}.ob-wrapper{background:#04080f;width:100%;height:100%;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}#ob-app{background:radial-gradient(at 50% 100%,#0f1d3e 0%,#04080f 60%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.frame{background:var(--cream);width:100%;max-width:420px;height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 120px #3b82f614}@media (min-width:480px){.frame{border-radius:44px;height:844px;max-height:100dvh;box-shadow:0 0 0 1px #00000012,0 50px 100px #00000026,0 0 120px #ff4d0014}}.screen{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.active{opacity:1;pointer-events:all}.bg-canvas{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mesh-blob{filter:blur(80px);opacity:0;animation:blobDrift var(--bd,12s) var(--bde,0s) ease-in-out infinite alternate;border-radius:50%;position:absolute}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(var(--bx,20px),var(--by,-30px)) scale(var(--bs,1.1))}}#s1{background:var(--cream)}.s1-noise{opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:0}.s1-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 100%,#000,#0000);mask-image:radial-gradient(80% 60% at 50% 100%,#000,#0000)}.s1-glow{opacity:0;background:radial-gradient(#3b82f626 0%,#0000 65%);width:500px;height:300px;animation:3s ease-in-out infinite glowPulse;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%)scaleY(1)}50%{opacity:1;transform:translate(-50%)scaleY(1.2)}}.s1-orbs{position:absolute;inset:0}.orb{filter:blur(50px);border-radius:50%;position:absolute}.s1-center{z-index:2;flex-direction:column;align-items:center;gap:28px;display:flex;position:relative}.logo-ring{justify-content:center;align-items:center;width:108px;height:108px;display:flex;position:relative}.logo-ring-svg{animation:4s linear infinite spinRing;position:absolute;inset:0}.logo-inner{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex;box-shadow:inset 0 0 20px #fffc,0 10px 30px #3b82f626}@keyframes spinRing{to{transform:rotate(360deg)}}.logo-text{text-align:center}.logo-brand{color:var(--dtext1);letter-spacing:-1.5px;font-family:Syne,sans-serif;font-size:38px;font-weight:800;line-height:1}.logo-brand .o{color:var(--org)}.logo-tagline{color:var(--dtext3);letter-spacing:.5px;margin-top:6px;font-size:13px;font-weight:600}.s1-loader{background:#0000000d;border-radius:2px;width:200px;height:4px;position:relative;overflow:hidden}.s1-loader-fill{background:linear-gradient(90deg,var(--org),var(--yel));border-radius:2px;width:0%;height:100%;position:relative}.s1-loader-fill:after{content:"";width:4px;height:4px;box-shadow:0 0 8px var(--yel);background:#fff;border-radius:50%;position:absolute;top:-1px;right:0}#s2{background:var(--cream)}.s2-top{background:linear-gradient(#fff 0%,#f0f9ff 100%);border-radius:0 0 44px 44px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;width:100%;padding:40px 28px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #3b82f60d}.s2-top-shimmer{display:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.s2-bubble{color:var(--dtext1);text-align:center;opacity:0;z-index:11;background:#fff;border-radius:24px;max-width:280px;padding:18px 24px;font-size:15px;font-weight:700;line-height:1.5;position:relative;transform:translateY(-15px)scale(.95);box-shadow:0 20px 50px #00000014,inset 0 -4px #00000005}.s2-bubble:after{content:"";filter:drop-shadow(0 4px 4px #0000000d);border:14px solid #0000;border-top:12px solid #fff;border-bottom-width:0;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.s2-buddy{opacity:0;z-index:10;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;transform:scale(.4)}.buddy-aura{filter:blur(4px);z-index:-2;background:radial-gradient(circle at 40% 40%,#ffffffe6 0%,#93c5fd99 30%,#3b82f64d 60%,#0000 80%);border-radius:50%;animation:3s ease-in-out infinite alternate auraPulse;position:absolute;inset:-30px;box-shadow:0 0 60px #93c5fdcc,inset 0 0 40px #fff}@keyframes auraPulse{0%{opacity:.8;filter:blur(4px);transform:scale(.9)}to{opacity:1;filter:blur(8px);transform:scale(1.15)}}.s2-buddy:after{content:"";z-index:-4;background:0 0;border:2px solid #ffffff80;border-radius:50%;animation:16s linear infinite spinRingRev;position:absolute;inset:-40px}@keyframes spinRingRev{to{transform:rotate(-360deg)}}.s2-orbit-dot{z-index:-1;pointer-events:none;border-radius:50%;animation:6s cubic-bezier(.4,0,.2,1) infinite spinRing;position:absolute;inset:-45px}.s2-orbit-dot:before{content:"";width:16px;height:16px;box-shadow:0 0 20px #fff,0 0 40px var(--yel);background:#fff;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.s2-orbit-dot.reverse{animation:9s linear infinite spinRingRev;inset:-15px}.s2-orbit-dot.reverse:before{background:var(--grn);width:10px;height:10px;box-shadow:0 0 15px var(--grn),0 0 30px var(--grn)}.s2-orbit-dot.fast{animation:3s linear infinite spinRing;inset:10px}.s2-orbit-dot.fast:before{background:var(--pink);width:8px;height:8px;box-shadow:0 0 10px var(--pink);top:auto;bottom:0}.s2-buddy.shown{animation:3s ease-in-out infinite buddyBob}@keyframes buddyBob{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.04)translateY(-12px)}}.particle-ring{pointer-events:none;position:absolute}.pring-dot{width:6px;height:6px;animation:ringDotPulse var(--d,2s) var(--del,0s) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes ringDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.s2-bottom{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:14px;width:100%;padding:40px 28px 50px;display:flex}.s2-label{color:var(--dtext3);letter-spacing:2px;text-transform:uppercase;opacity:0;font-size:11px;font-weight:700}.s2-input{width:100%;color:var(--dtext1);opacity:0;text-align:center;background:#fff;border:2px solid #0000;border-radius:18px;outline:none;padding:16px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s,box-shadow .3s,transform .2s;box-shadow:0 4px 20px #0000000a}.s2-input:focus{border-color:var(--org);background:#fff;transform:scale(1.01);box-shadow:0 0 0 6px #3b82f61a,0 4px 20px #00000014}.btn{background:linear-gradient(135deg,var(--org2),var(--org));color:#fff;cursor:pointer;opacity:0;letter-spacing:.2px;border:none;border-radius:18px;width:100%;padding:18px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px #3b82f666,inset 0 1px #fff3}.btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{box-shadow:0 14px 40px #3b82f680,inset 0 1px #fff3}.btn:active{transform:scale(.97)}.btn-ripple{pointer-events:none;background:#ffffff4d;border-radius:50%;animation:.7s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(30)}}#s3{background:var(--cream);justify-content:flex-start;overflow:hidden}.s3-header{flex:none;width:100%;padding:56px 28px 0}.stepbar{gap:5px;margin-bottom:24px;display:flex}.stepdot{background:#00000014;border-radius:2px;flex:1;height:4px;overflow:hidden}.stepdot-fill{background:linear-gradient(90deg,var(--org),var(--org2));width:0%;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.stepdot.done .stepdot-fill{width:100%}.ob-step-tag{color:var(--org);letter-spacing:1px;text-transform:uppercase;opacity:0;background:#ff4d001a;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.ob-q{color:var(--dtext1);letter-spacing:-.5px;opacity:0;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.2;transform:translateY(12px)}.ob-hint{color:var(--dtext3);opacity:0;margin-top:8px;font-size:13px;line-height:1.5;transform:translateY(8px)}.ob-opts{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex:1;gap:10px;width:100%;padding:20px 28px;display:flex;overflow-y:auto}.ob-opts::-webkit-scrollbar{display:none}.opt{cursor:pointer;opacity:0;background:#fff;border:2px solid #0000;border-radius:20px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .25s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative;overflow:hidden;transform:translate(-24px);box-shadow:0 2px 12px #00000008}.opt:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ff4d000d,transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.opt:hover:after{opacity:1}.opt:hover{background:#fff;transform:translate(6px)scale(1.01);box-shadow:0 6px 24px #0000000f}.opt.sel{border-color:var(--org);background:linear-gradient(135deg,var(--cream2),#fff);transform:translate(6px)scale(1.02);box-shadow:0 10px 30px #3b82f61f}.opt-ico{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.opt:hover .opt-ico{transform:scale(1.18)rotate(-6deg)}.opt.sel .opt-ico{transform:scale(1.22)rotate(6deg)}.opt-lbl{color:var(--dtext1);flex:1;font-size:15px;font-weight:600}.opt-tick{background:var(--org);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(0)}.opt.sel .opt-tick{transform:scale(1)}.ob-foot{flex:none;width:100%;padding:12px 28px 36px}#s4{background:var(--cream);justify-content:space-between;padding:64px 0 44px;overflow:hidden}.s4-bg{position:absolute;inset:0}.s4-starfield{opacity:.3;position:absolute;inset:0}.star{background:var(--org);animation:starTwink var(--d,3s) var(--de,0s) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes starTwink{0%,to{opacity:0;transform:scale(1)}50%{opacity:var(--o,.5);transform:scale(1.4)}}.s4-aurora{background:linear-gradient(#ff4d0014 0%,#0000 100%);height:300px;animation:8s ease-in-out infinite alternate auroraWave;position:absolute;top:-50px;left:-50px;right:-50px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 200'%3E%3Cpath d='M-10 100 Q100 20 200 100 Q300 180 400 80 L400 0 L-10 0Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 200'%3E%3Cpath d='M-10 100 Q100 20 200 100 Q300 180 400 80 L400 0 L-10 0Z' fill='black'/%3E%3C/svg%3E")}@keyframes auroraWave{0%{transform:scaleX(1)skew(0)}to{transform:scaleX(1.05)skew(2deg)}}.game-hd{z-index:2;text-align:center;opacity:0;padding:0 28px;position:relative;transform:translateY(-20px)}.game-badge{color:var(--org);letter-spacing:2px;background:#ff4d001a;border:1px solid #ff4d0026;border-radius:20px;margin-bottom:10px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-block}.game-title{color:var(--dtext1);letter-spacing:-.3px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.25}.game-title .hl{color:var(--org)}.pdots{z-index:2;justify-content:center;gap:6px;display:flex;position:relative}.pdot{background:#0000000d;border-radius:50%;width:7px;height:7px;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.pdot.lit{background:var(--org);box-shadow:0 0 10px var(--org),0 0 20px #ff4d0033;transform:scale(1.6)}.tap-arena{z-index:2;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.tap-ring-outer{border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.tap-ring-outer:before{content:"";background:conic-gradient(from 0deg,var(--org) 0%,var(--yel) 30%,var(--org2) 60%,var(--org) 100%);z-index:0;border-radius:50%;animation:2s linear infinite conicSpin;position:absolute;inset:-4px}.tap-ring-outer:after{content:"";background:var(--cream);z-index:1;border-radius:50%;position:absolute;inset:-1px}.tap-pulse-ring{border:2px solid var(--org);opacity:0;z-index:0;border-radius:50%;animation:1.5s ease-out infinite pulsate;position:absolute;inset:0}.tap-pulse-ring:nth-child(2){animation-delay:.5s}@keyframes pulsate{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes conicSpin{to{transform:rotate(360deg)}}.tap-btn{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 35%,#ff7340,#ff4d00 50%,#cc2e00);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;transition:transform .1s;display:flex;position:relative;box-shadow:0 10px 40px #ff4d0066,0 20px 50px #00000026,inset 0 3px #ffffff4d,inset 0 -3px #0003}.tap-btn:active{transform:scale(.92);box-shadow:0 6px 20px #ff4d004d,0 8px 20px #0000001a,inset 0 2px #fff3}.tap-count-num{color:#fff;font-variant-numeric:tabular-nums;font-family:Syne,sans-serif;font-size:62px;font-weight:800;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.tap-count-num.bump{transform:scale(1.35)}.tap-sub{letter-spacing:3px;color:#ffffffe6;margin-top:2px;font-size:11px;font-weight:700}.tap-target-txt{color:var(--dtext3);z-index:2;text-align:center;font-size:13px;font-weight:600;position:relative}.tap-target-txt b{color:var(--org);font-weight:700}.tap-float-lbl{color:var(--yel);pointer-events:none;z-index:10;text-shadow:0 2px 10px #0000004d;font-family:Syne,sans-serif;font-size:22px;font-weight:800;animation:.9s cubic-bezier(.2,0,.8,1) forwards floatNum;position:absolute}@keyframes floatNum{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-90px)scale(.6)}}.shockwave{pointer-events:none;z-index:3;border:3px solid #ff4d0099;border-radius:50%;animation:.5s ease-out forwards shockOut;position:absolute}@keyframes shockOut{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(2.2)}}#s5{background:var(--cream);overflow:hidden}.confwrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.conf{border-radius:var(--r,2px);opacity:0;animation:confDrop var(--d,3s) var(--de,0s) ease-in forwards;position:absolute}@keyframes confDrop{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.1;transform:translateY(900px) rotate(var(--spin,480deg))}}.celeb-inner{z-index:1;flex-direction:column;align-items:center;gap:14px;padding:0 36px;display:flex;position:relative}.celeb-buddy{opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;transform:scale(.2)rotate(-30deg);box-shadow:0 10px 40px #ff4d001a,inset 0 0 20px #ffd4661a}.celeb-buddy.shown{animation:2s ease-in-out infinite buddyBob}.celeb-badge{background:linear-gradient(135deg,var(--org),var(--org2));color:#fff;letter-spacing:.3px;opacity:0;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:700;transform:scale(.8);box-shadow:0 8px 24px #ff4d0059}.celeb-title{color:var(--dtext1);text-align:center;letter-spacing:-.5px;opacity:0;font-family:Syne,sans-serif;font-size:30px;font-weight:800;line-height:1.2}.celeb-title .name{color:var(--org)}.celeb-sub{color:var(--dtext3);text-align:center;opacity:0;font-size:14px;line-height:1.6}.celeb-stats{gap:10px;width:100%;display:flex}.cstat{text-align:center;opacity:0;background:#fff;border-radius:18px;flex:1;padding:14px;transform:translateY(12px);box-shadow:0 4px 16px #0000000d}.cstat-num{color:var(--org);font-family:Syne,sans-serif;font-size:24px;font-weight:800}.cstat-lbl{color:var(--dtext3);letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:600}#s6{background:var(--cream);justify-content:flex-start;gap:0;overflow-y:auto}.s6-top{text-align:center;flex-direction:column;flex:none;align-items:center;width:100%;padding:60px 28px 24px;display:flex}.s6-avatar{opacity:0;width:96px;height:96px;margin-bottom:20px;position:relative;transform:scale(.5)translateY(20px)}.s6-avatar-inner{background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 10px 30px #3b82f61a}.s6-avatar-badge{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;animation:.4s cubic-bezier(.34,1.56,.64,1) .8s both badgePop;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 4px 12px #0000001a}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.s6-name{color:var(--dtext1);letter-spacing:-.5px;opacity:0;font-family:Syne,sans-serif;font-size:26px;font-weight:800;transform:translateY(14px)}.s6-sub{color:var(--dtext3);opacity:0;margin-top:6px;font-size:13px;line-height:1.6}.s6-card{opacity:0;background:#fff;border-radius:24px;flex:none;width:calc(100% - 56px);overflow:hidden;transform:translateY(24px);box-shadow:0 8px 30px #0000000a,0 0 0 1px #00000005}.s6-card-hd{background:linear-gradient(135deg,var(--cream2),var(--cream));color:var(--org);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #00000008;padding:14px 20px;font-size:10px;font-weight:700}.s6-row{opacity:0;border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;transform:translate(-16px)}.s6-row:last-child{border-bottom:none}.s6-row-key{color:var(--dtext3);font-size:13px;font-weight:500}.s6-row-val{color:var(--dtext1);font-size:14px;font-weight:700}.s6-row-val.orange{color:var(--org)}.s6-row-val.green{color:#00aa72}.s6-chip{color:var(--org);background:#ff4d001a;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.s6-foot{flex:none;width:100%;padding:16px 28px 44px}.transition-wipe{background:var(--org);z-index:100;transform-origin:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}#s6::-webkit-scrollbar{display:none}#s6{-ms-overflow-style:none;scrollbar-width:none}.energy-section{z-index:2;width:calc(100% - 56px);position:relative}.energy-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.energy-label-txt{letter-spacing:2.5px;color:var(--dtext3);text-transform:uppercase;font-size:10px;font-weight:700}.energy-state{letter-spacing:.3px;color:var(--org);font-size:12px;font-weight:800;transition:color .3s}.energy-track{background:#0000000d;border-radius:4px;width:100%;height:8px;overflow:hidden}.energy-fill{background:linear-gradient(90deg,#3ea6ff 0%,var(--org) 55%,var(--yel) 100%);border-radius:4px;width:0%;height:100%;transition:width .22s cubic-bezier(.34,1.2,.64,1);position:relative}.energy-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s ease-in-out infinite eShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes eShine{to{transform:translate(250%)}}