@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-latin-800-normal-Bd8-pIP1.woff2) format("woff2"),url(/assets/poppins-latin-800-normal-YoItoZZV.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/poppins-latin-900-normal-BmL1zqjw.woff2) format("woff2"),url(/assets/poppins-latin-900-normal-By5LX1Cr.woff) format("woff")}:root{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f9fbff;background:#01010a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan: #08e8ff;--green: #a7ff23;--yellow: #f3ff00;--pink: #ff4dbb;--violet: #853cff;--panel: rgba(2, 10, 24, .78);--soft: rgba(255, 255, 255, .72);--muted: rgba(218, 232, 255, .72)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden;background:#01010a}button{font:inherit;-webkit-tap-highlight-color:transparent}.moon-app{position:relative;isolation:isolate;width:min(100%,430px);min-height:100svh;margin:0 auto;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom));background:#01010a;box-shadow:0 0 80px #0000009e}.moon-app:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;content:"";pointer-events:none;background:linear-gradient(180deg,#01050d00,#01050d00 48%,#01050d52 62%,#01010a 77%,#01010a)}.space-art{position:absolute;top:0;left:0;z-index:-4;width:100%;height:auto;opacity:1;pointer-events:none}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom));overflow:hidden;background:#01010a;opacity:0;pointer-events:none;transform:scale(1.02);transition:opacity .18s ease,transform .18s ease}.scanner-overlay-open{opacity:1;pointer-events:auto;transform:scale(1)}.scanner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#01010a}.scanner-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,transparent 0 34%,rgba(1,1,10,.24) 44%,rgba(1,1,10,.86) 100%),linear-gradient(180deg,rgba(1,1,10,.78),transparent 24%,transparent 68%,rgba(1,1,10,.86));pointer-events:none}.scanner-topbar,.scanner-target,.scanner-caption{position:relative;z-index:1}.scanner-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.scanner-topbar img{width:148px;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.scanner-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.36);border-radius:999px;color:#fff;cursor:pointer;background:#0106108a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scanner-close svg{width:24px;height:24px;stroke-width:3}.scanner-target{align-self:center;justify-self:center;display:grid;place-items:center;width:min(82vw,370px);aspect-ratio:1}.scanner-ghost-ball{width:72%;height:72%;object-fit:contain;opacity:.16;filter:grayscale(1) saturate(0) drop-shadow(0 0 28px rgba(255,255,255,.28)) drop-shadow(0 0 34px rgba(8,232,255,.28))}.scanner-target-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(8,232,255,.78);border-radius:34px;box-shadow:inset 0 0 34px #08e8ff38,0 0 32px #08e8ff42}.scanner-target-ring:before,.scanner-target-ring:after{position:absolute;top:18px;right:18px;bottom:18px;left:18px;content:"";border:5px solid transparent;border-radius:24px}.scanner-target-ring:before{border-left-color:var(--green);border-top-color:var(--green);clip-path:polygon(0 0,38% 0,38% 15%,15% 15%,15% 38%,0 38%)}.scanner-target-ring:after{border-right-color:var(--cyan);border-bottom-color:var(--cyan);clip-path:polygon(62% 85%,85% 85%,85% 62%,100% 62%,100% 100%,62% 100%)}.scanner-target-sweep{position:absolute;left:10%;right:10%;top:12%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,var(--cyan),transparent);box-shadow:0 0 28px #08e8fff2;opacity:0}.scan-sending .scanner-target-sweep{opacity:1;animation:scanner-target-sweep 1.35s ease-in-out infinite alternate}@keyframes scanner-target-sweep{0%{transform:translateY(0)}to{transform:translateY(min(64vw,270px))}}.scanner-caption{display:grid;gap:6px;justify-items:center;margin-bottom:10px;padding:14px 16px;border:1px solid rgba(8,232,255,.45);border-radius:18px;text-align:center;background:#01061094;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scanner-caption strong{color:#fff;font-size:clamp(1.2rem,6vw,1.75rem);font-style:italic;font-weight:900;line-height:1}.scanner-caption span{color:#ffffffd6;font-size:.86rem;font-weight:700;line-height:1.25}.scanner-scan-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:148px;min-height:46px;margin-top:6px;border:1px solid rgba(167,255,35,.94);border-radius:999px;color:#06111f;font-size:.96rem;font-style:italic;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--yellow),var(--green),var(--cyan));box-shadow:0 0 24px #a7ff2359,0 0 18px #08e8ff38}.scanner-scan-button svg{width:22px;height:22px;stroke-width:3}.scanner-scan-button:disabled{opacity:.68;cursor:default}.scanner-scan-button:disabled svg{animation:spin 1s linear infinite}.scan-result-card{position:absolute;left:50%;top:50%;z-index:3;display:grid;justify-items:center;width:min(84vw,330px);padding:18px 18px 17px;border:1px solid rgba(255,255,255,.28);border-radius:22px;text-align:center;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.18),transparent 48%),#010610c7;box-shadow:inset 0 0 32px #ffffff14,0 22px 54px #00000085;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scan-result-success{border-color:#a7ff23db;box-shadow:inset 0 0 34px #a7ff2321,0 0 34px #a7ff2338,0 22px 54px #00000085}.scan-result-failure{border-color:#ff5b79d1;box-shadow:inset 0 0 34px #ff5b7921,0 0 34px #ff5b792e,0 22px 54px #00000085}.scan-result-badge{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;border-radius:999px;color:#06111f;background:linear-gradient(135deg,var(--yellow),var(--green),var(--cyan));box-shadow:0 0 24px #a7ff237a}.scan-result-failure .scan-result-badge{color:#fff;background:linear-gradient(135deg,#ff315f,#ff8b49);box-shadow:0 0 24px #ff446c73}.scan-result-badge svg{width:31px;height:31px;stroke-width:3.3}.scan-result-card img{width:142px;height:142px;object-fit:contain;margin:-6px 0 -4px;filter:saturate(1.18) drop-shadow(0 15px 18px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(8,232,255,.22))}.scan-result-card strong{color:#fff;font-size:clamp(1.22rem,6.3vw,1.68rem);font-style:italic;font-weight:900;line-height:1}.scan-result-card em{margin-top:5px;color:var(--green);font-size:.94rem;font-style:italic;font-weight:900;letter-spacing:.03em}.scan-result-card p{margin:9px 0 0;color:#ffffffdb;font-size:.82rem;font-weight:700;line-height:1.28}.app-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:34px}.waboba-logo{width:150px;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.42))}.key-setup-panel{position:relative;z-index:4;display:grid;gap:8px;margin:10px 0;padding:12px;border:1px solid rgba(8,232,255,.45);border-radius:14px;color:#fff;background:#020a18e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.key-setup-panel label{font-size:.78rem;font-style:italic;font-weight:900;text-transform:uppercase}.key-setup-panel div{display:grid;grid-template-columns:1fr auto auto;gap:6px}.key-setup-panel input{min-width:0;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 10px;color:#fff;background:#00000047}.key-setup-panel button{border:1px solid rgba(167,255,35,.65);border-radius:10px;padding:8px 9px;color:#06111f;font-size:.68rem;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--green),var(--cyan))}.key-setup-panel p{margin:0;color:#ffffffb8;font-size:.72rem;line-height:1.25}.hero-lockup{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-items:center;min-height:auto;margin-top:-4px;padding-top:8px;padding-bottom:0}.moon-logo-white{position:relative;z-index:4;width:min(82%,312px);height:auto;object-fit:contain;transform:rotate(-3deg);filter:drop-shadow(0 14px 18px rgba(0,0,0,.46))}.ready-stage{position:relative;z-index:5;width:min(93%,368px);margin-top:-18px}.ready-stage:before{position:absolute;top:-4%;right:-18%;bottom:-8%;left:-18%;z-index:-1;content:"";border-radius:999px;filter:blur(10px);background:radial-gradient(ellipse at 45% 50%,rgba(255,255,255,.52),transparent 30%),radial-gradient(ellipse at 54% 56%,rgba(8,232,255,.6),transparent 54%),radial-gradient(ellipse at 26% 62%,rgba(167,255,35,.42),transparent 48%);opacity:1}.ready-art{position:relative;z-index:1;display:block;width:100%;height:auto;transform:rotate(-2deg);filter:drop-shadow(0 0 16px rgba(255,255,255,.42)) drop-shadow(0 0 30px rgba(8,232,255,.4)) drop-shadow(0 0 24px rgba(167,255,35,.22)) drop-shadow(0 18px 22px rgba(0,0,0,.45))}.ball-orbit{position:relative;width:100%;height:266px;margin-top:8px;pointer-events:none}.ball-orbit:before{content:"";display:none}.ball-orbit:after{content:"";display:none}.hero-ball{position:absolute;z-index:1;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.55))}.hero-ball-galaxy{left:-20px;top:80px;width:218px;transform:rotate(-11deg)}.hero-ball-lime{left:50%;top:-54px;width:324px;transform:translate(-50%) rotate(6deg);z-index:2}.hero-ball-pink{right:-20px;top:84px;width:216px;transform:rotate(10deg)}.auth-card{position:relative;z-index:3;display:grid;grid-template-columns:86px 1fr 42px;align-items:center;width:100%;min-height:100px;margin-top:14px;padding:10px 10px 10px 12px;border:1px solid rgba(8,232,255,.78);border-right-color:#f3ff00e6;border-radius:20px;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(90deg,#061427eb,#030d1ec7),var(--panel);box-shadow:inset 0 0 28px #08e8ff17,0 0 28px #08e8ff24,0 0 18px #f3ff001a}.auth-card:active{transform:translateY(1px)}.scan-window{position:relative;display:grid;place-items:center;width:72px;height:72px;overflow:visible;border-radius:0;background:transparent}.scan-window svg{width:38px;height:38px;stroke-width:2.2}.scan-window>svg,.scan-icon-image{position:relative;z-index:2}.scan-icon-image{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(8,232,255,.75)) drop-shadow(0 0 18px rgba(12,255,202,.42))}.scanner-active .scan-icon-image{opacity:1}.scan-sweep{position:absolute;left:5px;right:5px;top:8px;z-index:4;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,var(--cyan),transparent);box-shadow:0 0 18px #08e8fff2;opacity:0}.scan-sending .scan-sweep{opacity:1;animation:scan-sweep 1.25s ease-in-out infinite alternate}@keyframes scan-sweep{0%{transform:translateY(0)}to{transform:translateY(52px)}}.scan-loader{color:var(--cyan);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-copy{display:grid;gap:1px;min-width:0;padding-left:8px;text-transform:uppercase}.auth-copy span{font-size:clamp(1.1rem,5vw,1.45rem);font-style:italic;font-weight:900;line-height:1}.auth-copy strong{width:fit-content;font-size:clamp(1.36rem,6vw,1.85rem);font-style:italic;font-weight:900;line-height:.95;letter-spacing:0;color:var(--green);text-shadow:2px 2px 0 rgba(8,232,255,.65)}.auth-copy em{max-width:220px;color:#ffffffe6;font-size:.86rem;font-style:normal;font-weight:500;line-height:1.2;text-transform:none}.auth-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(167,255,35,.92);border-radius:999px;color:#fff;background:#041222c7;box-shadow:0 0 18px #a7ff2347}.auth-arrow svg{width:25px;height:25px;stroke-width:3.4}.live-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#53627b}.live-dot-on{background:var(--green);box-shadow:0 0 16px var(--green)}.message{display:flex;align-items:flex-start;gap:8px;margin:6px 0;padding:10px 12px;border-radius:12px;color:#fff8c7;font-size:.76rem;font-weight:600;line-height:1.35;background:#f7ae2421;border:1px solid rgba(243,255,0,.25)}.message svg{width:18px;height:18px;flex:0 0 auto}.bounce-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(180deg,#01050d14,#01010a 72%),url(/assets/waboba-moon-crater-background.png) top center / min(100%,430px) auto no-repeat,#01010a;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.bounce-game-overlay-open{opacity:1;pointer-events:auto;transform:translateY(0)}.bounce-game-shell{display:grid;gap:14px;width:min(100%,430px);min-height:calc(100svh - 38px);margin:0 auto}.bounce-game-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.bounce-game-topbar div{display:grid;gap:2px}.bounce-game-topbar span,.bounce-game-score span,.height-run-card span,.bounce-game-metrics span,.bounce-home-copy span,.bounce-home-total span{color:#ffffffbd;font-size:.75rem;font-style:italic;font-weight:900;letter-spacing:.03em}.bounce-game-topbar strong{color:#fff;font-size:clamp(1.45rem,7vw,2.2rem);font-style:italic;font-weight:900;line-height:.96;text-shadow:2px 2px 0 rgba(8,232,255,.5),0 0 22px rgba(167,255,35,.28)}.bounce-game-score{display:grid;justify-items:center;gap:2px;margin-top:10px;padding:20px 16px 18px;border:1px solid rgba(8,232,255,.55);border-radius:22px;background:radial-gradient(circle at 50% 16%,rgba(8,232,255,.24),transparent 44%),linear-gradient(180deg,#041227c2,#020918e0);box-shadow:inset 0 0 38px #08e8ff1f,0 0 30px #08e8ff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bounce-game-score strong{color:#fff;font-size:clamp(5.4rem,30vw,8rem);font-weight:900;line-height:.9;text-shadow:0 0 28px rgba(8,232,255,.45),0 0 34px rgba(167,255,35,.24)}.bounce-game-score em{color:var(--green);font-size:.92rem;font-style:italic;font-weight:900}.bounce-game-controls{display:grid;grid-template-columns:1fr 1fr 46px;gap:8px}.bounce-primary-action,.bounce-secondary-action,.bounce-icon-action,.bounce-home-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid rgba(167,255,35,.86);border-radius:999px;color:#071326;font-size:.74rem;font-style:italic;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--yellow),var(--green),var(--cyan));box-shadow:0 0 18px #a7ff2347}.bounce-primary-action svg,.bounce-secondary-action svg,.bounce-icon-action svg,.bounce-home-button svg{width:19px;height:19px;flex:0 0 auto;stroke-width:3}.bounce-action-live,.bounce-secondary-action{color:#fff;border-color:#08e8ffad;background:#041227d1}.bounce-icon-action{padding:0;color:#fff;background:#041227d1}.bounce-primary-action:disabled,.bounce-secondary-action:disabled{opacity:.62;cursor:default}.height-run-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;padding:14px;border:1px solid rgba(133,60,255,.8);border-radius:18px;background:radial-gradient(circle at 12% 50%,rgba(133,60,255,.3),transparent 42%),#040d1fc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.height-run-card strong{grid-row:span 2;color:#fff;font-size:clamp(2.4rem,13vw,3.7rem);font-weight:900;line-height:.9}.height-run-card strong em,.bounce-game-metrics strong em{font-size:.48em;font-style:normal;font-weight:900}.height-run-card p{margin:0;color:#ffffffc7;font-size:.76rem;font-weight:700}.height-run-waiting_first,.height-run-waiting_second{border-color:#a7ff23db;box-shadow:0 0 24px #a7ff232e}.height-run-complete{border-color:#08e8ffdb;box-shadow:0 0 24px #08e8ff2e}.height-run-invalid{border-color:#ff5b79d1;box-shadow:0 0 24px #ff5b7929}.height-run-invalid span{color:#ff9cad}.bounce-game-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bounce-game-metrics div{display:grid;gap:6px;min-height:86px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(145deg,#ffffff1a,#ffffff05),#020a18bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bounce-game-metrics strong{color:#fff;font-size:clamp(1.55rem,8vw,2.35rem);font-weight:900;line-height:.92}.bounce-game-signal{margin-top:2px}.bounce-home-card{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 46px;align-items:center;gap:12px;min-height:112px;margin-top:12px;padding:14px;border:1px solid rgba(167,255,35,.86);border-radius:20px;background:radial-gradient(circle at 15% 50%,rgba(167,255,35,.28),transparent 42%),linear-gradient(100deg,#041227f0,#030c1cd1);box-shadow:inset 0 0 28px #a7ff2314,0 0 24px #a7ff231f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bounce-home-copy{display:grid;gap:4px;min-width:0}.bounce-home-copy strong{color:#fff;font-size:clamp(1.22rem,5.9vw,1.72rem);font-style:italic;font-weight:900;line-height:.98;text-shadow:2px 2px 0 rgba(8,232,255,.48)}.bounce-home-copy p{margin:0;color:#ffffffc7;font-size:.75rem;font-weight:700;line-height:1.22}.bounce-home-total{display:grid;justify-items:center;min-width:62px}.bounce-home-total strong{color:#fff;font-size:clamp(2rem,10vw,3rem);font-weight:900;line-height:.92}.bounce-home-button{width:46px;min-height:46px;padding:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.stat-card{position:relative;min-height:112px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(165deg,#ffffff24,#ffffff08 34%,#020a18d1),#020c1bbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stat-card-green{border-color:#a7ff23e6;background:radial-gradient(circle at 18% 82%,rgba(167,255,35,.38),transparent 52%),linear-gradient(160deg,#15af3ac7,#02121fe6 72%);box-shadow:inset 0 0 28px #a7ff231f,0 0 16px #a7ff231f}.stat-card-blue{border-color:#08e8ffdb;background:radial-gradient(circle at 22% 78%,rgba(8,232,255,.34),transparent 52%),linear-gradient(160deg,#007fc1c7,#02121fe6 72%);box-shadow:inset 0 0 28px #08e8ff24,0 0 16px #08e8ff1f}.stat-card:before{position:absolute;inset:auto 0 0;height:42px;content:"";background:linear-gradient(135deg,transparent 0 18%,rgba(1,7,16,.38) 18% 32%,transparent 32% 44%,rgba(1,7,16,.34) 44% 58%,transparent 58%),linear-gradient(180deg,transparent,rgba(1,7,16,.58))}.stat-card:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%);opacity:.5}.stat-content{position:relative;z-index:1;display:grid;align-content:space-between;height:100%;min-height:112px;padding:11px}.stat-content h2{margin:0;color:#fff;font-size:clamp(.72rem,3.4vw,.9rem);font-style:italic;font-weight:900;letter-spacing:0;text-shadow:0 2px 7px rgba(0,0,0,.45)}.stat-value-row{display:flex;align-items:center;gap:8px;margin-top:6px}.stat-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:999px;color:var(--yellow);background:#031124d6;box-shadow:inset 0 0 18px #08e8ff38}.stat-icon svg{width:22px;height:22px;stroke-width:3}.stat-content strong{font-size:clamp(2.05rem,11vw,3.2rem);font-weight:900;line-height:.9;letter-spacing:0}.stat-content em{align-self:flex-end;padding-bottom:4px;font-size:1.1rem;font-style:normal;font-weight:900}.stat-content p{margin:4px 0 0;color:#ffffffdb;font-size:.71rem;font-weight:600;line-height:1.25}.stat-action{margin-top:7px}.step-card{display:grid;grid-template-columns:44px 1fr 104px;align-items:center;gap:12px;min-height:92px;margin-top:10px;padding:9px 12px;border:1px solid rgba(133,60,255,.9);border-radius:16px;background:radial-gradient(circle at 14% 50%,rgba(133,60,255,.42),transparent 34%),linear-gradient(90deg,#140838f0,#041027d1);box-shadow:inset 0 0 24px #853cff2e,0 0 18px #853cff1f}.step-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--yellow);background:#0a1226e0;box-shadow:0 0 18px #853cff70}.step-icon svg{width:25px;height:25px;stroke-width:2.8}.bounce-copy{display:grid;align-items:start;gap:5px;line-height:1}.step-card span{color:var(--soft);font-size:.75rem;font-style:italic;font-weight:900}.step-card strong{color:#fff;font-size:2rem;font-weight:900}.listen-toggle{justify-self:start;min-height:30px;padding:6px 12px;border:1px solid rgba(167,255,35,.84);border-radius:999px;color:#071326;font-size:.72rem;font-style:italic;font-weight:900;letter-spacing:0;cursor:pointer;background:linear-gradient(135deg,var(--yellow),var(--green),var(--cyan));box-shadow:0 0 16px #a7ff2347}.listen-toggle-on{color:#fff;border-color:#08e8ffd6;background:#08e8ff2e;box-shadow:0 0 16px #08e8ff57}.listen-toggle:disabled{color:#ffffffc7;cursor:default;background:#ffffff1f;box-shadow:none}.signal-meter{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1f}.signal-meter span{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--yellow),var(--green),var(--cyan));transition:transform .12s ease}.audio-debug{grid-column:1 / -1;margin:-2px 0 0;color:#ffffff94;font-size:.68rem;font-weight:700}.collection{margin-top:16px;padding-bottom:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading h2{margin:0;color:#fff;font-size:clamp(1.05rem,5.2vw,1.38rem);font-style:italic;font-weight:900;letter-spacing:.03em}.section-heading span{display:inline-flex;align-items:center;gap:5px;color:var(--cyan);font-size:.82rem;font-weight:900}.section-heading svg{width:17px;height:17px}.moonball-grid{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(8,232,255,.8) rgba(255,255,255,.12)}.moonball-grid::-webkit-scrollbar{height:6px}.moonball-grid::-webkit-scrollbar-track{background:#ffffff1f;border-radius:999px}.moonball-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px}.moonball-card{position:relative;--collection-ball-scale: .8;display:grid;justify-items:center;flex:0 0 128px;min-height:148px;padding:10px 7px 11px;overflow:hidden;border:1px solid rgba(8,232,255,.75);border-radius:14px;background:#020a18c7;scroll-snap-align:start}.moonball-neon{--collection-ball-scale: 1.67;border-color:#a7ff23e6}.moonball-pink{--collection-ball-scale: 1.55;border-color:#ff4dbbe0}.moonball-galaxy{--collection-ball-scale: 1.56}.moonball-red{border-color:#ff4646e6}.moonball-sunset{border-color:#ffbb1aeb}.moonball-blue{border-color:#55baffe0}.moonball-black{border-color:#e2d39cd1}.moonball-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 50% 20%,rgba(8,232,255,.16),transparent 48%)}.moonball-card-locked{border-color:#a0aabe57;background:#030812b8}.moonball-card-locked:before{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 50%)}.moonball-card img{position:relative;z-index:1;width:104px;height:104px;object-fit:contain;transform:scale(var(--collection-ball-scale));filter:drop-shadow(0 11px 12px rgba(0,0,0,.45))}.moonball-card-unlocked img{opacity:1;filter:saturate(1.16) contrast(1.05) drop-shadow(0 11px 12px rgba(0,0,0,.45))}.moonball-card-locked img{opacity:.42;filter:grayscale(1) saturate(.2) drop-shadow(0 9px 10px rgba(0,0,0,.38))}.moonball-card strong{position:relative;z-index:1;color:#fff;font-size:clamp(.67rem,3.5vw,.82rem);font-weight:900;line-height:1.05;text-align:center;text-shadow:0 2px 7px rgba(0,0,0,.45)}.moonball-card-locked strong{color:#dce2ee8f}.collection-check{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;color:#102112;background:var(--green);box-shadow:0 0 16px #a7ff2399}.collection-check svg{width:20px;height:20px;stroke-width:3}.collection-lock{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffffff9e;background:#040912c2}.collection-lock svg{width:15px;height:15px;stroke-width:2.8}.hidden-canvas{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(min-width:720px){.moon-app{min-height:910px;margin-block:24px;border:1px solid rgba(255,255,255,.15);border-radius:28px}}@media(max-width:370px){.moon-app{padding-inline:12px}.hero-lockup{margin-top:-4px}.moon-logo-white{width:min(82%,286px)}.ready-stage{width:min(94%,326px);margin-top:-18px}.ball-orbit{height:232px;margin-top:8px}.hero-ball-galaxy{left:-14px;top:72px;width:176px}.hero-ball-lime{top:-42px;width:278px}.hero-ball-pink{right:-14px;top:76px;width:174px}.auth-card{grid-template-columns:74px 1fr 36px;margin-top:22px}.scan-window{width:64px;height:64px}.stats-grid{gap:8px}.step-card{grid-template-columns:42px 1fr}.signal-meter{grid-column:1 / -1;width:100%}.moonball-grid{gap:7px}.moonball-card{flex-basis:116px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}