:root{color-scheme:dark;--void:#04060e;--panel:rgba(14,20,40,.76);--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.17);--text:#eef1fb;--muted:#9aa3bd;--dim:#69728d;--pepe:#86ec4e;--cat:#ff6fc0;--axo:#5fd3ff;--dino:#ffa94a;--gold:#f7c95a;--violet:#b48cff;--accent:var(--pepe);--accent-glow:rgba(134,236,78,.45);--grad:linear-gradient(95deg,#ff6fb5,#ffab86 32%,#d99cff 64%,#6fd6ff);--display:"Sora",system-ui,sans-serif;--body:"Manrope",system-ui,sans-serif;--brush:"Permanent Marker",cursive;--ease:cubic-bezier(.22,.8,.24,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void)}body{color:var(--text);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img{display:block;max-width:100%}h1,h2,p,ul,ol,dl{margin:0}ul,ol{padding:0;list-style:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--axo);outline-offset:2px}.mini-body{background:radial-gradient(100% 55% at 50% 0,rgba(90,60,200,.18),transparent 65%),var(--void);padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mini-shell{width:min(100%,480px);min-height:100vh;margin:auto;position:relative;box-shadow:0 0 0 1px var(--line)}
.mini-header{position:sticky;z-index:30;top:0;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(4,6,14,.95),rgba(4,6,14,.7));border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.mini-brand{display:flex;align-items:center;gap:7px;font:800 16px var(--display)}.mini-crown{color:var(--gold);font-size:25px;filter:drop-shadow(0 0 8px rgba(247,201,90,.7))}.mini-user{display:flex;align-items:center;gap:8px;max-width:54%;color:var(--muted);font-size:12px;font-weight:700}.mini-user img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#141a2c}.mini-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-main{min-height:calc(100vh - 56px)}
.kicker,.label{color:#cfd5ea;font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.grad{background:var(--grad);background-clip:text;color:transparent}.lead{color:var(--muted);margin-top:7px}.mini-view>*,.view-pad{animation:rise .45s var(--ease)}.view-pad{padding:18px}.view-pad>div:first-child h1,.welcome h1,.mini-state h1{font:800 clamp(34px,10vw,46px)/.98 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin-top:7px}.stack>*+*{margin-top:14px}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(20,28,56,.74),rgba(9,13,28,.86));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.mini-state{min-height:72vh;margin:18px;padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mini-state p:not(.kicker){max-width:320px;color:var(--muted);margin:12px 0 20px}.mini-loader{width:52px;height:52px;margin-bottom:25px;border:3px solid var(--line-2);border-top-color:var(--axo);border-radius:50%;animation:spin .8s linear infinite}.state-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border:1px solid rgba(255,111,192,.5);border-radius:50%;color:var(--cat);font:800 26px var(--display);box-shadow:0 0 25px rgba(255,111,192,.25)}
.welcome{min-height:calc(100vh - 134px);padding:22px 18px}.welcome-copy{text-align:center}.welcome-copy>p:last-child{max-width:350px;margin:10px auto;color:#bcc3d9}.mother-cluster{height:190px;position:relative;margin:5px -8px -28px}.mother-cluster img{position:absolute;width:47%;filter:drop-shadow(0 15px 20px #000);animation:bob 5s ease-in-out infinite}.mother-cluster img:nth-child(1){left:0;top:0}.mother-cluster img:nth-child(2){right:0;top:0;animation-delay:-1.2s}.mother-cluster img:nth-child(3){left:5%;bottom:0;animation-delay:-2.4s}.mother-cluster img:nth-child(4){right:4%;bottom:0;animation-delay:-3.6s}.mini-eggs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:11px}.mini-egg{overflow:hidden;padding:8px 8px 13px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:18px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 14%,#0a0f1f),#070a15 80%);box-shadow:0 16px 40px -25px var(--c);transition:.2s}.mini-egg:active{transform:scale(.97)}.mini-egg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;mask-image:linear-gradient(#000 72%,transparent)}.mini-egg b{display:block;margin-top:-9px;color:var(--c);font:400 21px var(--brush);text-shadow:0 0 12px var(--c)}.mini-egg span{display:block;color:var(--muted);font-size:11px}.mini-egg:disabled{opacity:.5}.selection-success{border:0;margin:0}.success-art{position:relative;width:min(280px,80vw);margin:18px 0}.success-art span{position:absolute;inset:12%;border-radius:50%;background:var(--accent-glow);filter:blur(20px);animation:breathe 3s infinite}.success-art img{position:relative;border-radius:50%;animation:bob 5s infinite}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:15px;font:700 14px var(--display);transition:.15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45}.btn-primary{color:#05070e;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,#fff),var(--accent));box-shadow:0 12px 32px -12px var(--accent-glow)}.btn-outline{color:#fff;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.mini-view{display:none}.mini-view.is-active{display:block}.banner{height:175px;overflow:hidden;position:relative}.banner img{width:100%;height:100%;object-fit:cover;animation:zoom 20s ease-in-out infinite alternate}.banner:after{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(transparent,var(--void))}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-card{padding:16px}.pct{font:800 22px var(--display);background:linear-gradient(90deg,var(--pepe),var(--axo));background-clip:text;color:transparent}.bar{height:9px;margin-top:11px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar span{display:block;width:var(--v);height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fa8ff,var(--axo));box-shadow:0 0 14px rgba(95,211,255,.6);transform-origin:left;animation:grow 1.2s var(--ease)}.bar.accent span{background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.progress-card p{margin-top:9px;color:var(--muted);font-size:12px}.progress-card p strong{color:#fff}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid article{min-height:105px;padding:15px;display:flex;flex-direction:column;justify-content:center}.stat-grid span,.stat-grid small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.stat-grid b{margin:4px 0;font:800 21px var(--display);overflow-wrap:anywhere}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.view-pad>h2{font:800 17px var(--display);text-transform:uppercase}.section-title span{padding:3px 9px;border:1px solid rgba(134,236,78,.4);border-radius:99px;color:var(--pepe);font-size:10px;text-transform:uppercase}
.feed,.rows,.leaderboard,.tasks{display:grid;gap:8px}.feed li,.rows li,.leaderboard li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.feed b,.rows b,.leaderboard b{font-size:13px}.feed p,.rows p,.leaderboard p{color:var(--muted);font-size:11px}.feed em,.rows em,.leaderboard em{color:var(--pepe);font-style:normal;font-size:12px;font-weight:800}.empty{display:block!important;color:var(--muted);text-align:center;padding:24px!important}
.egg-detail{position:relative;text-align:center}.egg-halo{position:absolute;z-index:-1;top:40px;left:15%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--accent-glow),transparent 67%);filter:blur(12px);animation:breathe 3.5s infinite}.egg-detail>img{width:82%;margin:auto;border-radius:50%;mask-image:radial-gradient(circle,#000 55%,transparent 73%);animation:bob 5s infinite}.egg-detail h2{font:400 34px var(--brush);color:var(--accent)}.tag{display:inline-flex;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:99px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:10px;font-weight:800}.egg-progress{display:flex;justify-content:space-between;margin:7px 0 15px;color:var(--muted);font-size:12px}.egg-detail dl,.character-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.egg-detail dl div,.character-card dl div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);text-align:left}dt{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}dd{margin:3px 0 0;font-weight:700}.egg-detail .btn{width:100%;margin-top:8px}.character-card{padding:17px}.character-card h2{margin:5px 0 12px}
.balance{display:grid;grid-template-columns:auto 1fr 64px;align-items:center;gap:12px;padding:16px;border-color:rgba(247,201,90,.3);background:linear-gradient(135deg,rgba(247,201,90,.12),rgba(9,13,28,.85) 60%)}.balance>div{display:flex;flex-direction:column}.balance b{font:800 30px var(--display);color:var(--gold)}.balance small{color:#f5dca0}.balance img{width:64px;height:64px;object-fit:cover;border-radius:50%;box-shadow:0 0 20px var(--accent-glow)}
.chips{display:flex;gap:8px;overflow:auto;margin-inline:-18px;padding:0 18px;scrollbar-width:none}.chips button{flex:none;padding:8px 16px;border:1px solid var(--line-2);border-radius:99px;color:#cfd5ea;font-size:13px;font-weight:700}.chips button.is-active{color:#fff;border-color:rgba(95,211,255,.7);background:rgba(95,211,255,.14);box-shadow:0 0 18px -6px var(--axo)}.tasks li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(20,28,56,.72),rgba(9,13,28,.82))}.task-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--tc);box-shadow:0 0 17px -5px var(--tc);font-size:19px}.tasks b{display:block;font-size:13px}.tasks p{color:var(--pepe);font-size:10px;font-weight:700}.tasks button{min-width:69px;height:36px;padding:0 10px;border:1px solid var(--line-2);border-radius:11px;font-size:11px;font-weight:800}.tasks button:not(:disabled){color:#05110a;background:var(--pepe);border-color:transparent}.tasks button:disabled{color:var(--muted)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:rgba(8,12,26,.8)}.seg button{height:38px;border-radius:10px;color:#bfc6dc;font-size:12px;font-weight:700}.seg button.is-active{color:#fff;background:rgba(95,211,255,.16);box-shadow:inset 0 0 0 1px rgba(95,211,255,.6)}.mother-stats{display:grid;gap:8px}.mother-stats article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}.mother-stats img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 7px var(--c))}.mother-stats span{color:var(--muted);font-size:11px}.leaderboard li{grid-template-columns:30px 1fr auto}.leaderboard .rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:800 12px var(--display);background:rgba(255,255,255,.08)}.leaderboard li:first-child .rank{color:#241800;background:var(--gold);box-shadow:0 0 13px rgba(247,201,90,.8)}
.profile-card{display:flex;align-items:center;gap:15px;padding:8px 0}.profile-card img{width:76px;height:76px;border:2px solid var(--gold);border-radius:50%;object-fit:cover;background:#141a2c;box-shadow:0 0 20px -4px rgba(247,201,90,.8)}.profile-card h2{font:800 20px var(--display)}.profile-card p{color:var(--muted);margin:3px 0 7px}.referral-card{padding:16px}.referral-card code{display:block;margin:9px 0 13px;padding:11px;border-radius:11px;background:rgba(0,0,0,.3);color:var(--axo);overflow-wrap:anywhere}.referral-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mini-nav{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,480px);height:calc(70px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:rgba(6,9,20,.94);backdrop-filter:blur(16px)}.mini-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--dim);font-size:8.5px;font-weight:700}.mini-nav button span{font-size:20px;transition:.25s}.mini-nav button.is-active{color:#fff}.mini-nav button.is-active span{color:var(--axo);transform:translateY(-2px);filter:drop-shadow(0 0 7px var(--axo))}.mini-nav button.is-active:before{content:"";position:absolute;top:-7px;width:25px;height:3px;border-radius:3px;background:var(--axo);box-shadow:0 0 10px var(--axo)}
.sheet{position:fixed;z-index:50;inset:0}.sheet-scrim{position:absolute;inset:0;width:100%;background:rgba(2,4,10,.72);backdrop-filter:blur(6px);animation:fade .25s}.sheet-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,480px);max-height:88%;overflow:auto;padding:10px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#0f1530,#070a15);box-shadow:0 -20px 60px -20px var(--accent-glow);animation:up .4s var(--ease)}.sheet-grab{display:block;width:44px;height:5px;margin:0 auto 14px;border-radius:5px;background:var(--line-2)}.sheet-panel h2{font:800 25px var(--display);text-transform:uppercase}.sheet-panel>.btn{width:100%}.evo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.evo-grid figure{position:relative;overflow:hidden;aspect-ratio:.82;margin:0;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:12px}.evo-grid img{width:100%;height:100%;object-fit:cover}.evo-grid figcaption{position:absolute;inset:auto 0 0;padding:16px 3px 6px;text-align:center;background:linear-gradient(transparent,rgba(3,6,13,.92));font:800 9px var(--display);letter-spacing:.05em;text-transform:uppercase}.evo-grid figure:last-child{border-color:var(--gold)}.evo-grid figure:last-child figcaption{color:var(--gold)}.mini-toast{position:fixed;z-index:60;left:50%;bottom:calc(83px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 32px);padding:11px 16px;border:1px solid var(--line-2);border-radius:12px;background:rgba(20,28,56,.96);box-shadow:0 12px 30px #000;color:#fff;font-size:12px;font-weight:700;text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(14px)}}@keyframes bob{50%{translate:0 -7px}}@keyframes breathe{50%{transform:scale(1.12);opacity:.7}}@keyframes grow{from{transform:scaleX(0)}}@keyframes zoom{to{transform:scale(1.08)}}@keyframes fade{from{opacity:0}}@keyframes up{from{transform:translate(-50%,100%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}