:root{--type-scale: 1.2;--teal: #7DBAB5;--teal-bright: #69DCBB;--lavender: #B387B1;--lavender-soft: #B895C2;--sky: #D0EBF2;--sky-shadow: #B9DFEB;--earth: #D89E64;--brown: #B48B61;--ink: #1E1A1A;--white: #FDFDFD;--cream: #FFF7EC;--glass: rgba(255, 255, 255, .68);--glass-strong: rgba(255, 255, 255, .88);--shadow: 0 18px 45px rgba(54, 70, 76, .18);--shadow-soft: 0 10px 25px rgba(54, 70, 76, .12);--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--app-height: 100dvh;--app-height-fallback: 100vh;--screen-pad-top: max(52px, calc(24px + var(--safe-top)));--screen-pad-bottom: max(24px, calc(16px + var(--safe-bottom)));--screen-pad-inline-start: max(18px, calc(14px + var(--safe-left)));--screen-pad-inline-end: max(18px, calc(14px + var(--safe-right)))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;-webkit-text-size-adjust:100%}html,body{margin:0;width:100%;min-height:var(--app-height-fallback);min-height:var(--app-height);overflow-x:hidden;touch-action:manipulation;-ms-touch-action:manipulation;font-family:ui-rounded,SF Pro Rounded,Nunito,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--sky)}#app,.app-shell,.phone{width:100%;min-height:var(--app-height-fallback);min-height:var(--app-height);touch-action:manipulation;-ms-touch-action:manipulation}body:before,body:after{content:"";position:fixed;width:min(360px,70vw);height:min(360px,70vw);border-radius:42% 58% 55% 45%/49% 42% 58% 51%;opacity:.22;z-index:-2;filter:blur(.2px);animation:blobFloat 13s ease-in-out infinite alternate;pointer-events:none}body:before{left:-130px;top:42px;background:var(--teal-bright)}body:after{right:-160px;bottom:18px;background:var(--lavender-soft);animation-delay:-4s}@keyframes blobFloat{0%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translate3d(24px,-18px,0) rotate(14deg) scale(1.06)}}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;-webkit-text-fill-color:currentColor}.screen{display:none;position:absolute;inset:0;padding:var(--screen-pad-top) var(--screen-pad-inline-end) var(--screen-pad-bottom) var(--screen-pad-inline-start);overflow-y:auto;scrollbar-width:none;animation:screenIn .32s cubic-bezier(.2,.9,.2,1) both}.screen::-webkit-scrollbar{display:none}.screen.active{display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(12px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.screen-bg{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.float-blob{position:absolute;border-radius:46% 54% 58% 42%/48% 36% 64% 52%;opacity:.52;animation:miniBlob 8s ease-in-out infinite alternate}.float-blob.one{width:190px;height:155px;left:-60px;top:90px;background:var(--teal-bright)}.float-blob.two{width:180px;height:135px;right:-62px;top:230px;background:var(--lavender-soft);animation-delay:-3s}.float-blob.three{width:260px;height:160px;left:80px;bottom:-48px;background:#d89e644d;animation-delay:-5s}@keyframes miniBlob{0%{transform:translate(0) rotate(-4deg)}to{transform:translate(18px,-16px) rotate(9deg)}}.stack{display:flex;flex-direction:column;gap:16px;min-height:100%}.centered{min-height:100%;justify-content:center;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}.topbar-leading{display:flex;align-items:center;gap:8px;min-width:0}@media(max-width:390px){:root{--screen-pad-top: max(20px, calc(12px + var(--safe-top)));--screen-pad-bottom: max(20px, calc(12px + var(--safe-bottom)));--screen-pad-inline-start: max(14px, calc(10px + var(--safe-left)));--screen-pad-inline-end: max(14px, calc(10px + var(--safe-right)))}}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.82);border-radius:999px;padding:8px 12px;background:#ffffff94;box-shadow:var(--shadow-soft);backdrop-filter:blur(16px);font-size:calc(12px * var(--type-scale));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#1e1a1ab8}h1,h2,h3,p{margin:0}h1{font-size:clamp(calc(48px * var(--type-scale)),calc(13vw * var(--type-scale)),calc(72px * var(--type-scale)));line-height:.88;letter-spacing:-.08em;font-weight:1000}h2{font-size:clamp(calc(30px * var(--type-scale)),calc(8vw * var(--type-scale)),calc(44px * var(--type-scale)));line-height:.95;letter-spacing:-.055em;font-weight:1000}h3{font-size:calc(18px * var(--type-scale));line-height:1.05;letter-spacing:-.025em;font-weight:950;color:var(--ink)}.muted{color:#1e1a1aa3;line-height:1.38;font-weight:680}.small{font-size:calc(12px * var(--type-scale));line-height:1.35;color:#1e1a1a94;font-weight:740}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.btn.icon-back{flex:0 0 auto;min-height:40px;min-width:40px;width:40px;padding:0;border-radius:999px;background:#ffffff9e;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);font-size:calc(24px * var(--type-scale));font-weight:900;line-height:1;color:var(--ink)}.btn{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:14px 18px;border-radius:999px;font-weight:950;letter-spacing:-.02em;box-shadow:var(--shadow-soft);transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;user-select:none}.btn[hidden]{display:none}.btn:hover{transform:translateY(-2px) scale(1.01)}.btn:active{transform:translateY(1px) scale(.985);filter:saturate(1.08)}.btn.primary{color:var(--ink);background:linear-gradient(135deg,var(--teal-bright),var(--teal));border:1px solid rgba(255,255,255,.8)}.btn.secondary{background:#ffffffb3;color:var(--ink);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(14px)}.btn.ghost{min-height:44px;width:auto;padding:10px 14px;background:#ffffff8f;border:1px solid rgba(255,255,255,.75);box-shadow:none;font-size:calc(13px * var(--type-scale))}.backMenuBtn{min-width:44px;font-size:calc(22px * var(--type-scale));line-height:1;padding-inline:12px}.btn.danger-soft{color:#4e313d;background:#b895c238;border:1px solid rgba(179,135,177,.28);box-shadow:none}.bounce-in{animation:buttonBounce .8s .16s cubic-bezier(.18,.9,.28,1.4) both}@keyframes buttonBounce{0%{opacity:0;transform:translateY(14px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.card{border:1px solid rgba(255,255,255,.78);border-radius:var(--radius-lg);background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}.panel{padding:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:16px;min-height:110px;display:grid;align-content:space-between;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;width:90px;height:70px;right:-28px;bottom:-24px;border-radius:48% 52% 62% 38%/44% 36% 64% 56%;background:#69dcbb38}.metric-label{font-size:calc(12px * var(--type-scale));color:#1e1a1a94;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:calc(27px * var(--type-scale));font-weight:1000;letter-spacing:-.05em}.divider{height:1px;background:#1e1a1a14;margin:2px 0}.hidden{display:none!important}.shake{animation:screenShake .26s linear}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-3px)}}.explorer-insights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.explorer-insight{display:grid;gap:2px;min-width:0;padding:8px 6px;border-radius:14px;background:#ffffff85;border:1px solid rgba(255,255,255,.72);text-align:center}.explorer-insight-label{font-size:calc(9px * var(--type-scale));font-weight:800;line-height:1.15;letter-spacing:.01em;color:#1e1a1a85}.explorer-insight-value{font-size:calc(13px * var(--type-scale));font-weight:1000;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.leader-insights-collapse{border-radius:22px;background:#ffffffa8;border:1px solid rgba(255,255,255,.76);box-shadow:0 9px 18px #36464c17;overflow:hidden}.leader-insights-collapse.is-you{background:radial-gradient(circle at 12% 18%,rgba(242,192,120,.22),transparent 42%),#ffffffc7;border:2px solid rgba(242,192,120,.88);box-shadow:0 0 0 1px #ffecbe8c,0 10px 22px #d89e6429}.leader-insights-collapse>summary{list-style:none;cursor:pointer;position:relative;padding-right:44px}.leader-insights-collapse>summary::-webkit-details-marker{display:none}.leader-item-summary{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px}.leader-insights-collapse>summary:after{content:"›";position:absolute;top:50%;right:12px;width:30px;height:30px;margin-top:-15px;display:grid;place-items:center;border-radius:12px;background:#ffffffb8;font-size:calc(22px * var(--type-scale));font-weight:900;line-height:1;color:#1e1a1a8c;transform:rotate(90deg);transition:transform .2s ease}.leader-insights-collapse[open]>summary:after{transform:rotate(-90deg)}.leader-insights-body{padding:10px 12px 12px;border-top:1px solid rgba(30,26,26,.06);animation:leaderInsightsOpen .22s ease both}@keyframes leaderInsightsOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.leader-insights-hint{margin:0 0 8px;font-size:calc(11px * var(--type-scale));font-weight:700;color:#1e1a1a7a}.breed-card .pet-blob,.menu-breed-plaquita .pet-blob{width:72px;height:62px;box-shadow:inset 0 -7px #00000012,0 12px 20px #1e1a1a1a}.breed-card .pet-face,.menu-breed-plaquita .pet-face{width:36px;height:29px;border-radius:18px 18px 15px 15px}.breed-card .pet-face:before,.breed-card .pet-face:after,.menu-breed-plaquita .pet-face:before,.menu-breed-plaquita .pet-face:after{top:10px;width:5px;height:5px}.breed-card .pet-face:before,.menu-breed-plaquita .pet-face:before{left:9px}.breed-card .pet-face:after,.menu-breed-plaquita .pet-face:after{right:9px}.breed-card .pet-blob.cat .pet-face,.menu-breed-plaquita .pet-blob.cat .pet-face{border-radius:16px 16px 14px 14px}.app-shell{width:100%;min-height:var(--app-height-fallback);min-height:var(--app-height);height:var(--app-height-fallback);height:var(--app-height);display:flex;flex-direction:column;padding:0;margin:0}.phone{width:100%;max-width:none;flex:1 1 auto;min-height:var(--app-height-fallback);min-height:var(--app-height);height:var(--app-height-fallback);height:var(--app-height);position:relative;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:transparent}.phone-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(105,220,187,.22),transparent 34%),radial-gradient(circle at 85% 0%,rgba(184,149,194,.3),transparent 35%),linear-gradient(180deg,#E8FBFF 0%,var(--sky) 48%,#F6E7F4 100%)}.phone-ambient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.8) 0 1px,transparent 1px) 0 0 / 22px 22px;opacity:.11}.ambient-blob{position:absolute;width:min(360px,72vw);height:min(360px,72vw);border-radius:42% 58% 55% 45%/49% 42% 58% 51%;opacity:.34;filter:blur(.2px);animation:ambientBlobFloat 13s ease-in-out infinite alternate}.ambient-blob.one{left:-130px;top:42px;background:var(--teal-bright)}.ambient-blob.two{right:-160px;bottom:18px;background:var(--lavender-soft);animation-delay:-4s}@keyframes ambientBlobFloat{0%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translate3d(24px,-18px,0) rotate(14deg) scale(1.06)}}.phone>.screen,.phone>.install-wizard-layer,.phone>.auth-wizard-layer,.phone>.modal-layer{z-index:1}.phone:before{display:none}.brand-corner{position:absolute;top:max(12px,var(--safe-top));left:max(14px,var(--safe-left));z-index:6;height:30px;pointer-events:none}.phone:has(#splashScreen.active) .brand-corner{top:max(11%,calc(44px + var(--safe-top)));left:0;right:0;width:auto;height:36px;display:flex;justify-content:center;align-items:center;transform:none;animation:none}.phone:has(#splashScreen.active) .brand-corner img{animation:splashBrandBob 3.2s ease-in-out infinite;filter:drop-shadow(0 14px 28px rgba(54,70,76,.16))}@keyframes splashBrandBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1.2deg)}}@keyframes brandBobCentered{0%,to{transform:translate(-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%) translateY(-9px) rotate(1.2deg)}}.brand-corner img{height:100%;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(54,70,76,.14))}.phone:has(#splashScreen.active) .brand-corner img{filter:drop-shadow(0 14px 28px rgba(54,70,76,.16))}.phone:has(#onboardingScreen.active) .brand-corner,.phone:has(#menuScreen.active) .brand-corner,.phone:has(#gameScreen.active) .brand-corner,.phone:has(#leaderboardScreen.active) .brand-corner,.phone:has(.install-wizard-layer.show) .brand-corner,.phone:has(.auth-wizard-layer.show) .brand-corner{opacity:0;pointer-events:none}.phone:has(#achievementsScreen.active) .brand-corner{display:none}.toast-stack{position:absolute;left:14px;right:14px;top:248px;z-index:4;display:grid;gap:8px;pointer-events:none}.global-loader{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#d0ebf259;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.global-loader[hidden]{display:none}.global-loader-spin{width:44px;height:44px;border-radius:50%;border:4px solid rgba(30,26,26,.16);border-top-color:var(--teal-bright, #16b8a3);animation:globalLoaderSpin .75s linear infinite}@keyframes globalLoaderSpin{to{transform:rotate(360deg)}}.checkpoint-banner{position:absolute;left:50%;top:max(140px,calc(var(--safe-top) + 124px));z-index:50;pointer-events:none;opacity:0;transform:translate(-50%) translateY(-8px);padding:11px 18px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(105,220,187,.55);box-shadow:0 10px 26px #48b29438;backdrop-filter:blur(14px);font-size:calc(14px * var(--type-scale));font-weight:1000;letter-spacing:-.01em;color:#2f9e83;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.checkpoint-banner:before{content:"📍 ";-webkit-text-fill-color:initial}.checkpoint-banner.show{animation:checkpointToast 3s ease both}.phone:has(.game-screen.attract-mode) .checkpoint-banner{display:none}@keyframes checkpointToast{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.94)}12%,72%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.98)}}.toast{justify-self:center;max-width:96%;padding:11px 14px;border-radius:999px;background:#ffffffd6;border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px);font-size:calc(12px * var(--type-scale));font-weight:1000;animation:toastIn 2.65s ease both}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.94)}14%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:45}.confetti i{position:absolute;width:8px;height:14px;border-radius:4px;background:var(--teal-bright);animation:confettiDrop 1.1s ease-out forwards}@keyframes confettiDrop{to{transform:translateY(520px) rotate(460deg);opacity:0}}.splash-intro{display:grid;gap:10px;justify-items:center;margin-bottom:4px;padding-top:36px}.splash-intro h1{margin:0;line-height:.92}.splash-tagline{margin-inline:auto}#splashScreen{padding-top:max(18px,var(--safe-top))}#splashScreen .stack.centered{padding-top:22%}.pet-type-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pet-type-pill{min-height:52px;padding:10px 14px;border-radius:999px;border:2px solid rgba(255,255,255,.72);background:#ffffff94;box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);font-size:calc(14px * var(--type-scale));font-weight:950;color:#1e1a1ac2;display:inline-flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.pet-type-pill.selected{transform:translateY(-2px);border-color:var(--teal-bright);background:#ffffffe6;color:var(--ink);box-shadow:0 12px 24px #69dcbb2e}.pet-face{width:52px;height:42px;border-radius:21px;background:#ffffffbd;position:relative;box-shadow:inset 0 -5px #0000000d}.pet-face:before,.pet-face:after{content:"";position:absolute;top:13px;width:7px;height:7px;border-radius:50%;background:#1e1a1acc}.pet-face:before{left:13px}.pet-face:after{right:13px}.tag-pill{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(255,255,255,.82);font-size:calc(12px * var(--type-scale));font-weight:900;color:#1e1a1ab8}.form-group{display:grid;gap:10px}label{font-size:calc(13px * var(--type-scale));font-weight:950;color:#1e1a1abd}input{width:100%;min-height:56px;padding:0 16px;border-radius:19px;border:1px solid rgba(255,255,255,.82);background:#ffffffc7;outline:0;box-shadow:inset 0 1px #fffc,var(--shadow-soft);font-weight:850;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease}input:focus{transform:translateY(-1px);box-shadow:0 0 0 4px #69dcbb38,var(--shadow-soft)}.breed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.breed-card{min-height:154px;padding:12px;border-radius:24px;border:2px solid rgba(255,255,255,.7);background:#ffffff9e;box-shadow:0 10px 22px #36464c1a;display:grid;justify-items:center;gap:8px;text-align:center;color:var(--ink);-webkit-text-fill-color:currentColor;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.breed-card h3{color:var(--ink)}.breed-card .small{color:#1e1a1a94}.breed-card:active,.breed-card.selected{transform:translateY(-3px) scale(1.02);background:#ffffffdb;border-color:var(--teal-bright)}@media(max-width:390px){.breed-card{min-height:138px;padding:10px}}#menuScreen,#menuScreen .stack{overflow-x:clip}.hero-card{position:relative;overflow:visible;min-height:auto;padding:20px 18px;margin-bottom:0;display:grid;gap:14px;background:radial-gradient(circle at 16% 24%,rgba(105,220,187,.38),transparent 32%),radial-gradient(circle at 84% 20%,rgba(184,149,194,.35),transparent 34%),#ffffffad}.hero-card:after{content:"";position:absolute;width:270px;height:165px;right:-80px;top:30px;border-radius:42% 58% 61% 39%/45% 37% 63% 55%;background:#69dcbb70;transform:rotate(-10deg);z-index:0;pointer-events:none}.hero-profile-main{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px 16px}.hero-text-block{flex:1;min-width:0;display:grid;gap:6px;align-content:start;padding-top:4px}.menu-photo-blob-wrap{position:relative;flex:0 0 auto;overflow:visible;padding-bottom:18px}.menu-breed-plaquita{position:absolute;left:50%;bottom:-20px;z-index:4;pointer-events:none;transform:translate(-50%) scale(.72);transform-origin:top center;animation:menuBreedPlaquitaBob 4.2s ease-in-out infinite}.menu-explorer-plaquita-btn{display:block;margin:0;padding:0;border:none;background:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-explorer-plaquita-btn:active .pet-blob{transform:scale(.96)}@keyframes menuBreedPlaquitaBob{0%,to{transform:translate(-50%) scale(.72) translateY(0)}50%{transform:translate(-50%) scale(.72) translateY(3px)}}.profile-preview,.hero-profile-stack{display:grid;gap:12px;align-content:start}.menu-greeting{margin:0;font-size:clamp(calc(20px * var(--type-scale)),calc(4.8vw * var(--type-scale)),calc(26px * var(--type-scale)));line-height:1.1;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-hero-copy{margin:0;font-size:calc(16px * var(--type-scale));line-height:1.4}.menu-hero-insights{position:relative;z-index:1;width:100%;min-width:0;margin-top:4px}.menu-hero-insights .explorer-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-hero-insights .explorer-insight{padding:10px 8px;border-radius:16px}.menu-hero-insights .explorer-insight-label{font-size:calc(11px * var(--type-scale))}.menu-hero-insights .explorer-insight-value{font-size:calc(16px * var(--type-scale))}.hero-card .hero-play-cta{position:relative;z-index:2;width:100%;margin-top:2px;transform:translateY(-1px);box-shadow:0 0 0 1px #b895c25c,0 4px #9f76a833,0 14px 28px #b387b14d,0 24px 42px #1e1a1a17,inset 0 1px #ffffffd6}.hero-card .hero-play-cta:hover{transform:translateY(-3px) scale(1.012);box-shadow:0 0 0 1px #b895c270,0 6px #9f76a83d,0 18px 34px #b387b157,0 28px 48px #1e1a1a1c,inset 0 1px #ffffffe0}.hero-card .hero-play-cta:active{transform:translateY(1px) scale(.992);box-shadow:0 0 0 1px #b895c247,0 2px #9f76a829,0 8px 18px #b387b138,inset 0 1px #ffffffb8}.menu-photo-blob{--photo-bg: var(--teal);position:relative;width:96px;height:96px;margin:0;padding:0;border:2.5px solid rgba(255,255,255,.96);border-radius:48% 52% 62% 38%/44% 36% 64% 56%;background:var(--photo-bg);box-shadow:0 0 0 1px #ffffff73,0 12px 22px #1e1a1a1c;overflow:hidden;cursor:pointer;display:grid;place-items:center;animation:menuPhotoBlobMorph 9s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.menu-photo-blob:active{transform:scale(.98)}@keyframes menuPhotoBlobMorph{0%,to{border-radius:48% 52% 62% 38%/44% 36% 64% 56%}50%{border-radius:52% 48% 58% 42%/42% 38% 62% 58%}}.menu-photo-img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;object-position:center;pointer-events:none}.menu-photo-placeholder{position:relative;z-index:1;padding:0 8px;text-align:center;font-size:calc(11px * var(--type-scale));font-weight:900;line-height:1.25;color:#fffffff0;text-shadow:0 1px 8px rgba(30,26,26,.18)}.menu-photo-blob.has-photo .menu-photo-placeholder{display:none}.menu-photo-blob-wrap .online-avatar-bubble{position:absolute;top:0;right:8px;z-index:5;width:16px;height:16px;border-radius:999px;border:1.5px solid #fff;pointer-events:none}.menu-photo-blob-wrap .online-avatar-bubble.is-online{background:#3ecf8e;box-shadow:0 0 0 1px #3ecf8e47,0 0 8px #3ecf8e80;animation:heroOnlineGlow 2.4s ease-in-out infinite}.menu-photo-blob-wrap .online-avatar-bubble.is-online:after{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px solid rgba(62,207,142,.42);opacity:0;animation:heroOnlineRing 2.4s ease-in-out infinite}.menu-photo-blob-wrap .online-avatar-bubble.is-offline{background:#b5b5b5;box-shadow:0 0 0 1px #1e1a1a1a}@keyframes heroOnlineGlow{0%,to{transform:scale(1);box-shadow:0 0 0 1px #3ecf8e47,0 0 6px #3ecf8e6b}50%{transform:scale(1.06);box-shadow:0 0 0 2px #3ecf8e73,0 0 12px #3ecf8eb8,0 0 20px #3ecf8e47}}@keyframes heroOnlineRing{0%,to{transform:scale(.85);opacity:0}45%{opacity:.55}70%{transform:scale(1.45);opacity:0}}.pet-photo-file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.profile-modal-lead{margin:0}.profile-modal-hero{display:grid;gap:14px;justify-items:center}.profile-modal-name{width:100%;gap:8px}.profile-modal-name label{text-align:center}.profile-modal-name input{min-height:50px;text-align:center}.profile-modal-account{margin-top:14px;text-align:center}.profile-modal-account-email{margin:0;line-height:1.45}.profile-sign-out-link{display:block;width:100%;margin:18px 0 0;padding:0;text-align:center;border:0;background:none;font:inherit;font-size:calc(12px * var(--type-scale));font-weight:800;letter-spacing:.02em;color:#8b2e2eb8;text-decoration:underline;text-underline-offset:2px;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-sign-out-link:hover{color:#8b2e2e}.pet-photo-modal-preview-wrap{position:relative;width:148px;height:148px;margin:0 auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.pet-photo-modal-preview-wrap:focus-visible{outline:3px solid rgba(105,220,187,.65);outline-offset:4px;border-radius:48% 52% 62% 38%/44% 36% 64% 56%}.pet-photo-modal-preview-wrap:active{transform:scale(.98)}.pet-photo-modal-preview-wrap.is-uploading{opacity:.72;pointer-events:none;cursor:wait}.pet-photo-modal-preview-blob,.pet-photo-modal-preview-img{width:100%;height:100%;border-radius:48% 52% 62% 38%/44% 36% 64% 56%;border:3px solid rgba(255,255,255,.92);box-shadow:0 12px 24px #36464c1f}.pet-photo-modal-preview-blob{display:grid;place-items:center;background:#69dcbb47;color:#1e1a1a7a;font-size:calc(12px * var(--type-scale));font-weight:800;text-align:center;padding:0 12px;line-height:1.3}.pet-photo-modal-preview-img{position:absolute;inset:0;object-fit:cover}.menu-avatar-stack{display:grid;justify-items:center;align-content:start;width:110px}.pet-blob{width:110px;height:96px;position:relative;border-radius:48% 52% 62% 38%/44% 36% 64% 56%;background:var(--teal);box-shadow:inset 0 -10px #00000012,0 18px 30px #1e1a1a1f;display:grid;place-items:center;border:2px solid rgba(255,255,255,.78)}.pet-blob:before,.pet-blob:after{content:"";position:absolute;top:20px;width:19px;height:28px;border-radius:999px;background:#1e1a1a26}.pet-blob:before{left:24px;transform:rotate(-18deg)}.pet-blob:after{right:24px;transform:rotate(18deg)}.pet-blob.cat:before,.pet-blob.cat:after{top:2px;width:20px;height:24px;border-radius:8px 8px 2px 2px;background:#1e1a1a24;border:2px solid rgba(255,255,255,.42)}.pet-blob.cat:before{left:14px;transform:rotate(-28deg)}.pet-blob.cat:after{right:14px;transform:rotate(28deg)}.pet-blob.cat .pet-face{border-radius:18px 18px 16px 16px}.menu-actions{display:grid;gap:10px}.play-cta{position:relative;overflow:hidden;justify-content:flex-start;gap:12px;min-height:62px;padding:12px 16px 12px 14px;text-align:left;color:#3d2a42;border:1.5px solid rgba(255,255,255,.88);background:radial-gradient(circle at 12% 22%,rgba(255,247,236,.7),transparent 40%),linear-gradient(135deg,#f8ecfcfa,#d8bee4f2 52%,#b895c2f0);box-shadow:0 0 0 1px #b895c252,0 10px 24px #b387b138,inset 0 1px #ffffffc7;animation:playCtaGlow 3.4s ease-in-out infinite}.play-cta:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-130%);animation:playCtaShimmer 4.4s ease-in-out infinite;pointer-events:none}.play-cta-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;font-size:calc(20px * var(--type-scale));background:#ffffffa3;border:1px solid rgba(255,255,255,.84);box-shadow:inset 0 -2px #b895c229}.play-cta-copy{display:grid;gap:2px;flex:1 1 auto;min-width:0}.play-cta-title{font-size:calc(16px * var(--type-scale));font-weight:1000;letter-spacing:-.03em;line-height:1.1}.play-cta-sub{font-size:calc(11px * var(--type-scale));font-weight:800;color:#3d2a42a8;line-height:1.2}.play-cta:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 0 0 1px #b895c266,0 14px 28px #b387b147,inset 0 1px #ffffffd1}@keyframes playCtaGlow{0%,to{box-shadow:0 0 0 1px #b895c247,0 8px 20px #b387b12e,inset 0 1px #ffffffb8}50%{box-shadow:0 0 0 1px #b895c26b,0 12px 28px #b387b14d,inset 0 1px #ffffffd9}}@keyframes playCtaShimmer{0%,22%,to{transform:translate(-130%);opacity:0}48%,58%{opacity:.85}82%{transform:translate(130%);opacity:0}}.leader-cta{position:relative;overflow:hidden;justify-content:flex-start;gap:12px;min-height:62px;padding:12px 16px 12px 14px;text-align:left;color:#1f3d34;border:1.5px solid rgba(255,255,255,.88);background:radial-gradient(circle at 88% 18%,rgba(255,236,190,.55),transparent 42%),linear-gradient(135deg,#d6f8ecfa,#a8ecd2f0 48%,#69dcbbeb);box-shadow:0 0 0 1px #69dcbb59,0 10px 24px #69dcbb47,inset 0 1px #ffffffbf;animation:leaderCtaGlow 3.2s ease-in-out infinite}.leader-cta:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-130%);animation:leaderCtaShimmer 4.2s ease-in-out infinite;pointer-events:none}.leader-cta-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;font-size:calc(20px * var(--type-scale));background:#ffffff9e;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 -2px #69dcbb2e}.leader-cta-copy{display:grid;gap:2px;flex:1 1 auto;min-width:0}.leader-cta-title{font-size:calc(15px * var(--type-scale));font-weight:1000;letter-spacing:-.03em;line-height:1.15}.leader-cta-sub{font-size:calc(11px * var(--type-scale));font-weight:800;color:#1f3d34ad;line-height:1.2}.leader-cta-live{flex:0 0 auto;width:9px;height:9px;border-radius:999px;background:#3ecf8e;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 2px #3ecf8e38;animation:leaderCtaPulse 2s ease-in-out infinite}.leader-cta:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 0 0 1px #69dcbb6b,0 14px 28px #69dcbb57,inset 0 1px #fffc}@keyframes leaderCtaGlow{0%,to{box-shadow:0 0 0 1px #69dcbb52,0 8px 20px #69dcbb38,inset 0 1px #ffffffb8}50%{box-shadow:0 0 0 1px #69dcbb7a,0 12px 28px #69dcbb57,inset 0 1px #ffffffd9}}@keyframes leaderCtaShimmer{0%,20%,to{transform:translate(-130%);opacity:0}45%,55%{opacity:.9}80%{transform:translate(130%);opacity:0}}@keyframes leaderCtaPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.88}}.sync-status-hint{margin:0;text-align:center;color:#1e1a1a7a;font-size:calc(12px * var(--type-scale));line-height:1.35}.soft-cta-card{position:relative;overflow:hidden;display:grid;gap:12px;border:1.5px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#fffcf8fc,#f1f9fcfa 52%,#e8f7f4f7);box-shadow:0 0 0 1px #69dcbb2e,0 12px 28px #7dbab524,inset 0 1px #ffffffeb;animation:softCtaFloat 5.8s ease-in-out infinite,softCtaGlow 3.6s ease-in-out infinite}.soft-cta-card:before{content:"";position:absolute;inset:-28%;z-index:0;border-radius:46% 54% 58% 42%/48% 36% 64% 52%;background:radial-gradient(circle at 22% 34%,rgba(105,220,187,.26),transparent 52%),radial-gradient(circle at 78% 68%,rgba(216,158,100,.18),transparent 50%),radial-gradient(circle at 58% 18%,rgba(184,149,194,.14),transparent 46%);opacity:.65;animation:softCtaFlow 14s ease-in-out infinite alternate;pointer-events:none}.soft-cta-card:after{content:"";position:absolute;inset:-2px;z-index:1;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%);transform:translate(-130%);animation:softCtaShimmer 5s ease-in-out infinite;pointer-events:none}.soft-cta-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.soft-cta-copy{display:grid;gap:6px;min-width:0}.soft-cta-copy h3{margin:0;font-size:clamp(calc(15px * var(--type-scale)),calc(4.1vw * var(--type-scale)),calc(17px * var(--type-scale)));font-weight:1000;letter-spacing:-.02em;line-height:1.22;color:#1e1a1a}.soft-cta-copy .muted{margin:0;font-size:calc(13px * var(--type-scale));font-weight:750;line-height:1.38;color:#1e1a1abd}.soft-cta-image{position:relative;z-index:2;width:104px;height:104px;object-fit:contain;flex-shrink:0;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 16px rgba(30,26,26,.14))}.soft-cta-btn{position:relative;z-index:2;width:100%;min-height:52px;font-weight:1000;letter-spacing:-.02em;box-shadow:0 0 0 1px #ffffff6b,0 8px 18px #69dcbb47}@keyframes softCtaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes softCtaFlow{0%{transform:translate(0) scale(1) rotate(-3deg)}50%{transform:translate(6%,-5%) scale(1.08) rotate(4deg)}to{transform:translate(-4%,4%) scale(1.04) rotate(-2deg)}}@keyframes softCtaGlow{0%,to{box-shadow:0 0 0 1px #69dcbb24,0 10px 24px #7dbab51a,inset 0 1px #ffffffe6}50%{box-shadow:0 0 0 1px #69dcbb38,0 14px 30px #7dbab529,inset 0 1px #fffffff2}}@keyframes softCtaShimmer{0%,22%,to{transform:translate(-130%);opacity:0}46%,54%{opacity:.85}78%{transform:translate(130%);opacity:0}}@media(prefers-reduced-motion:reduce){.soft-cta-card,.soft-cta-card:before,.soft-cta-card:after{animation:none}}#menuScreen .topbar{gap:8px;flex-wrap:nowrap}#menuScreen .topbar-leading{flex:1 1 auto;min-width:0}.change-companion-btn{flex:0 0 auto;min-height:36px;width:auto;max-width:min(100%,210px);padding:7px 11px 7px 9px;gap:5px;white-space:nowrap;font-size:calc(11px * var(--type-scale));font-weight:950;letter-spacing:-.01em;color:#1f3f39;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.72),transparent 48%),linear-gradient(135deg,#69dcbb94,#7dbab56b);border:1.5px solid rgba(105,220,187,.82);box-shadow:0 0 0 1px #ffffff8c,0 8px 18px #69dcbb3d}.change-companion-btn-label{overflow:hidden;text-overflow:ellipsis}.change-companion-btn:hover{box-shadow:0 0 0 1px #ffffff9e,0 10px 22px #69dcbb4d}.change-companion-btn-icon{flex:0 0 auto;font-size:calc(14px * var(--type-scale));line-height:1}.menu-share-btn{justify-content:center;gap:6px;padding-inline:16px}.menu-share-btn-icon{flex:0 0 auto;font-size:calc(18px * var(--type-scale));font-weight:900;line-height:1;color:#1e1a1a94}.offline-badge{display:inline-flex;align-items:center;margin-left:0;max-width:100%;padding:4px 8px;border-radius:999px;border:1.5px solid #8b2e2e;color:#8b2e2e;background:#8b2e2e0f;font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}.offline-badge[hidden]{display:none!important}.offline-badge-label{font-size:calc(10px * var(--type-scale));font-weight:900;letter-spacing:.04em;text-transform:uppercase}.offline-badge.is-offline{border-color:#8b2e2e;color:#8b2e2e;background:#8b2e2e0f}.offline-badge.is-offline:hover{background:#8b2e2e1a}.offline-badge.is-offline:active{transform:scale(.97)}.daily-mission-link-btn{width:100%;min-height:44px;margin-top:2px;font-size:calc(13px * var(--type-scale))}@media(max-width:390px){.soft-cta-image{width:88px;height:88px}.menu-breed-plaquita{bottom:-17px;transform:translate(-50%) scale(.66);animation:menuBreedPlaquitaBobMobile 4.2s ease-in-out infinite}@keyframes menuBreedPlaquitaBobMobile{0%,to{transform:translate(-50%) scale(.66) translateY(0)}50%{transform:translate(-50%) scale(.66) translateY(3px)}}}.game-screen.attract-mode .game-hud,.game-screen.attract-mode .district-banner,.game-screen.attract-mode .platform-hint,.game-screen.attract-mode .tap-hint,.game-screen.attract-mode .jump-pad,.game-screen.attract-mode .pause-btn{opacity:0;pointer-events:none}.game-screen.attract-mode{z-index:1;display:block}.game-screen{padding:0;overflow:hidden;background:#d0ebf2;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-screen *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-screen .pause-btn,.game-screen .jump-pad{-webkit-tap-highlight-color:transparent}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;background:var(--sky)}.game-hud{position:absolute;top:max(50px,calc(14px + var(--safe-top) + 30px));left:14px;right:14px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud-left{display:grid;gap:8px;flex:1;min-width:0;max-width:calc(100% - 50px)}.hud-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hud-row--two{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:36px;padding:8px 10px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(14px);box-shadow:0 10px 22px #36464c21;font-size:calc(12px * var(--type-scale));font-weight:1000;font-variant-numeric:tabular-nums;white-space:nowrap;transition:transform .16s ease}.hud-chip.pop{animation:scorePop .28s cubic-bezier(.18,.9,.28,1.6)}@keyframes scorePop{50%{transform:scale(1.16)}}.pause-btn{pointer-events:auto;width:42px;height:42px;border-radius:15px;background:#ffffffb8;border:1px solid rgba(255,255,255,.78);box-shadow:0 10px 22px #36464c21;font-weight:1000;color:#1e1a1ac7;backdrop-filter:blur(14px);transition:transform .14s ease}.pause-btn:active{transform:scale(.94)}.district-banner{position:absolute;top:86px;left:50%;transform:translate(-50%) translateY(-12px);z-index:4;opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-soft);font-size:calc(13px * var(--type-scale));font-weight:1000;white-space:nowrap;backdrop-filter:blur(14px)}.district-banner.show{animation:districtShow 2.1s ease both}@keyframes districtShow{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.92)}20%,80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-12px) scale(.96)}}.tap-hint{position:absolute;left:50%;bottom:max(108px,calc(var(--safe-bottom) + 108px));transform:translate(-50%);z-index:2;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);color:#1e1a1a94;font-weight:400;font-size:calc(13px * var(--type-scale));line-height:1.35;text-align:center;background:transparent;border:0;border-radius:0;padding:0;backdrop-filter:none;pointer-events:none;opacity:.88;transition:opacity .22s ease}.tap-hint.hide{opacity:0}.platform-hint{position:absolute;left:50%;bottom:max(136px,calc(var(--safe-bottom) + 136px));transform:translate(-50%);z-index:2;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);color:#1e1a1a94;font-weight:400;font-size:calc(12px * var(--type-scale));line-height:1.35;text-align:center;background:transparent;border:0;border-radius:0;padding:0;backdrop-filter:none;pointer-events:none;opacity:.78;transition:opacity .22s ease}.platform-hint.hide{opacity:0}.jump-pad{--charge: 0;position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:max(20px,calc(var(--safe-bottom) + 12px));z-index:6;width:92px;height:92px;padding:0;border:none;cursor:pointer;touch-action:none;pointer-events:auto;color:#1e1a1ad1;border-radius:48% 52% 50% 50%/52% 48%;background:radial-gradient(circle at 32% 28%,#fffffff5,#69dcbbe6 42%,#48b294f5);box-shadow:0 0 0 calc(3px + var(--charge) * 12px) rgba(105,220,187,calc(.22 + var(--charge) * .42)),0 14px 34px #36464c3d,inset 0 -7px 18px #1e1a1a1a,inset 0 2px 8px #ffffff8c;transition:transform .12s cubic-bezier(.18,.9,.28,1.4),box-shadow .08s linear,opacity .14s ease;animation:jumpPadIdle 4.2s ease-in-out infinite}.jump-pad-aura{position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(circle,rgba(105,220,187,.28),transparent 68%);opacity:calc(.35 + var(--charge) * .55);pointer-events:none;transition:opacity .08s linear}.jump-pad-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;pointer-events:none}.jump-pad-icon{width:26px;height:26px;transform:translateY(1px);transition:transform .12s ease}.jump-pad-label{font-size:calc(11px * var(--type-scale));font-weight:1000;letter-spacing:.06em;text-transform:uppercase;line-height:1}.jump-pad.is-pressed{transform:scale(.9);animation:none}.jump-pad.is-pressed .jump-pad-icon{transform:translateY(-3px) scale(1.08)}.jump-pad.is-dragging{transform:scale(1.05);opacity:.94;animation:none;box-shadow:0 20px 42px #36464c4d}.jump-pad.is-released{animation:jumpPadPop .22s ease}@keyframes jumpPadIdle{0%,to{border-radius:48% 52% 50% 50%/52% 48%}50%{border-radius:54% 46% 52% 48%/48% 52% 46% 54%}}@keyframes jumpPadPop{45%{transform:scale(1.1)}to{transform:scale(1)}}.leaderboard-panel{position:relative}#leaderboardScreen.is-gated{overflow:hidden}.leaderboard-panel.is-gated .leader-list{filter:blur(7px);pointer-events:none;user-select:none}.leaderboard-gate{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:max(52px,calc(24px + var(--safe-top))) 18px 24px;background:#e8fbff73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;pointer-events:auto}.leaderboard-gate[hidden]{display:none!important}.leaderboard-gate-card{position:relative;width:min(100%,360px);margin-top:0;padding:18px 16px;border-radius:24px;background:#fffffff0;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft);display:grid;gap:10px}.leaderboard-gate-card[hidden]{display:none!important}.leaderboard-gate-social-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid rgba(30,26,26,.08);pointer-events:none}.leaderboard-gate-social-row[hidden]{display:none!important}.online-avatar-stack{display:flex;align-items:center;justify-content:flex-end;padding-right:2px;flex:0 0 auto}.online-avatar-chip-wrap{position:relative;flex:0 0 auto;margin-left:-9px}.online-avatar-chip-wrap:first-child{margin-left:0}.online-avatar-chip{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:calc(11px * var(--type-scale));font-weight:900;color:#fff;text-transform:uppercase;border:2px solid rgba(255,255,255,.96);box-shadow:0 2px 8px #36464c24}.online-avatar-chip-wrap .online-avatar-bubble{position:absolute;top:-1px;right:-1px;width:11px;height:11px;border-radius:999px;background:#3ecf8e;border:1.5px solid #fff;box-shadow:0 0 0 1px #3ecf8e38;pointer-events:none}.online-count-label{margin:0;font-size:calc(10px * var(--type-scale));font-weight:800;line-height:1.25;color:#1e1a1a94;letter-spacing:.01em;text-align:left;flex:1 1 auto;min-width:0}.leaderboard-gate-card h3{margin:0;font-size:calc(20px * var(--type-scale))}.leaderboard-gate-auth{display:grid;gap:10px}.leaderboard-gate-card .btn{width:100%}.leader-item h3,.leader-item-summary h3{display:flex;align-items:center;gap:6px;margin:0}.presence-dot{width:9px;height:9px;border-radius:999px;flex:0 0 auto;background:#1e1a1a38;box-shadow:inset 0 0 0 1px #ffffff80}.presence-dot.online{background:#3ecf8e;box-shadow:0 0 0 2px #3ecf8e38}.presence-dot.offline{background:#1e1a1a33}.leader-list,.achievement-list{display:grid;gap:10px}.leaderboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.leaderboard-actions .btn{min-height:52px;font-size:calc(15px * var(--type-scale))}.leader-sync-meta{margin:0;font-size:calc(12px * var(--type-scale));line-height:1.35;color:#1e1a1a75;letter-spacing:.01em}.leader-rank-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.leader-rank-pill{min-height:44px;padding:8px 10px;border-radius:999px;border:2px solid rgba(255,255,255,.72);background:#ffffff94;box-shadow:var(--shadow-soft);font-size:calc(12px * var(--type-scale));font-weight:950;color:#1e1a1aad;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.leader-rank-pill.selected{transform:translateY(-1px);border-color:var(--teal-bright);background:#ffffffeb;color:var(--ink);box-shadow:0 10px 20px #69dcbb29}.leader-item .leader-value-unit,.leader-item-summary .leader-value-unit{display:block;font-size:calc(11px * var(--type-scale));font-weight:800;color:#1e1a1a6b;text-align:right;margin-top:2px}.last-run-card{margin-top:2px}.last-run-collapse{border-radius:24px;background:#ffffffa8;border:1px solid rgba(255,255,255,.76);box-shadow:0 9px 18px #36464c17;overflow:hidden}.last-run-collapse>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.last-run-collapse>summary::-webkit-details-marker{display:none}.last-run-collapse>summary:after{content:"›";flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:12px;background:#ffffffb8;font-size:calc(22px * var(--type-scale));font-weight:900;line-height:1;color:#1e1a1a8c;transform:rotate(90deg);transition:transform .2s ease}.last-run-collapse[open]>summary:after{transform:rotate(-90deg)}.last-run-summary{display:grid;gap:4px;min-width:0}.last-run-summary h3{margin:0;font-size:calc(17px * var(--type-scale));letter-spacing:-.03em}.last-run-preview{font-size:calc(12px * var(--type-scale));font-weight:760;color:#1e1a1a94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-run-body{padding:0 16px 16px;display:grid;gap:10px;border-top:1px solid rgba(30,26,26,.06);animation:lastRunOpen .22s ease both}@keyframes lastRunOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.last-run-body .grid-2{gap:8px}.leader-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:22px;background:#ffffffa8;border:1px solid rgba(255,255,255,.76);box-shadow:0 9px 18px #36464c17}.leader-item.is-you{background:radial-gradient(circle at 12% 18%,rgba(242,192,120,.22),transparent 42%),#ffffffc7;border:2px solid rgba(242,192,120,.88);box-shadow:0 0 0 1px #ffecbe8c,0 10px 22px #d89e6429}.leader-item.is-you .rank-medal,.leader-insights-collapse.is-you .rank-medal{background:linear-gradient(180deg,#fff7ecf2,#f2c0786b);box-shadow:inset 0 -3px #d89e642e}.rank-medal{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#ffffffbf;font-weight:1000;box-shadow:inset 0 -4px #0000000d}.mini-avatar{position:relative;width:28px;height:24px;border-radius:48% 52% 62% 38%/44% 36% 64% 56%;display:inline-block;vertical-align:-6px;margin-right:6px;box-shadow:inset 0 -4px #00000014;overflow:hidden}.mini-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-avatar-spin{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid rgba(255,255,255,.55);border-top-color:#fffffff2;animation:miniAvatarSpin .7s linear infinite;z-index:1}.mini-avatar.is-loaded .mini-avatar-spin{display:none}@keyframes miniAvatarSpin{to{transform:rotate(360deg)}}.achievement-item,.leader-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:22px;background:#ffffffa8;border:1px solid rgba(255,255,255,.76);box-shadow:0 9px 18px #36464c17}.achievement-item{grid-template-columns:46px 1fr}.ach-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;background:#ffffffb8;font-size:calc(23px * var(--type-scale));box-shadow:inset 0 -5px #0000000d}.achievement-item.is-today{background:radial-gradient(circle at 88% 0%,rgba(105,220,187,.18),transparent 38%),#ffffffc2;border:2px solid rgba(105,220,187,.72);box-shadow:0 9px 20px #36464c1c}.achievement-item.is-today:not(.is-complete) .ach-icon{background:linear-gradient(180deg,#fffffff2,#69dcbb47)}.achievement-item.is-complete{background:radial-gradient(circle at 12% 18%,rgba(242,192,120,.2),transparent 42%),#ffffffbd;border:1px solid rgba(242,192,120,.72);box-shadow:0 9px 18px #d89e641f}.achievement-item.is-complete .ach-icon{background:linear-gradient(180deg,#fff7ecf2,#f2c07859)}.achievement-item.is-current:not(.is-today){background:radial-gradient(circle at 88% 0%,rgba(132,215,231,.14),transparent 38%),#ffffffb8;border:1px dashed rgba(132,215,231,.62)}.achievement-item.is-current:not(.is-today) .ach-icon{background:linear-gradient(180deg,#fffffff2,#84d7e73d)}.mission-bonus-pill{font-size:calc(11px * var(--type-scale));font-weight:900;color:#1e1a1a9e}.daily-mission-card.is-done{border-color:#69dcbb8c;background:radial-gradient(circle at 88% 0%,rgba(105,220,187,.16),transparent 38%),#ffffffb8}.tag-pill.is-mission-complete{position:relative;overflow:hidden;background:linear-gradient(135deg,#d6f8ecf5,#a8ecd2e6);border:1px solid rgba(105,220,187,.72);color:#206252eb;box-shadow:0 0 0 1px #ffffff94,0 6px 16px #69dcbb33;animation:missionCompleteGlow 2.6s ease-in-out infinite}.tag-pill.is-mission-complete:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.52) 50%,transparent 72%);transform:translate(-130%);animation:missionCompleteShimmer 3.8s ease-in-out infinite;pointer-events:none}.tag-pill.is-mission-complete.pop-once{animation:missionCompletePop .58s cubic-bezier(.18,.9,.28,1),missionCompleteGlow 2.6s ease-in-out .58s infinite}@keyframes missionCompleteGlow{0%,to{box-shadow:0 0 0 1px #ffffff8c,0 5px 14px #69dcbb29}50%{box-shadow:0 0 0 1px #ffffffb8,0 8px 22px #69dcbb4d}}@keyframes missionCompleteShimmer{0%,18%,to{transform:translate(-130%);opacity:0}42%,58%{opacity:.85}75%{transform:translate(130%);opacity:0}}@keyframes missionCompletePop{0%{transform:scale(.9)}55%{transform:scale(1.07)}to{transform:scale(1)}}.achievement-item.locked{opacity:.62;filter:grayscale(.55);background:#ffffff6b;border-style:dashed;border-color:#1e1a1a1f}.achievement-item.locked h3{color:#1e1a1a94}.achievement-item.locked .ach-icon{background:#ffffff80;font-size:calc(18px * var(--type-scale))}.achievement-requirement{color:#1e1a1a85;font-weight:760}.modal-layer{position:absolute;inset:0;z-index:20;display:none;place-items:center;padding:18px;background:#1b2c343d;backdrop-filter:blur(10px)}.modal-layer.show{display:grid;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:min(100%,390px);max-height:calc(100dvh - 70px);overflow:auto;padding:22px;border-radius:32px;background:radial-gradient(circle at 20% 5%,rgba(105,220,187,.23),transparent 35%),radial-gradient(circle at 92% 10%,rgba(184,149,194,.26),transparent 36%),#ffffffe0;border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow);animation:modalPop .28s cubic-bezier(.18,.9,.28,1.25) both}@keyframes modalPop{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-actions{display:grid;gap:10px;margin-top:18px}.share-preview{display:grid;gap:10px;padding:14px;border-radius:24px;background:linear-gradient(135deg,#ffffffc7,#ffffff7a),radial-gradient(circle at 14% 18%,rgba(105,220,187,.3),transparent 32%),radial-gradient(circle at 88% 20%,rgba(184,149,194,.3),transparent 38%);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #fffc}.share-preview-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:calc(13px * var(--type-scale));font-weight:950;color:#1e1a1ab8}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px #ffffffa6}.toggle-copy{display:grid;gap:3px;min-width:0}.switch{position:relative;width:58px;height:34px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0;min-height:0;padding:0;box-shadow:none}.slider{position:absolute;inset:0;border-radius:999px;background:#1e1a1a2e;border:1px solid rgba(255,255,255,.72);transition:.22s ease;box-shadow:inset 0 3px 8px #1e1a1a1a}.slider:before{content:"";position:absolute;width:26px;height:26px;left:3px;top:3px;border-radius:999px;background:var(--white);box-shadow:0 5px 12px #1e1a1a2e;transition:.22s ease}.switch input:checked+.slider{background:linear-gradient(135deg,var(--teal-bright),var(--teal))}.switch input:checked+.slider:before{transform:translate(24px)}.webview-layer{position:absolute;inset:0;z-index:24;display:none;padding:max(10px,var(--safe-top)) 10px max(10px,var(--safe-bottom));background:#1b2c3447;backdrop-filter:blur(10px)}.webview-layer.show{display:grid;animation:fadeIn .2s ease both}.webview-shell{display:grid;grid-template-rows:auto 1fr;min-height:0;height:100%;border-radius:28px;overflow:hidden;background:var(--white);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow)}.webview-toolbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px 10px 8px;background:radial-gradient(circle at 12% 18%,rgba(105,220,187,.22),transparent 42%),#fffffff0;border-bottom:1px solid rgba(30,26,26,.06)}.webview-close-btn{width:40px;height:40px;min-height:40px;padding:0;font-size:calc(28px * var(--type-scale));line-height:1}.webview-toolbar-copy{display:grid;gap:1px;min-width:0}.webview-toolbar-eyebrow{font-size:calc(10px * var(--type-scale));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#1e1a1a7a}.webview-toolbar-title{font-size:calc(15px * var(--type-scale));font-weight:1000;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webview-frame{width:100%;height:100%;min-height:0;border:0;background:#fff}.app-top-banner{position:absolute;top:calc(10px + var(--safe-top));left:max(14px,var(--screen-pad-inline-start));right:max(14px,var(--screen-pad-inline-end));z-index:48;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:#ffffffd6;border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;animation:appTopBannerIn .35s ease both}.app-top-banner--no-cta{grid-template-columns:auto 1fr;pointer-events:none}.app-top-banner[hidden]{display:none!important}@keyframes appTopBannerIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-top-banner-icon{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid rgba(30,26,26,.1);box-shadow:0 4px 12px #36464c1a}.app-top-banner-copy{display:grid;gap:4px;min-width:0}.app-top-banner-title{margin:0;font-size:calc(14px * var(--type-scale));font-weight:1000;line-height:1.2;color:var(--ink)}.app-top-banner-lead{margin:0;font-size:calc(12px * var(--type-scale));font-weight:700;line-height:1.45;color:#1e1a1ab8}.app-top-banner-cta{flex-shrink:0;padding:10px 14px!important;font-size:calc(12px * var(--type-scale))!important;white-space:nowrap}.auth-handoff-layer{position:absolute;inset:0;z-index:52;display:grid;place-items:center;padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));background:#e8fbffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}.auth-handoff-layer.show{opacity:1;pointer-events:auto}.auth-handoff-layer[hidden]{display:none!important}.auth-handoff-card{width:min(100%,360px);display:grid;gap:12px;padding:22px 20px;text-align:center}.auth-handoff-actions{display:grid;gap:10px;margin-top:4px}.install-wizard-layer{position:absolute;inset:0;z-index:24;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--screen-pad-top) max(40px,var(--screen-pad-inline-end)) var(--screen-pad-bottom) max(40px,var(--screen-pad-inline-start));pointer-events:auto;background:#d0ebf214}.install-wizard-layer.show{display:flex}.install-open-hint{z-index:26}.install-wizard-brand{position:absolute;top:calc(50px + var(--safe-top));left:0;right:0;height:60px;z-index:5;display:flex;justify-content:center;align-items:center;pointer-events:none}.install-wizard-brand img{height:100%;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(54,70,76,.16));animation:installWizardBrandBob 3.2s ease-in-out infinite}@keyframes installWizardBrandBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1.2deg)}}.install-wizard-preview{display:none}.install-wizard-layer .install-inapp-card{display:none;text-align:center}.install-inapp-card .install-wizard-actions{margin-top:4px}.install-wizard-layer.in-app-blocked .install-wizard-card:not(.install-inapp-card){display:none}.install-wizard-layer.in-app-blocked .install-inapp-card{display:grid}.install-wizard-card{width:100%;max-width:min(400px,calc(100vw - 80px));margin:0 auto;padding:18px 16px 16px;border-radius:28px;background:linear-gradient(180deg,#ffffff7a,#ffffff52);border:1px solid rgba(255,255,255,.42);box-shadow:0 14px 40px #36464c14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;gap:14px;max-height:min(74vh,520px);overflow:hidden}.install-wizard-viewport{overflow:hidden;width:100%;min-height:0;touch-action:pan-y pinch-zoom;cursor:grab}.install-wizard-viewport.is-dragging{cursor:grabbing}.install-wizard-track{display:flex;flex-wrap:nowrap;will-change:transform}.install-wizard-track.is-animating{transition:transform .38s cubic-bezier(.32,.72,0,1)}.install-wizard-dots{display:flex;justify-content:center;gap:8px}.install-wizard-dot{width:8px;height:8px;border-radius:999px;background:#1e1a1a29;transition:transform .2s ease,background .2s ease;border:0;padding:0;cursor:pointer}.install-wizard-dot.active{background:var(--teal-bright);transform:scale(1.15)}.install-step{flex:0 0 100%;width:100%;min-width:100%;box-sizing:border-box;display:grid;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:min(52vh,420px);padding-bottom:2px}.install-step h2{margin:0;font-size:calc(22px * var(--type-scale));line-height:1.15}.install-step-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#1e1a1ab8;font-size:calc(14px * var(--type-scale));line-height:1.45}.install-step-list strong{color:var(--ink)}.install-step-hint{display:block;width:100%;max-width:260px;margin-top:10px;border-radius:10px;border:1px solid rgba(30,26,26,.1)}.install-step-icon-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#69dcbb1f;border:1px solid rgba(105,220,187,.28);font-size:calc(14px * var(--type-scale));font-weight:800}.install-wizard-actions{display:grid;gap:8px}.install-wizard-actions[hidden],.install-wizard-actions [hidden],.install-wizard-actions.is-show-open #installWizardNext{display:none!important}.auth-wizard-layer{position:absolute;inset:0;z-index:25;display:none;align-items:center;justify-content:center;padding:var(--screen-pad-top) var(--screen-pad-inline-end) var(--screen-pad-bottom) var(--screen-pad-inline-start);pointer-events:auto;background:linear-gradient(180deg,#ffffff94,#e8fbffb8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-wizard-layer.show{display:flex}.auth-wizard-brand{position:absolute;top:calc(50px + var(--safe-top));left:0;right:0;height:60px;z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:none}.auth-wizard-brand img{height:100%;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(54,70,76,.16));animation:installWizardBrandBob 3.2s ease-in-out infinite}.auth-wizard-card{width:min(100%,400px);margin:0;padding:18px 16px 16px;border-radius:28px;background:linear-gradient(180deg,#ffffffad,#ffffff85);border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 40px #36464c1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;gap:14px;max-height:min(74vh,520px);overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-wizard-dots{display:flex;justify-content:center;gap:8px}.auth-wizard-dot{width:8px;height:8px;border-radius:999px;background:#1e1a1a29;transition:transform .2s ease,background .2s ease}.auth-wizard-dot.active{background:var(--teal-bright);transform:scale(1.15)}.auth-step{display:none;gap:10px}.auth-step.active{display:grid}.auth-step h2{margin:0;font-size:calc(22px * var(--type-scale));line-height:1.15}.auth-step-icon-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#69dcbb1f;border:1px solid rgba(105,220,187,.28);font-size:calc(14px * var(--type-scale));font-weight:800}.auth-wizard-actions{display:grid;gap:8px}.auth-field-label{font-size:calc(13px * var(--type-scale));font-weight:800;color:#1e1a1ab8}.auth-email-input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(30,26,26,.12);background:#ffffffe0;font:inherit;font-size:calc(16px * var(--type-scale))}.auth-email-input:focus{outline:2px solid rgba(105,220,187,.45);border-color:#69dcbb8c}.auth-code-input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(30,26,26,.12);background:#ffffffeb;font:inherit;font-size:calc(28px * var(--type-scale));font-weight:900;letter-spacing:.22em;text-align:center}.auth-code-input:focus{outline:2px solid rgba(105,220,187,.45);border-color:#69dcbb8c}.auth-resend-link{margin-top:0;padding:0;border:0;background:none;color:#5a9e98;font:inherit;font-size:calc(13px * var(--type-scale));font-weight:800;text-decoration:underline;cursor:pointer}.auth-code-actions{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:10px}.auth-resend-link:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.auth-form-error{margin:0;color:#b42318}.auth-device-limit-notice{margin:6px 0 0;line-height:1.45;color:#8b5a2b}.auth-form-error[hidden],.auth-device-limit-notice[hidden],.auth-sent-banner[hidden],.auth-email-fields[hidden],.auth-code-fields[hidden],#authWizardPrimary[hidden],#leaderboardAuthPrimary[hidden]{display:none!important}.auth-sent-banner{display:grid;gap:4px;margin-top:4px}.auth-sent-banner.is-visible{animation:authBannerIn .35s ease both}@keyframes authBannerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn.is-loading{pointer-events:none;opacity:.9;cursor:wait}.btn-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(30,26,26,.18);border-top-color:var(--ink);border-radius:50%;animation:authBtnSpin .7s linear infinite;flex:0 0 auto}@keyframes authBtnSpin{to{transform:rotate(360deg)}}