@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap");:root{--navy:#181554;--navy-2:#221d6e;--violet:#6c4fd1;--violet-soft:#8b72e8;--violet-deep:#4a38a8;--mint:#33b579;--mint-deep:#279463;--mint-text-safe:#23865a;--gold:#ffc72c;--gold-deep:#f5a623;--coral:#ff6f91;--coral-deep:#e85278;--sky:#56ccf2;--paper:#fbf3e8;--card:#fffcf7;--sky-1:#f4f1ff;--sky-2:#eaf4ff;--surface:#ffffff;--surface-2:#f6f3ff;--surface-3:#efe9ff;--line:#e7e2f7;--line-strong:#d9d5f5;--text:#241f5d;--text-dim:#5b5590;--text-faint:#6f65b2;--text-on-navy:#ffffff;--text-on-navy-dim:#b8aeff;--need:#3aa8d8;--want:#e85278;--spend:#e85278;--save:#f5a623;--grow:#279463;--ok:#279463;--bad:#e85278;--ok-tint:#e4f9ee;--bad-tint:#fdeaee;--save-tint:#fff3d6;--violet-tint:#efe9ff;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 2px 0 rgba(24,21,84,0.16);--shadow-md:0 10px 30px rgba(24,21,84,0.14);--shadow-press:0 6px 0 rgba(24,21,84,0.18);--shadow-glow:0 0 0 3px rgba(108,79,209,0.28);--font-display:"Fredoka","Trebuchet MS",system-ui,sans-serif;--font-body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;--tabbar-h:68px;--topbar-h:58px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-body);background:var(--navy);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 15% -10%,#2b2590,transparent 45%),radial-gradient(900px 500px at 95% 80%,#3a2f9e,transparent 45%),linear-gradient(160deg,#100c3e,#211a68 55%,#2c2280)}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .4em;line-height:1.15;letter-spacing:.2px}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.35rem}h2,h3{font-weight:700}h3{font-size:1.1rem}p{margin:0 0 .9em;line-height:1.6;color:var(--text-dim)}button{font-family:inherit}a{color:var(--violet)}.app{min-height:100dvh;max-width:560px;margin:0 auto;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sky-1) 0,var(--sky-2) 100%)}.app-main{flex:1 1;padding:16px 18px calc(var(--tabbar-h) + 28px)}.app-main--flush{padding-bottom:24px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 16px;background:linear-gradient(180deg,var(--navy-2),var(--navy))}.topbar,.topbar__brand{color:var(--text-on-navy)}.topbar__brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.5px}.topbar__brand span{color:var(--gold)}.topbar__spacer{flex:1 1}.stat-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-family:var(--font-display);font-weight:600;font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-on-navy)}.stat-chip--coin{color:var(--gold)}.stat-chip--xp{color:#7be6b4}.stat-chip--streak{color:#ff9db3}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-auto-flow:column;z-index:40;background:linear-gradient(180deg,var(--navy-2),var(--navy));border-top:1px solid rgba(255,255,255,.08)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#8981c9;font-size:.68rem;font-weight:700;letter-spacing:.3px;text-decoration:none;cursor:pointer;transition:color .15s ease,transform .15s ease}.tabbar__item svg{width:24px;height:24px}.tabbar__item[data-active=true]{color:var(--gold);transform:translateY(-2px)}.tabbar__go{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#8981c9;font-size:.68rem;font-weight:700;letter-spacing:.3px}.tabbar__go-disc{display:grid;place-items:center;width:52px;height:52px;margin-top:-24px;border-radius:50%;font-size:20px;color:#5b3d00;background:linear-gradient(160deg,#ffd65c,var(--gold-deep));box-shadow:0 6px 14px rgba(0,0,0,.35),0 0 0 5px var(--navy)}.tabbar__go[data-active=true]{color:var(--gold)}.app[data-reduced-motion] .tabbar__go,.app[data-reduced-motion] .tabbar__item{transition:none;transform:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-md)}.card--tight{padding:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-lg);padding:0 var(--tap-pad);border:0;border-radius:var(--r-md);font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.3px;color:#fff;background:linear-gradient(180deg,var(--mint),var(--mint-text-safe));box-shadow:var(--shadow-press);cursor:pointer;transition:transform .09s ease,filter .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 rgba(24,21,84,.18)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.btn--block{width:100%}.btn--violet{background:linear-gradient(180deg,var(--violet-soft),var(--violet-deep));color:#fff}.btn--gold{background:linear-gradient(180deg,#ffd65c,var(--gold-deep));color:#5b3d00}.btn--ghost{background:var(--surface);border:2px solid var(--line);color:var(--text);box-shadow:0 3px 0 var(--line-strong)}.btn--sm{min-height:var(--tap);font-size:.92rem;padding:0 16px}.pill{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;background:var(--surface-3);color:#5d5599}.pill--mint{background:var(--ok-tint);color:#227f55}.pill--gold{background:var(--save-tint);color:#97660a}.pill--violet{background:var(--violet-tint);color:var(--violet-deep)}.progress{height:12px;background:#edeafb;overflow:hidden}.progress,.progress__fill{border-radius:var(--r-pill)}.progress__fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-deep));transition:width .45s cubic-bezier(.34,1.3,.64,1)}.muted{color:var(--text-faint);font-size:.85rem}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.stack>*+*{margin-top:12px}.stage{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:18px 16px 16px;background:#fbf3e8;border:1px solid rgba(92,85,112,.22);min-height:190px}.stage>:not(.stage__world){position:relative;z-index:1}.stage__world,.world-backdrop{display:block;width:100%;height:100%}.stage__world{position:absolute;inset:0;z-index:0;opacity:.68}.stage__cast{display:flex;justify-content:center;gap:22px;margin-bottom:12px}.avatar{width:62px;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.42;transition:opacity .25s ease,transform .25s ease}.avatar[data-speaking=true]{opacity:1;transform:translateY(-4px) scale(1.06)}.avatar__face{width:54px;height:54px;border-radius:var(--r-pill);display:grid;place-items:center;font-size:30px;border:3px solid transparent;background:var(--surface);overflow:hidden}.avatar[data-speaking=true] .avatar__face{border-color:currentColor;box-shadow:0 0 22px -2px currentColor;animation:bob 1.6s ease-in-out infinite}.avatar__name{font-family:var(--font-display);font-size:.72rem;font-weight:800;color:#5c5570}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bubble{position:relative;background:rgba(255,252,247,.96);color:#2e2a3d;border-radius:var(--r-lg);padding:14px 16px;font-size:1.02rem;line-height:1.5;font-weight:600;box-shadow:var(--shadow-md);animation:pop .25s cubic-bezier(.34,1.5,.64,1)}.art-lab{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px;color:#2e2a3d}.art-lab__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;padding:20px 24px;border-radius:24px;background:#fffcf7;border:1px solid rgba(92,85,112,.22)}.art-lab__header h1{margin:2px 0 4px;color:#2e2a3d}.art-lab__header p{margin:0;color:#5c5570}.art-lab__eyebrow{color:#8a5a08;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.art-lab__stage{position:relative;min-height:520px;overflow:hidden;display:grid;place-items:end center;border-radius:30px;border:1px solid rgba(92,85,112,.22);background:#fbf3e8}.art-lab__stage>.world-backdrop{position:absolute;inset:0;z-index:0}.art-lab__hero-character{position:relative;z-index:1;display:grid;place-items:end center;padding-bottom:16px;filter:drop-shadow(0 12px 0 rgba(92,85,112,.08))}.art-lab__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin:18px 0;padding:18px;color:#2e2a3d;background:#fffcf7;border:1px solid rgba(92,85,112,.22);border-radius:24px}.art-lab__controls fieldset{min-width:0;margin:0;padding:0;border:0}.art-lab__controls legend{margin-bottom:7px;color:#5c5570;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.art-lab__button-row{display:flex;flex-wrap:wrap;gap:7px}.art-lab__button-row button,.art-lab__cast button{color:#2e2a3d;background:#fbf3e8;border:2px solid transparent;cursor:pointer}.art-lab__button-row button{min-height:42px;padding:8px 12px;border-radius:999px;font:inherit;font-size:.82rem;font-weight:800;text-transform:capitalize}.art-lab__button-row button[data-active=true],.art-lab__cast button[data-active=true]{border-color:#6f7fb5;background:#fbeedf}.art-lab__button-row button:focus-visible,.art-lab__cap,.art-lab__cast button:focus-visible{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:#efe9ff;color:#4a38a8}.art-lab__cap[data-active=false]{background:#f1eee9;color:#6b6478}.art-lab__switch:has(input:focus-visible){outline:3px solid #4fc3a1;outline-offset:3px}.art-lab__switch{display:flex;align-items:center;gap:10px;min-height:48px;width:max-content;padding:8px 12px;border-radius:999px;background:#fbf3e8;font-weight:800;cursor:pointer}.art-lab__switch input{width:22px;height:22px;accent-color:#0f9d77}.art-lab__cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.art-lab__cast button{min-width:0;min-height:244px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px;border-radius:24px}.art-lab__cast strong{margin-top:4px;font-family:var(--font-display);font-size:1.08rem}.art-lab__cast span{color:#5c5570;font-size:.76rem}@media (max-width:720px){.art-lab{width:min(100% - 20px,1120px);padding-top:14px}.art-lab__header{align-items:flex-start;flex-direction:column}.art-lab__stage{min-height:420px}.art-lab__hero-character .ch{width:250px;height:250px}.art-lab__cast,.art-lab__controls{grid-template-columns:1fr}}.bubble__who{display:block;font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}.bubble--live:after{content:"LIVE";position:absolute;top:-9px;right:12px;font-size:.58rem;font-weight:900;letter-spacing:1px;padding:2px 7px;border-radius:var(--r-pill);background:var(--violet);color:#fff}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.typing{display:inline-flex;gap:4px;padding:4px 0}.typing span{width:7px;height:7px;border-radius:50%;background:#6b5fa8;animation:blink 1.1s infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.map{position:relative;padding:8px 0 20px}.map__node{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;margin-bottom:12px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;cursor:pointer;transition:transform .12s ease,border-color .2s ease}.map__node:active{transform:scale(.985)}.map__node[data-state=locked]{opacity:.45;cursor:not-allowed}.map__node[data-state=current]{border-color:var(--mint);box-shadow:0 0 0 3px rgba(94,242,196,.18)}.map__node[data-state=done]{border-color:rgba(94,242,196,.35)}.map__badge{flex:0 0 auto;width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;font-size:26px;background:var(--surface)}.map__body{flex:1 1;min-width:0}.map__title{font-family:var(--font-display);font-weight:800;font-size:1.02rem;margin-bottom:2px}.map__meta{font-size:.78rem;color:var(--text-faint)}.live{min-height:100vh;display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;padding:24px;background:linear-gradient(180deg,var(--sky-1),var(--sky-2))}.live__stage{display:grid;place-items:center;border-radius:var(--r-lg);background:radial-gradient(circle at 50% 40%,var(--card),transparent 70%);border:1px solid var(--line);min-height:60vh;cursor:crosshair}.live__panel{display:flex;flex-direction:column;gap:12px;align-self:center}.live__panel h1{margin:0}.live__note{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-dim)}.live__input{width:100%;font:inherit;font-size:.95rem;padding:12px;border-radius:var(--r-md);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text);resize:vertical}.live__row{display:flex;gap:var(--tap-gap)}.live__row .btn{flex:1 1}.live__label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-top:4px}.live__chips{display:flex;flex-wrap:wrap;gap:6px}.live__chips button{font:inherit;font-size:.72rem;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-dim);cursor:pointer}.live__chips button[data-on=true]{background:var(--violet-tint);border-color:var(--violet);color:var(--violet-deep)}.live__readout{font-size:.72rem;color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:820px){.live{grid-template-columns:1fr}.live__stage{min-height:46vh}}.gate{border-style:dashed}.gate__q{font-family:var(--font-display);font-weight:800;font-size:1.7rem;text-align:center;color:var(--violet-deep);margin:10px 0 14px}.gate__opts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--tap-gap);gap:var(--tap-gap)}.gate__opts .btn{min-height:var(--tap);padding:0}.cert{border:4px solid var(--gold);border-radius:var(--r-lg);background:var(--card);padding:26px 20px;text-align:center}.cert__kicker{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-deep);font-weight:700}.cert__kicker,.cert__name{font-family:var(--font-display)}.cert__name{font-size:1.5rem;color:var(--text);margin-top:10px}.cert__title{font-family:var(--font-display);font-size:1.05rem;color:#97660a;font-weight:800;margin-top:4px}.roster{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--tap-gap);gap:var(--tap-gap)}.roster__tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 8px;text-align:center}.roster__name{font-family:var(--font-display);font-weight:800;font-size:.88rem;margin-top:6px}.roster__job{font-size:.7rem;color:var(--text-dim);line-height:1.3;margin-top:2px}.outro{position:relative;min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px 4px}.outro h1{margin:6px 0 0}.outro__disc{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;font-size:54px;animation:outro-pop .5s cubic-bezier(.34,1.56,.64,1)}.outro__disc--badge{background:radial-gradient(circle at 35% 30%,#fff3c4,var(--gold-deep));box-shadow:0 0 0 8px rgba(255,199,44,.18)}.outro__disc--level{background:radial-gradient(circle at 35% 30%,#fff3c4,var(--violet));box-shadow:0 0 0 8px rgba(108,79,209,.16)}.outro__disc--page{background:radial-gradient(circle at 35% 30%,#ffffff,var(--surface-3));box-shadow:0 0 0 8px rgba(108,79,209,.1)}@keyframes outro-pop{0%{transform:scale(0)}70%{transform:scale(1.12)}to{transform:scale(1)}}.app[data-reduced-motion] .outro__disc{animation:none}.speech{position:relative;max-width:300px;margin:4px auto 0;padding:14px 18px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:0 6px 18px rgba(24,21,84,.08);font-size:.98rem;line-height:1.55;color:var(--text)}.splash{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.splash__mark{animation:splash-float 3.2s ease-in-out infinite}@keyframes splash-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app[data-reduced-motion] .splash__mark{animation:none}.splash__word{font-weight:800;font-size:2rem;line-height:1.05;color:var(--text)}.splash__sub,.splash__word{font-family:var(--font-display)}.splash__sub{font-weight:700;font-size:1.1rem;color:var(--gold-deep);letter-spacing:.04em}.story-page{margin-top:14px;padding:22px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);font-size:1rem;line-height:1.75;color:var(--text)}.step-dots{display:flex;justify-content:center;gap:6px}.step-dots span{width:7px;height:7px;border-radius:999px;background:var(--line-strong);transition:width .2s ease,background .2s ease}.step-dots span[data-on=true]{width:18px;background:var(--violet)}.linkish{border:0;background:none;font:inherit;font-size:.82rem;font-weight:700;color:var(--violet-deep);cursor:pointer;padding:0 4px}.backlink,.linkish{min-height:var(--tap)}.backlink{display:inline-flex;align-items:center;font-weight:600;font-size:.85rem;color:var(--text-dim);text-decoration:none}.gift{display:block;width:100%;border:1.5px solid var(--gold-deep);background:linear-gradient(140deg,var(--save-tint),var(--card));cursor:pointer;font:inherit;color:inherit}.gift--done{border-color:var(--line-strong);background:var(--surface);cursor:default}.isles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--tap-gap);gap:var(--tap-gap);padding:4px 0 20px}.isle{display:flex;flex-direction:column;gap:8px;min-height:calc(var(--tap-lg) + 62px);padding:14px 12px 12px;border-radius:var(--r-lg);background:var(--surface);color:inherit;text-decoration:none;cursor:pointer;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease}.isle:active{transform:scale(.985)}.isle[data-page=outline]{border:1.5px dashed var(--line-strong);background:transparent}.isle[data-page=pencil]{border:1.5px solid var(--line-strong);box-shadow:0 1px 0 var(--line)}.isle[data-page=ink]{border:2px solid var(--mint-text-safe);box-shadow:0 2px 0 rgba(35,134,90,.22)}.isle[data-final]{border-style:solid;border-color:var(--gold-deep)}.isle__seal{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;font-size:24px;filter:saturate(.55)}.isle[data-page=ink] .isle__seal{filter:none}.isle[data-empty] .isle__seal{filter:saturate(.15) opacity(.55)}.isle__body{flex:1 1;min-width:0}.isle__name{font-family:var(--font-display);font-weight:800;font-size:.95rem;line-height:1.2}.isle__q{margin-top:3px;font-size:.74rem;line-height:1.35;color:var(--text-dim)}.isle__foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.isle__page{font-size:.68rem;font-weight:600;color:var(--text-faint)}.isle[data-page=ink] .isle__page{color:var(--mint-text-safe)}.isle__fade{font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--save-tint);color:#97660a}@media (max-width:340px){.isles{grid-template-columns:1fr}}.sorter__item{background:#fff;color:#1b1440;border-radius:var(--r-md);padding:18px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:1.2rem;box-shadow:var(--shadow-md);margin-bottom:16px}.sorter__emoji{display:block;font-size:44px;margin-bottom:4px}.sorter__buckets{grid-gap:var(--tap-gap);gap:var(--tap-gap);display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bucket{min-height:84px;border-radius:var(--r-md);border:2px dashed;background:var(--surface);font-family:var(--font-display);font-weight:800;font-size:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .1s ease,background .2s ease}.bucket:active{transform:scale(.97)}.bucket--need{color:var(--need)}.bucket--want{color:var(--want)}.bucket small{font-family:var(--font-body);font-size:.68rem;opacity:.75;font-weight:700}.jars{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:6px 0 18px}.jar{text-align:center}.jar__glass{position:relative;height:130px;border-radius:8px 8px 18px 18px;border-top-width:3px;border:3px solid var(--line);border-top:6px solid var(--line);background:var(--surface);overflow:hidden;display:flex;align-items:flex-end}.jar__fill{width:100%;border-radius:4px 4px 14px 14px;transition:height .4s cubic-bezier(.34,1.3,.64,1)}.jar__fill--spend{background:linear-gradient(180deg,var(--spend),#c9483a)}.jar__fill--save{background:linear-gradient(180deg,var(--save),var(--gold-deep))}.jar__fill--grow{background:linear-gradient(180deg,var(--grow),var(--mint-deep))}.jar__label{font-family:var(--font-display);font-weight:800;font-size:.85rem;margin-top:7px}.jar__value{font-weight:800;font-size:1.05rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:34px;accent-color:var(--mint);cursor:pointer}.slider-row{margin-bottom:10px}.slider-row__head{display:flex;justify-content:space-between;font-weight:800;font-size:.9rem;margin-bottom:2px}.chart{width:100%;height:200px;display:block}.legend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:.78rem;font-weight:700;margin-top:8px}.legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:5px;vertical-align:-1px}.choice{min-height:var(--tap-lg);display:block;width:100%;text-align:left;padding:16px;margin-bottom:10px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s ease,border-color .2s ease,background .2s ease}.choice:active:not(:disabled){transform:scale(.985)}.choice[data-state=correct]{border-color:var(--ok);background:rgba(94,242,196,.16)}.choice[data-state=wrong]{border-color:var(--bad);background:rgba(255,122,107,.16)}.choice[data-state=muted]{opacity:.45}.reward__medal{font-size:96px;line-height:1;animation:medal .9s cubic-bezier(.34,1.5,.64,1);filter:drop-shadow(0 8px 26px rgba(255,201,77,.5))}@keyframes medal{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.14) rotate(6deg)}to{transform:none;opacity:1}}.tally{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px dashed var(--line);font-weight:700}.tally:last-child{border-bottom:0}.tally b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badges{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.badge{aspect-ratio:1;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;text-align:center}.badge[data-locked=true]{opacity:.32;filter:grayscale(1)}.badge__icon{font-size:32px}.badge__name{font-family:var(--font-display);font-size:.7rem;font-weight:800;line-height:1.2}.rail{display:flex;gap:5px;padding:12px 18px 4px}.rail__seg{flex:1 1;height:6px;border-radius:var(--r-pill);background:#edeafb}.rail__seg[data-done=true]{background:var(--mint)}.rail__seg[data-current=true]{background:var(--gold)}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.avatar-picker button{aspect-ratio:1;font-size:30px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);cursor:pointer}.avatar-picker button[data-selected=true]{border-color:var(--mint);background:rgba(94,242,196,.16)}.app{--tap:54px;--tap-lg:64px;--tap-gap:10px;--tap-pad:22px}.app[data-band=explorer]{--tap:60px;--tap-lg:72px;--tap-gap:16px;--tap-pad:24px}.app[data-band=cub]{--tap:68px;--tap-lg:80px;--tap-gap:24px;--tap-pad:26px}.hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-md)}.ch{display:block;overflow:visible}.ch__body{transform-origin:150px 300px;animation:ch-breathe 4.2s ease-in-out infinite}@keyframes ch-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.018) translateY(-2.4px)}}.ch__eye{transform-origin:center;transform-box:fill-box;animation:ch-blink 6.4s infinite}.ch[data-agent=max] .ch__eye{animation-delay:2.1s}@keyframes ch-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.ch__mouth{transform-origin:center;transform-box:fill-box}.ch__mouth--talking{animation:ch-talk .26s ease-in-out infinite alternate}@keyframes ch-talk{0%{transform:scaleY(.72) scaleX(.96)}to{transform:scaleY(1.15) scaleX(1.03)}}.ch__blip{animation:ch-blip 2.8s ease-in-out infinite}.ch__tail{transform-origin:184px 256px;animation:ch-tail 5.8s ease-in-out infinite}.ch__tail--max{transform-origin:178px 268px;animation-delay:-2.1s}@keyframes ch-tail{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2deg)}}.ch__antenna{transform-origin:150px 69px;animation:ch-antenna 3.6s ease-in-out infinite}@keyframes ch-antenna{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes ch-blip{0%,to{opacity:1}50%{opacity:.35}}.reveal{margin-top:12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}.reveal>summary{cursor:pointer;font-weight:700;color:var(--text-dim);list-style:none}.reveal>summary::-webkit-details-marker{display:none}.reveal>summary:after{content:" ▾"}.reveal[open]>summary:after{content:" ▴"}.age-picker{display:flex;flex-wrap:wrap;gap:var(--tap-gap)}.age-picker button{flex:1 1 auto;min-width:var(--tap-lg);min-height:var(--tap-lg);padding:0 14px;font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--text);border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);cursor:pointer}.age-picker button[data-selected=true]{border-color:var(--mint);background:rgba(94,242,196,.16)}.field{width:100%;min-height:54px;padding:0 16px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:1.05rem;font-weight:700}.field::placeholder{color:var(--text-faint)}.field:focus{outline:none;border-color:var(--mint)}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}.confetti i{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(2turn);opacity:.1}}.speak-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);flex:0 0 auto;border-radius:var(--r-pill);border:1px solid rgba(27,20,64,.18);background:rgba(27,20,64,.08);color:#1b1440;cursor:pointer;transition:transform .1s ease,background .2s ease}.speak-btn svg{width:17px;height:17px}.speak-btn:active{transform:scale(.92)}.on-dark .speak-btn,.speak-btn--dark{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.bubble__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ask-row{display:flex;flex-wrap:wrap;gap:8px}.ask-chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 15px;border-radius:var(--r-pill);border:1px solid rgba(124,92,255,.55);background:rgba(124,92,255,.16);color:var(--text);font-family:var(--font-body);font-weight:800;font-size:.86rem;cursor:pointer;transition:transform .1s ease,background .2s ease}.ask-chip:active:not(:disabled){transform:scale(.96)}.ask-chip:disabled{opacity:.45;cursor:default}.ask-chip--asked{display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto;border-color:transparent;background:linear-gradient(180deg,var(--violet-soft),var(--violet-deep));color:#fff;cursor:default;font-size:.8rem;min-height:34px}.divider{height:1px;background:var(--line);margin:16px 0}.kicker{font-size:.74rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--violet-soft);margin-bottom:4px}.big-number,.kicker{font-family:var(--font-display);font-weight:800}.big-number{font-size:2.4rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app[data-reduced-motion] *,.app[data-reduced-motion] :after,.app[data-reduced-motion] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}