:root{--plaster: #f2e3c2;--plaster-deep: #e5cfa2;--plaster-shell: #fcf6e8;--plaster-sink: #d8be8e;--ink: #1e1611;--ink-80: rgba(30, 22, 17, .8);--ink-56: rgba(30, 22, 17, .56);--ink-30: rgba(30, 22, 17, .3);--ink-14: rgba(30, 22, 17, .14);--ink-07: rgba(30, 22, 17, .07);--brick: #a6371f;--brick-deep: #74210f;--ochre: #c2762a;--turmeric: #e9a215;--leaf: #4a6b42;--leaf-lt: #6e9b52;--leaf-deep: #33512f;--pigment-teal: #2e6b6b;--indigo: #22345c;--indigo-deep: #131e38;--rose: #c9605c;--gold-leaf: #e7c05a;--gold-deep: #b98d28;--granite: #857a6c;--granite-lt: #a79a88;--skin: #d9a56e;--skin-deep: #b7803f;--stone-shadow: #241a14;--stone-deep: #33251c;--stone-side: #5e4636;--stone-face: #9b7e63;--stone-lit: #d8bc9c;--night-stone: #080d18;--night-rim: var(--lamp-halo);--night: #131c36;--night-dusk: #1e2a4e;--night-horizon: #2a3d74;--inlay: #354a85;--indigo-lit: #5570ae;--lamp-gold: #f0a81e;--lamp-halo: #ffd98a;--marigold: #ee7b25;--kumkum: #c0472f;--flame-core: #fff6de;--flame: #ffc65c;--ember: #e07c2e;--dawn: #ff9c74;--moon: #cfe0ff;--fb-perfect: #ffd98a;--fb-near: #8fc8ff;--fb-again: #b9a6ff;--joy: var(--gold-leaf);--joy-deep: var(--gold-deep);--guide: var(--turmeric);--other: var(--indigo);--calm: var(--pigment-teal);--locked: var(--granite);--festive: var(--brick);--fam: "Baloo 2", "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", ui-rounded, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--fam-display: "Noto Serif Devanagari", "Shobhika", "Kohinoor Devanagari", "Iowan Old Style", Georgia, "Times New Roman", serif;--t-micro: 10px;--t-cap: 12px;--t-body: 15px;--t-lede: 19px;--t-h3: 24px;--t-h2: 31px;--t-h1: 40px;--t-hero: 62px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-xs: 4px;--r-s: 8px;--r-m: 14px;--r-l: 22px;--r-xl: 30px;--r-pill: 999px;--r-stone: 0px;--arch: 50% 50% var(--r-l) var(--r-l) / 42% 42% var(--r-l) var(--r-l);--t-tap: .12s;--e-tap: cubic-bezier(.2, .9, .3, 1);--t-pop: .26s;--e-pop: cubic-bezier(.34, 1.56, .64, 1);--t-glide: .42s;--e-glide: cubic-bezier(.4, 0, .2, 1);--t-settle: .64s;--e-settle: cubic-bezier(.22, 1, .36, 1);--t-drift: 1.8s;--e-drift: cubic-bezier(.45, 0, .55, 1);--line: 2px solid var(--ink);--line-hair: 1px solid var(--ink-14);--cut-1: 0 2px 0 var(--ink);--cut-2: 0 4px 0 var(--ink);--cut-3: 0 6px 0 var(--ink);--cut-stone: 0 4px 0 var(--stone-shadow);--cream: var(--plaster-shell);--gold: var(--gold-leaf);--saffron: var(--marigold);--saffron-deep: #c2571a;--coral: var(--rose);--teal: var(--calm);--leaf-green: var(--leaf-lt);--indigo-night: var(--night-dusk);--outline: var(--ink);--radius: var(--r-l);--shadow-hard: var(--cut-3)}@keyframes unfurl{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise-in{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes stamp{0%{transform:scale(2.4) rotate(-14deg);opacity:0}60%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ring-out{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes fleck{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--tx, 0),var(--ty, -40px)) rotate(220deg);opacity:0}}@keyframes sway{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}@keyframes now-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes halo{0%{box-shadow:0 0 #e9a2158c}to{box-shadow:0 0 0 18px #e9a21500}}@keyframes seg-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes block-land{0%{transform:translateY(90px);opacity:0}40%{opacity:1}72%{transform:translateY(-6px)}to{transform:translateY(0);opacity:1}}@keyframes dust{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes milestone{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.86)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(1)}}@keyframes lamp-on{0%{opacity:.3;filter:brightness(.8)}22%{opacity:1;filter:brightness(1.35)}to{opacity:1;filter:brightness(1)}}@keyframes flame-breathe{0%,to{transform:scaleY(1) scaleX(1);opacity:.86}50%{transform:scaleY(1.14) scaleX(.94);opacity:1}}@keyframes halo-breath{0%,to{opacity:.3;transform:scale(.96)}50%{opacity:.62;transform:scale(1.06)}}@keyframes float-up{0%{transform:translate(-50%) scale(.8);opacity:0}18%{transform:translate(-50%,-10px) scale(1);opacity:1}to{transform:translate(-50%,-52px) scale(1);opacity:0}}@keyframes deepa-rise{0%{transform:translate(0) scale(.8);opacity:0}9%{opacity:1}84%{opacity:1}to{transform:translate(var(--dx, 0),calc(var(--h, 60vh) * -1)) scale(1);opacity:0}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.9}70%{transform:scale(1.65);opacity:0}to{transform:scale(1.65);opacity:0}}@keyframes dawn-up{0%{opacity:0;transform:translateY(24px) scale(1.04)}40%{opacity:1;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hollow{0%{box-shadow:inset 0 0 0 0 var(--other)}to{box-shadow:inset 0 0 0 3px var(--other)}}@keyframes seal-in{0%{transform:scale(1.8) rotate(-10deg);opacity:0}70%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes draw-it{0%{stroke-dashoffset:var(--len, 300)}to{stroke-dashoffset:0}}.u-unfurl{transform-origin:top center;animation:unfurl var(--t-settle) var(--e-settle) both}.u-pop{animation:pop-in var(--t-pop) var(--e-pop) both}.u-rise{animation:rise-in var(--t-glide) var(--e-glide) both}.u-stamp{animation:stamp var(--t-settle) var(--e-settle) both}.u-ring{animation:ring-out var(--t-settle) var(--e-glide) both}.u-land{animation:block-land var(--t-settle) var(--e-settle) both}.u-seal{animation:seal-in var(--t-pop) var(--e-pop) both}.u-lamp-on{animation:lamp-on var(--t-pop) var(--e-settle) both}.u-milestone{animation:milestone 1.9s var(--e-settle) forwards}.u-dawn{animation:dawn-up var(--t-settle) var(--e-settle) both}.u-breathe{animation:flame-breathe var(--t-drift) ease-in-out infinite;transform-origin:50% 100%}.u-halo{animation:halo-breath var(--t-drift) ease-in-out infinite}.u-now{animation:now-pulse .9s var(--e-settle) infinite}.u-sway{transform-origin:top center;animation:sway 3.6s var(--e-drift) infinite alternate}@media(prefers-reduced-motion:reduce){.u-unfurl,.u-pop,.u-rise,.u-stamp,.u-land,.u-seal,.u-dawn,.u-lamp-on{animation-duration:1ms;animation-timing-function:linear}.u-ring,.u-breathe,.u-halo,.u-now,.u-sway{animation:none}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--fam);background:var(--indigo-deep);color:var(--ink);user-select:none;-webkit-user-select:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}:focus-visible{outline:3px solid var(--guide);outline-offset:3px;border-radius:var(--r-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:var(--s3) var(--s5);border-radius:var(--r-m);border:var(--line);box-shadow:var(--cut-3);font-weight:800;font-size:clamp(16px,2.6vmin,21px);line-height:1.15;background:var(--joy);color:var(--ink);transition:filter var(--t-tap) var(--e-tap),transform var(--t-tap) var(--e-tap),box-shadow var(--t-tap) var(--e-tap)}.btn:active{box-shadow:var(--cut-1);transform:translateY(4px)}.btn:disabled{filter:saturate(.25) brightness(.94);cursor:default}.btn--primary,.btn--saffron{background:var(--marigold)}.btn--teal,.btn--calm{background:var(--calm);color:var(--plaster-shell)}.btn--coral{background:var(--rose)}.btn--leaf{background:var(--leaf-lt)}.btn--ghost{background:var(--plaster-shell)}.btn--round{width:56px;height:56px;padding:0;border-radius:50%;font-size:25px}.panel{background:var(--plaster-shell);color:var(--ink);border:var(--line);border-radius:var(--r-l);box-shadow:var(--cut-3)}.niche{border-radius:var(--arch);background:var(--plaster-shell);color:var(--ink);border:var(--line);box-shadow:var(--cut-3)}.chip{display:inline-flex;align-items:center;gap:var(--s1);background:var(--plaster-shell);color:var(--ink);border:var(--line);border-radius:var(--r-pill);padding:var(--s1) var(--s3);font-weight:800;box-shadow:var(--cut-1)}.chip--tap{min-height:44px;padding:var(--s2) var(--s4)}.title-xl{font-size:clamp(30px,6.4vmin,58px);font-weight:800;letter-spacing:.5px;line-height:1.16}.title-lg{font-size:clamp(24px,4.6vmin,40px);font-weight:800;line-height:1.2}.title-md{font-size:clamp(18px,3.2vmin,28px);font-weight:700;line-height:1.25}.text-body{font-size:clamp(15px,2.6vmin,20px);font-weight:600;line-height:1.45}.text-sub{font-size:clamp(12px,2vmin,15px);font-weight:600;opacity:.75}.eyebrow{font-size:var(--t-cap);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-56)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.hud-top{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s3);z-index:30;pointer-events:none}.hud-top>*{pointer-events:auto}.hub-brand,.hub-stats{min-width:0}.hub-dock-label{display:inline}@media(max-width:640px){.hub-hud{align-items:flex-start;gap:6px;padding:calc(var(--s2) + env(safe-area-inset-top,0px)) var(--s2) var(--s2)}.hub-brand{max-width:42vw;padding-top:2px}.hub-brand .title-lg{font-size:clamp(20px,7vw,27px);line-height:1.02}.hub-brand .text-sub{font-size:11px;line-height:1.15}.hub-stats{width:56vw;gap:var(--s1)!important}.hub-stats .chip{padding:3px var(--s2);box-shadow:var(--cut-1);font-size:12px}.hub-title-chip{display:none}.hub-dock{flex-wrap:nowrap!important;gap:5px!important;padding:0 var(--s2)!important}.hub-dock .btn{width:52px;height:50px;min-width:0;min-height:0;padding:0;gap:0;border-radius:var(--r-m);font-size:21px;box-shadow:var(--cut-2)}.hub-dock-label{display:none}}@media(max-height:620px){.hub-brand .text-sub{display:none}.hub-dock .btn{height:44px}}@media(max-width:640px){.garden-camera-tools{right:var(--s2)!important;top:142px!important;gap:5px!important}.garden-camera-tools .btn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;font-size:23px!important}.gitti-stats{flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end;max-width:190px;gap:var(--s1)!important}.gitti-stats .chip,.gitti-goals{font-size:12px!important;padding:var(--s1) 7px!important}.gitti-question{top:130px!important}}.option-tile{position:relative;background:var(--plaster-shell);color:var(--ink);border:var(--line);border-radius:var(--r-m);box-shadow:var(--cut-3);padding:var(--s4);font-weight:800;font-size:clamp(17px,3vmin,25px);text-align:center;width:100%;min-height:56px;transition:background var(--t-pop) var(--e-settle),box-shadow var(--t-pop) var(--e-settle)}.option-tile--correct{background:var(--fb-perfect);box-shadow:var(--cut-3),0 0 0 3px var(--joy-deep)}.option-tile--correct:after{content:"";position:absolute;left:var(--s3);top:50%;width:14px;height:8px;margin-top:-7px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg)}.option-tile--chosen-wrong{background:var(--plaster-shell);box-shadow:var(--cut-1),inset 0 0 0 3px var(--other);opacity:.78}.option-tile--reveal{background:var(--plaster-shell);box-shadow:var(--cut-3),0 0 0 3px var(--guide)}@keyframes wobble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-1.2deg)}75%{transform:translate(5px) rotate(1.2deg)}}.wobble{animation:wobble var(--t-glide) ease-in-out}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px rgba(240,168,30,.5))}50%{filter:drop-shadow(0 0 22px rgba(240,168,30,.9))}}.glow-pulse{animation:pulse-glow var(--t-drift) ease-in-out infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.float-y{animation:float-y 3.2s ease-in-out infinite}.bubble{position:relative;background:var(--plaster-shell);border:var(--line);border-radius:var(--r-l);padding:var(--s3) var(--s4);box-shadow:var(--cut-2);font-weight:700;color:var(--ink)}.bubble:after{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:var(--ink)}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{touch-action:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--marigold);border-radius:var(--r-s)}@keyframes ans-pop{0%{transform:scale(1)}35%{transform:scale(1.28) rotate(-3deg)}60%{transform:scale(.94) rotate(2deg)}to{transform:scale(1.06)}}@keyframes ans-ring{0%{box-shadow:0 0 #f0a81ebf}to{box-shadow:0 0 0 26px #f0a81e00}}@keyframes ans-shake{0%,to{transform:translate(0)}18%{transform:translate(-9px) rotate(-2deg)}38%{transform:translate(8px) rotate(2deg)}58%{transform:translate(-6px)}78%{transform:translate(4px)}}@keyframes ans-breathe{0%,to{box-shadow:0 0 0 3px var(--guide),0 0 18px #e9a21580;transform:scale(1)}50%{box-shadow:0 0 0 6px var(--guide),0 0 30px #e9a215cc;transform:scale(1.07)}}@keyframes panel-flinch{0%,to{transform:translate(0)}25%{transform:translate(-7px)}55%{transform:translate(6px)}80%{transform:translate(-3px)}}.ans-right{animation:ans-pop var(--t-settle) ease both,ans-ring .7s ease-out both}.ans-wrong{animation:ans-shake .5s ease both}.ans-reveal{animation:ans-breathe .9s ease-in-out infinite}.panel-flinch{animation:panel-flinch var(--t-glide) ease both}@keyframes waddle{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-7px) rotate(2.5deg)}}@keyframes skip{0%,60%,to{transform:translateY(0) rotate(0)}70%{transform:translateY(-11px) rotate(-8deg)}85%{transform:translateY(-3px) rotate(6deg)}}.walker-waddle{animation:waddle .9s ease-in-out infinite;transform-origin:50% 90%}.walker-skip{animation:skip 1.3s ease-in-out infinite;transform-origin:50% 95%}@media(prefers-reduced-motion:reduce){.glow-pulse,.float-y,.walker-waddle,.walker-skip,.ans-reveal{animation:none}.wobble,.ans-right,.ans-wrong,.panel-flinch{animation-duration:1ms}.option-tile--reveal{box-shadow:var(--cut-3),0 0 0 4px var(--guide)}}