:root{--brand-ink:#070a08;--brand-graphite:#141a16;--brand-text:#eef1e8;--brand-lime:#c9ff2f;--bg:#f7f1ff;--bg-2:#fff4f8;--surface:#fff;--surface-2:#f3ecff;--ink:#2c1d4d;--ink-soft:#5f5480;--brand:#7a5cd3;--brand-strong:#5b3fb5;--brand-soft:#e6dcff;--pink:#ef4f8f;--mint:#3bb08c;--warn:#c2410c;--danger:#b42318;--line:#e2d8f7;--radius:18px;--shadow:0 10px 30px #5a3caa24;--focus:0 0 0 3px #fff, 0 0 0 6px #5b3fb5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 15% 0%, #efe4ff 0, transparent 45%), radial-gradient(circle at 95% 20%, #ffe3f0 0, transparent 40%), var(--bg);-webkit-tap-highlight-color:transparent;font-family:Nunito,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;line-height:1.45}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--brand-strong);color:#fff;z-index:50;border-radius:10px;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.app{max-width:1120px;padding:max(12px, env(safe-area-inset-top)) 16px 24px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.logo{letter-spacing:.12em;color:var(--brand-strong);align-items:center;gap:8px;margin:0;font-size:1.6rem;font-weight:900;display:flex}.logo-dot{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#c9b2ff 30%,#7a5cd3 100%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;width:26px;height:22px;box-shadow:0 3px 6px #5a3caa4d}.status{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{background:var(--surface);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;font-weight:700;display:inline-flex}.chip.mood[data-mood=triste]{color:var(--danger)}.chip.mood[data-mood=inquieta]{color:var(--warn)}.coin-icon{background:radial-gradient(circle at 35% 30%,#fff8c9 0 15%,#ffd04d 45%,#e09a12 100%);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 2px #a0640059}.layout{gap:16px;display:grid}@media (min-width:900px){.layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start}.stage-wrap{position:sticky;top:12px}}.stage-wrap{box-shadow:var(--shadow);aspect-ratio:4/3;background:#efe2ff;border-radius:24px;position:relative;overflow:hidden}.stage,.stage canvas{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.noscript{text-align:center;padding:24px}.hop-over{background:#2c1d4d59;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.hop-over[hidden]{display:none}.hop-card{background:var(--surface);border-radius:var(--radius);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow);padding:16px 18px}.hop-card h2{margin:0 0 4px;font-size:1.25rem}.hop-score{color:var(--ink-soft);margin:0;font-size:1rem}.hop-score span:first-child{color:var(--brand-strong);font-size:2.2rem;font-weight:900}.hop-summary{margin:4px 0 12px}.panel{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;outline:none;padding:12px}.tabs{background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.tab{appearance:none;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:44px;padding:10px 2px;font-size:.82rem;font-weight:800}.tab[aria-selected=true]{background:var(--surface);color:var(--brand-strong);box-shadow:0 2px 8px #5a3caa26}@media (min-width:420px){.tab{font-size:.95rem}}.tabpanel[hidden]{display:none}.hint{background:var(--bg-2);border-radius:12px;margin:0 0 10px;padding:10px 12px;font-weight:700}.needs{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.need{grid-template-columns:82px 1fr 34px;align-items:center;gap:10px;font-weight:700;display:grid}.need-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.bar{background:var(--surface-2);border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 2px #3c1e7826}.bar>span{border-radius:inherit;background:linear-gradient(90deg,#b49bf2,#7a5cd3);height:100%;transition:width .4s;display:block}.need.low .bar>span{background:linear-gradient(90deg,#ffb27a,#e8590c)}.need.low .need-val{color:var(--warn)}.actions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.btn{appearance:none;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-weight:800;transition:transform 80ms,background .2s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{color:#fff;background:linear-gradient(#8d70e6,#6a4cc8);border-color:#0000;box-shadow:0 6px 14px #6a4cc859}.btn.primary:hover{background:linear-gradient(#7f62dc,#5b3fb5)}.btn.danger{color:var(--danger);border-color:#f4c7c3}.btn.big{width:100%;min-height:64px;margin:8px 0;font-size:1.2rem}.btn.action{flex-direction:column;gap:2px;min-height:72px}.ico{font-size:1.5rem;line-height:1}.ico-feed:before{content:"🍓"}.ico-clean:before{content:"🫧"}.ico-sleep:before{content:"🌙"}.ico-pet:before{content:"💜"}:focus-visible{box-shadow:var(--focus);outline:none}.tip,.lead{color:var(--ink-soft);margin:10px 2px 2px;font-size:.92rem}.lead{margin-top:0}.shop{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.shop-item{border:2px solid var(--line);border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.shop-item.equipped{border-color:var(--brand);background:#faf7ff}.shop-thumb{background:var(--surface-2);border-radius:12px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.shop-thumb canvas{max-width:50px;max-height:50px}.shop-name{font-weight:800}.shop-meta{color:var(--ink-soft);font-size:.85rem}.shop-item .btn{min-width:104px;font-size:.9rem}.hop-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hop-stats>div{background:var(--surface-2);border-radius:14px;padding:10px 12px}.stat-label{color:var(--ink-soft);font-size:.8rem;font-weight:700;display:block}.hop-stats strong{font-variant-numeric:tabular-nums;font-size:1.6rem}.rules{color:var(--ink-soft);margin:6px 0 0;padding-left:1.2em;font-size:.92rem}kbd{font:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:0 6px;font-weight:800}.notice{color:#7c2d12;background:#fff7ed;border-radius:12px;margin:8px 0;padding:10px 12px;font-weight:700}.notice.ok{color:#14532d;background:#effaf5}.notice[hidden]{display:none}.field{border:0;margin:0 0 14px;padding:0}.field label,.field legend{margin-bottom:6px;font-weight:800;display:block}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.field .row{flex-wrap:nowrap;justify-content:stretch}.field input{min-width:0;font:inherit;border:2px solid var(--line);border-radius:12px;flex:1;min-height:48px;padding:10px 12px}.personalities{gap:8px;display:grid}.personality{text-align:left;grid-template-columns:40px 1fr;justify-content:stretch;align-items:start;gap:4px 10px;padding:10px 12px;display:grid}.personality[aria-pressed=true]{border-color:var(--brand);background:#faf7ff}.personality .p-emoji{grid-row:span 3;font-size:1.8rem}.personality .p-name{font-weight:900}.personality .p-desc{color:var(--ink-soft);font-weight:600}.personality ul{color:var(--ink-soft);margin:2px 0 0;padding-left:1.1em;font-size:.88rem;font-weight:600}.toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--ink);color:#fff;max-width:min(92vw,460px);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:40;border-radius:14px;padding:12px 16px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.bad{background:#7c2d12}dialog{max-width:min(94vw,460px);color:var(--ink);border:0;border-radius:24px;padding:0;box-shadow:0 20px 60px #2c1d4d59}dialog::backdrop{background:#2c1d4d73}.onboarding{padding:18px}.onboarding h2{color:var(--brand-strong);margin:0 0 4px}.onboarding p{margin:0 0 12px}.footer{text-align:center;color:var(--ink-soft);margin-top:18px;font-size:.82rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}dialog{max-height:92dvh;overflow:auto}@media (max-width:480px){.onboarding .personality{padding:8px 10px}.onboarding .personality ul{font-size:.8rem}.shop-item{grid-template-columns:48px 1fr auto;gap:8px}.shop-thumb{width:48px;height:48px}.shop-thumb canvas{max-width:42px;max-height:42px}.shop-item .btn{min-width:0;padding:8px 10px;font-size:.85rem}}.chip.level{color:var(--brand-strong)}.sound-toggle{appearance:none;font:inherit;cursor:pointer;border:0;justify-content:center;min-width:44px;min-height:36px;padding:4px 10px}.sound-toggle[aria-pressed=false]{opacity:.7}@media (max-width:440px){.chip.level{display:none}}@media (max-width:400px){.logo{letter-spacing:.08em;font-size:1.3rem}.logo-dot{width:22px;height:19px}.sound-toggle{min-width:40px;padding:4px 8px}.status{gap:5px}.chip{padding:5px 9px;font-size:.88rem}}.tab{position:relative}.badge{background:var(--pink);color:#fff;vertical-align:1px;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;font-size:.75rem;display:inline-grid}.badge[hidden]{display:none}.speech{max-width:min(78%,360px);color:var(--ink);text-align:center;opacity:0;pointer-events:none;background:#fffffff0;border-radius:18px;margin:0;padding:8px 14px;font-size:clamp(.85rem,2.6vw,1.05rem);font-weight:800;transition:opacity .2s,transform .2s;position:absolute;top:7%;left:50%;transform:translate(-50%,-6px)scale(.9);box-shadow:0 6px 16px #5a3caa38}.speech:after{content:"";border:10px solid #0000;border-top-color:#fffffff0;border-bottom:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.speech.show{opacity:1;transform:translate(-50%)scale(1)}.celebrate{text-align:center;color:#fff;pointer-events:none;background:linear-gradient(135deg,#8d70e6,#ef4f8f);border-radius:20px;min-width:200px;max-width:86%;padding:6px 14px;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #6a4cc873}.celebrate[hidden]{display:none}.celebrate.show{animation:.5s cubic-bezier(.2,1.6,.4,1) both pop-in}.celebrate-title{margin:0;font-size:clamp(1rem,3.6vw,1.35rem);font-weight:900}.celebrate-text{margin:0;font-size:clamp(.78rem,2.8vw,1rem);font-weight:700}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.bond{background:linear-gradient(135deg,#f3ecff,#fff0f7);border-radius:14px;margin:0 0 10px;padding:10px 12px}.bond-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-weight:800;display:flex}.bond-head strong{color:var(--brand-strong);font-size:1.15rem}.bond-xp{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.9rem}.bar.xp{height:16px}.bar.xp>span{background:linear-gradient(90deg,#ff9fcf,#b49bf2,#7a5cd3)}.bond-next{color:var(--ink-soft);margin:6px 0 0;font-size:.85rem}.section-title{margin:4px 2px 6px;font-size:1.1rem}.missions,.achievements{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.mission{border:2px solid var(--line);border-radius:14px;gap:6px;padding:10px 12px;display:grid}.mission.ready{background:#faf6ff;border-color:#c6b4f5}.mission.claimed{opacity:.75}.mission-head{justify-content:space-between;gap:8px;display:flex}.mission-count{font-variant-numeric:tabular-nums;color:var(--brand-strong);font-weight:800}.mission-desc{color:var(--ink-soft);margin:0;font-size:.9rem}.bar.mini{height:10px}.mission .btn{min-height:44px;font-size:.92rem}.mission.claimed .btn:disabled{opacity:1;color:var(--mint)}.achievement{background:var(--surface-2);border-radius:12px;grid-template-columns:32px 1fr;align-items:center;gap:8px;padding:8px 10px;display:grid}.achievement.done{background:#fff6dc}.ach-icon{text-align:center;color:var(--ink-soft);font-size:1.4rem}.achievement strong{display:block}.ach-desc{color:var(--ink-soft);font-size:.85rem}.shop-item.locked .shop-thumb{filter:grayscale(.7);opacity:.7}.shop-item.gift .shop-meta{color:var(--mint);font-weight:700}.durations{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.duration[aria-checked=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.move-clock-wrap{place-items:center;width:168px;height:168px;margin:8px auto;display:grid;position:relative}.move-ring{--p:0deg;background:conic-gradient(var(--brand) var(--p), var(--surface-2) var(--p));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 60%,#000 61%);mask:radial-gradient(circle,#0000 60%,#000 61%)}.move-ring[data-status=paused]{background:conic-gradient(#ffb27a var(--p), var(--surface-2) var(--p))}.move-ring[data-status=done]{background:var(--mint)}.move-clock{font-variant-numeric:tabular-nums;color:var(--brand-strong);font-size:2.6rem;font-weight:900}.move-tip{text-align:center;min-height:2.9em;margin:4px 0 8px;font-weight:700}.move-controls{justify-content:center}.move-controls .btn{flex:1}.move-controls .btn[hidden]{display:none}.move-confirm{text-align:center;background:#e9fbf3;border-radius:14px;margin-bottom:8px;padding:12px}.move-confirm[hidden]{display:none}.move-confirm p{margin:0 0 8px}.move-confirm .row{flex-wrap:wrap;justify-content:center}.fineprint{color:var(--ink-soft);margin:8px 2px;font-size:.82rem}.mihaifit{background:var(--brand-ink);color:var(--brand-text);text-align:center;border-left:4px solid var(--brand-lime);border-radius:14px;margin-top:12px;padding:12px}.mihaifit p{margin:0 0 8px}.mihaifit .fineprint{color:#c9cec2}.mihaifit .btn{background:var(--brand-graphite);color:var(--brand-text);border-color:#2a332c;text-decoration:none}.mihaifit .btn:hover{background:#1d251f}.field .check{align-items:center;gap:8px;min-height:44px;font-weight:700;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand)}.field .range{margin-top:4px;font-weight:700;display:block}input[type=range]{width:100%;accent-color:var(--brand);min-height:36px}@media (prefers-reduced-motion:reduce){.celebrate.show{animation:none}.speech{transition:none}}.field input[type=checkbox],.field input[type=range]{border:0;border-radius:0;flex:none;min-height:0;padding:0}.field input[type=range]{width:100%;height:36px}.brand-capsule{background:var(--brand-ink);color:var(--brand-text);border-bottom:3px solid var(--brand-lime);border-radius:14px;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding:10px 14px;display:flex}.brand-capsule .section-title{color:var(--brand-text);margin:0}.brand-tagline{color:var(--brand-text);margin:0;font-size:.9rem;font-weight:800}.duration{flex-direction:column;gap:0;line-height:1.2}.d-name{font-weight:900}.d-time{color:var(--ink-soft);font-size:.82rem;font-weight:700}.tab-brand{font-weight:800}@media (max-width:400px){#tab-move{font-size:.74rem;line-height:1.15}}