@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--pine-deep:#132a20;--pine:#1d3b2c;--pine-light:#2f5641;--moss:#5c8a67;--sand:#f2e8ce;--sand-dim:#e4d6b2;--honey:#dda23a;--honey-dark:#b87f26;--berry:#bd5240;--ink:#26301f;--cream:#f6f1e3;--shadow:0 12px 30px #09140e59}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 10%, #5c8a6740, transparent 55%), radial-gradient(circle at 85% 90%, #dda23a1f, transparent 50%), var(--pine-deep);min-height:100vh;color:var(--cream);padding:20px;font-family:Nunito,sans-serif}h1,h2,h3{margin:0;font-family:"Baloo 2",sans-serif;line-height:1.15}#app{flex-direction:column;gap:18px;width:100%;max-width:640px;margin:0 auto;display:flex}.trail{justify-content:center;align-items:center;gap:10px;padding:6px 0;display:flex}.trail-node{background:var(--pine);border:2px solid var(--pine-light);opacity:.45;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .4s;display:flex;transform:scale(.92)}.trail-node.active{opacity:1;border-color:var(--honey);transform:scale(1.08);box-shadow:0 0 0 4px #dda23a2e}.trail-node.done{opacity:1;background:var(--moss);border-color:var(--moss)}.trail-line{background:var(--pine-light);flex:1;max-width:36px;height:2px}.panel{background:var(--sand);color:var(--ink);box-shadow:var(--shadow);border-radius:22px;padding:28px 24px;animation:.5s riseIn;position:relative}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--honey-dark);margin-bottom:4px;font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:600}.panel h2{color:var(--ink);margin-bottom:6px;font-size:26px}.panel p.lead{color:#4a4335;margin:0 0 18px;font-size:15.5px}.btn{background:var(--honey);color:#3a2708;cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;padding:13px 22px;font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:600;transition:transform .15s,background .2s}.btn:hover{background:var(--honey-dark);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pop{animation:.35s pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.digit-reveal{background:var(--pine);color:var(--cream);border-radius:16px;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;display:none}.digit-reveal.show{display:flex}.digit-reveal .num{background:var(--honey);color:#3a2708;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:"Baloo 2",sans-serif;font-size:34px;font-weight:800;display:flex}.digit-reveal .txt{font-size:14.5px;line-height:1.35}.intro-hero{text-align:center;padding:6px 0 4px}.intro-hero .glyph{margin-bottom:6px;font-size:52px;display:block}.match-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.match-card{background:var(--cream);border:2px solid var(--sand-dim);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;padding:12px 10px;transition:all .15s}.match-card .glyph{margin-bottom:6px;font-size:30px;display:block}.match-card small{color:#6b6252;margin-top:4px;font-size:11.5px;line-height:1.3;display:block}.match-card.selected{border-color:var(--honey);background:#fbf3de}.match-card.correct{border-color:var(--moss);cursor:default;opacity:.75;background:#e4eedf}.match-card svg{width:44px;height:44px}.forest-grid{background:#173626;border-radius:14px;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:14px;padding:8px;display:grid}.leaf-cell{aspect-ratio:1;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:transform .15s;display:flex}.leaf-cell:active{transform:scale(.9)}.leaf-cell.owl-found{background:var(--honey);animation:.3s pop}.count-badge{color:var(--pine);text-align:center;margin-top:12px;font-family:"Baloo 2",sans-serif;font-weight:700}.food-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.food-chip{background:var(--cream);border:2px solid var(--sand-dim);cursor:pointer;border-radius:12px;padding:9px 14px;font-size:22px;transition:all .15s}.food-chip.selected{border-color:var(--honey);background:#fbf3de;transform:translateY(-2px)}.food-chip.used{opacity:.25;cursor:default}.animal-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.animal-card{background:var(--cream);border:2px solid var(--sand-dim);text-align:center;cursor:pointer;border-radius:14px;padding:14px 10px;position:relative}.animal-card .glyph{font-size:32px;display:block}.animal-card small{color:#6b6252;margin-top:4px;font-size:12px;display:block}.animal-card.fed{border-color:var(--moss);background:#e4eedf}.animal-card .check{font-size:16px;display:none;position:absolute;top:6px;right:8px}.animal-card.fed .check{display:block}.riddle-card{background:var(--cream);border-left:4px solid var(--honey);color:#3f3826;border-radius:10px;margin-bottom:10px;padding:14px 16px;font-size:14.5px;font-style:italic;line-height:1.55}.riddle-card b{color:var(--honey-dark);margin-top:8px;font-family:"Baloo 2",sans-serif;font-size:12.5px;font-style:normal;font-weight:600;display:block}.code-vault{background:var(--pine);border-radius:16px;margin-top:20px;padding:20px}.code-slots{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.code-slot{background:var(--pine-deep);border:2px solid var(--pine-light);width:48px;height:56px;color:var(--cream);border-radius:10px;justify-content:center;align-items:center;font-family:"Baloo 2",sans-serif;font-size:26px;font-weight:700;display:flex}.code-slot.filled{border-color:var(--honey)}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:260px;margin:0 auto;display:grid}.keypad button{background:var(--pine-light);color:var(--cream);cursor:pointer;border:none;border-radius:10px;padding:13px 0;font-family:"Baloo 2",sans-serif;font-size:19px;font-weight:600}.keypad button:active{background:var(--moss)}.vault-msg{text-align:center;color:var(--sand-dim);min-height:18px;margin-top:10px;font-size:13.5px}.word-stage{text-align:center}.word-input-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.word-input{letter-spacing:1px;text-align:center;text-transform:uppercase;border:2px solid var(--sand-dim);background:var(--cream);color:var(--ink);border-radius:12px;width:220px;max-width:100%;padding:13px 16px;font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:600}.word-input:focus{border-color:var(--honey);outline:none}.word-msg{text-align:center;color:#6b6252;min-height:18px;margin-top:12px;font-size:13.5px}.care-stage{text-align:left}.care-steps{flex-direction:column;gap:12px;margin-top:18px;display:flex}.care-step{background:var(--cream);border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.care-step .step-num{background:var(--honey);color:#3a2708;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:"Baloo 2",sans-serif;font-size:16px;font-weight:800;display:flex}.care-step p{color:#3f3826;margin:0;font-size:14.5px;line-height:1.55}.care-close{background:var(--pine);color:var(--cream);border-radius:14px;margin-top:18px;padding:14px 16px;font-size:13.5px;line-height:1.5}@media (width<=420px){.panel{padding:22px 16px}.panel h2{font-size:22px}.trail-node{width:38px;height:38px;font-size:17px}}