.orchard-page{background:radial-gradient(120% 50% at 50% -8%,#dcefd8 0,rgba(220,239,216,0) 55%),linear-gradient(180deg,#e8f5e9,#f0f7ff 40%,#eaf3ff)}.orchard-top-bar{background:linear-gradient(180deg,rgba(232,245,233,.92),rgba(232,245,233,.55) 70%,rgba(232,245,233,0))}.orchard-chip{background:linear-gradient(135deg,var(--gc-success),#16a34a);box-shadow:0 4px 10px rgba(34,197,94,.32)}.orchard-counters{display:flex;gap:6px;flex-shrink:0}.counter-pill{display:flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:800;background:hsla(0,0%,100%,.85);box-shadow:var(--gc-shadow-sm);border:1px solid var(--gc-border)}.counter-pill.stars{color:var(--gc-warning);background:rgba(255,246,224,.9);border-color:rgba(245,158,11,.28)}.counter-pill.coins{color:var(--gc-success);background:rgba(230,249,239,.9);border-color:rgba(34,197,94,.24)}.prompt-card{margin:6px 14px 4px;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:var(--gc-radius-lg);background:var(--gc-card);box-shadow:var(--gc-shadow-md);border:1px solid rgba(34,197,94,.12);position:relative;overflow:hidden}.prompt-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--gc-success),#16a34a)}.prompt-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e6f9ef,#dcfce7);color:var(--gc-success);display:flex;align-items:center;justify-content:center;flex-shrink:0}.prompt-text{font-size:14px;font-weight:700;line-height:1.4;flex:1;min-width:0}.prompt-sub{font-size:11px;color:var(--gc-muted-foreground);margin-top:2px}.orchard-strip{justify-content:space-between;padding:6px 18px 4px}.orchard-strip,.strip-item{display:flex;align-items:center}.strip-item{gap:6px;font-size:12px;font-weight:700;color:var(--gc-muted-foreground)}.strip-item .num{color:var(--gc-success);font-weight:800}.progress-mini{flex:1;margin:0 12px;height:7px;border-radius:999px;background:rgba(34,197,94,.16);overflow:hidden}.progress-mini-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4ade80,var(--gc-success),#16a34a);box-shadow:0 0 8px rgba(34,197,94,.4);position:relative;transition:width .3s ease}.progress-mini-fill:after{content:"";position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:orchard-progress-shimmer 1.5s linear infinite}@keyframes orchard-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.orchard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 10px;background:linear-gradient(180deg,rgba(220,239,216,.5),rgba(232,245,233,.2));border-radius:var(--gc-radius-md);border:1.5px dashed rgba(34,197,94,.28)}.orchard-slot{aspect-ratio:1;border-radius:var(--gc-radius-md);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6px;background:linear-gradient(180deg,transparent,transparent 55%,#d9b98a 0,#c8a06a);user-select:none;cursor:pointer}.orchard-slot:active{transform:scale(.97)}.tree{position:relative;width:100%;height:70%;display:flex;align-items:flex-end;justify-content:center}.tree-trunk{width:14px;height:38px;background:linear-gradient(180deg,#a86b3c,#8b5a2b);border-radius:4px 4px 6px 6px;position:relative;z-index:1}.tree-canopy{top:0;width:64px;height:60px;background:radial-gradient(circle at 38% 32%,#6fbf73 0,#4caf50 55%,#388e3c 100%);border-radius:50% 50% 48% 48%;z-index:2}.eq-chip,.tree-canopy{position:absolute;left:50%;transform:translateX(-50%)}.eq-chip{bottom:26px;font-size:11px;font-weight:800;color:var(--gc-success);background:hsla(0,0%,100%,.92);padding:2px 8px;border-radius:999px;box-shadow:var(--gc-shadow-sm);border:1px solid rgba(34,197,94,.3);white-space:nowrap;z-index:5}.orchard-slot.current .tree-canopy{background:radial-gradient(circle at 38% 32%,#bbd9ff 0,var(--gc-primary) 55%,#3b6fd9 100%);animation:tree-breathe 2s ease-in-out infinite}@keyframes tree-breathe{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.question-fruit{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#fff1b8,var(--gc-warning));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;z-index:6;animation:fruit-bounce 1.6s ease-in-out infinite}@keyframes fruit-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.current-eq{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:13px;font-weight:800;color:var(--gc-primary);background:hsla(0,0%,100%,.95);padding:3px 9px;border-radius:999px;box-shadow:var(--gc-shadow-sm);border:1px solid rgba(79,140,255,.35);white-space:nowrap;z-index:5}.orchard-question-card{background:linear-gradient(180deg,#fff,#fafefb);border-radius:12px;box-shadow:0 8px 30px rgba(34,197,94,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.8);padding:18px 16px 16px;border:1px solid rgba(34,197,94,.12);position:relative;overflow:hidden}.orchard-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a,#4ade80);background-size:300% 100%;animation:orchard-card-accent 4s linear infinite}@keyframes orchard-card-accent{0%{background-position:0 50%}to{background-position:300% 50%}}.orchard-q-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.orchard-q-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:5px 12px;border-radius:999px;border:1px solid rgba(34,197,94,.15)}.orchard-q-body{display:flex;align-items:center;gap:12px;padding:22px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5 50%,#f0fdf4);border-radius:12px;margin-bottom:14px;position:relative;overflow:hidden}.orchard-q-body:after,.orchard-q-body:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;opacity:.4}.orchard-q-body:before{top:-10px;left:-10px;background:radial-gradient(circle,rgba(34,197,94,.25),transparent 70%)}.orchard-q-body:after{bottom:-10px;right:-10px;background:radial-gradient(circle,rgba(74,222,128,.25),transparent 70%)}.orchard-q-eq{flex:1;text-align:center;font-size:32px;font-weight:800;letter-spacing:1.5px;line-height:1.2;color:#1e293b;position:relative;z-index:1}.orchard-q-eq .op{color:#16a34a;margin:0 4px;font-size:28px}.orchard-q-eq .eq{color:#f59e0b;margin:0 6px}.q-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a;font-size:24px;vertical-align:middle;border:2px dashed rgba(34,197,94,.4);animation:q-bounce 1.5s ease-in-out infinite}@keyframes q-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.orchard-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ans-btn{height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;background:linear-gradient(180deg,#fff,#f8fafc);border:2px solid #e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.04);color:#1e293b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ans-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.8));opacity:0;transition:opacity .2s}.ans-btn:active{transform:scale(.94)}.ans-btn:active:before{opacity:1}.ans-btn.selected{border-color:#22c55e;background:linear-gradient(180deg,#f0fdf4,#dcfce7);box-shadow:0 4px 16px rgba(34,197,94,.25);color:#15803d;transform:translateY(-2px)}.ans-btn.correct{border-color:#22c55e!important;background:linear-gradient(180deg,#dcfce7,#bbf7d0)!important;color:#15803d!important;box-shadow:0 4px 16px rgba(34,197,94,.35)!important}.ans-btn.wrong{border-color:#ef4444!important;background:linear-gradient(180deg,#fee2e2,#fecaca)!important;color:#dc2626!important;box-shadow:0 4px 16px rgba(239,68,68,.3)!important}.orchard-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(232,245,233,0),rgba(232,245,233,.95) 25%,#e8f5e9 60%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:var(--gc-container-width);margin:0 auto}.water-btn{flex:1.6;height:52px;border-radius:12px;background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(34,197,94,.4);transition:all .15s ease;position:relative;overflow:hidden}.water-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.water-btn:active{transform:scale(.97)}.water-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.water-btn.watering{animation:water-btn-pulse .6s ease-in-out infinite}.water-btn.ready{animation:water-btn-ready 1s ease-in-out infinite;background:linear-gradient(135deg,#34d399,#10b981 50%,#059669);box-shadow:0 8px 28px rgba(16,185,129,.5)}@keyframes water-btn-ready{0%,to{transform:scale(1);box-shadow:0 8px 24px rgba(16,185,129,.45)}50%{transform:scale(1.04);box-shadow:0 10px 32px rgba(16,185,129,.6)}}@keyframes water-btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 8px 28px rgba(34,197,94,.55)}}.change-btn{flex:1;height:52px;border-radius:12px;background:linear-gradient(180deg,#fff,#f0fdf4);color:#16a34a;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;border:2px solid #86efac;cursor:pointer;box-shadow:0 2px 8px rgba(34,197,94,.12);transition:all .15s ease}.change-btn:active{transform:scale(.95);background:#dcfce7}.orchard-answers .ans-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.orchard-answers .ans-btn.correct{animation:orchard-correct-pulse .6s ease-out}@keyframes orchard-correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(34,197,94,.3)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,0)}}.orchard-answers .ans-btn.wrong{animation:orchard-wrong-shake .5s ease-out}@keyframes orchard-wrong-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.orchard-float-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 32px;border-radius:12px;font-size:28px;font-weight:800;pointer-events:none;z-index:100;animation:orchard-float-feedback 1.2s ease-out forwards}.orchard-float-feedback.correct{background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;box-shadow:0 10px 40px rgba(34,197,94,.4)}.orchard-float-feedback.wrong{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 10px 40px rgba(239,68,68,.4)}@keyframes orchard-float-feedback{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}40%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.9)}}.water-droplets{position:absolute;top:-20px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:20}.water-drop{position:absolute;width:10px;height:14px;background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;opacity:0;animation:water-drop-fall 1s ease-in forwards}.water-drop:first-child{left:-20px;animation-delay:0s}.water-drop:nth-child(2){left:0;animation-delay:.1s}.water-drop:nth-child(3){left:20px;animation-delay:.2s}.water-drop:nth-child(4){left:-10px;animation-delay:.15s}.water-drop:nth-child(5){left:10px;animation-delay:.25s}@keyframes water-drop-fall{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(10px) scale(1)}to{opacity:0;transform:translateY(60px) scale(.8)}}.orchard-slot.current .tree-canopy{animation:tree-wobble 2s ease-in-out infinite}@keyframes tree-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.orchard-slot.harvest-anim .tree-canopy{animation:tree-harvest .8s cubic-bezier(.34,1.56,.64,1)}@keyframes tree-harvest{0%{transform:scale(1)}30%{transform:scale(1.15);filter:brightness(1.2)}60%{transform:scale(.95)}to{transform:scale(1)}}.orchard-question-card{transition:transform .3s ease}.orchard-question-card.new-question{animation:orchard-q-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes orchard-q-enter{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:768px){.water-btn{height:58px}}