:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.app{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;align-items:center;justify-content:space-between}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem}.points-display{display:flex;align-items:baseline;gap:.4rem}.points-value{font-size:1.75rem;font-weight:700;color:#facc15}.points-label{font-size:.75rem;color:#ffffff80}.chicken-area{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);border-radius:1rem;border:1px solid rgba(255,255,255,.08);overflow:hidden}.chicken-area:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(to top,rgba(34,197,94,.15),transparent);pointer-events:none}.chicken{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.chicken.happy{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-6px)}}.chicken-body{position:relative;width:100px;height:90px;background:#fef3c7;border-radius:50% 50% 45% 45%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 30px #0006}.chicken-comb{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:20px;height:16px;background:#ef4444;border-radius:50% 50% 20% 20%}.chicken-comb:before,.chicken-comb:after{content:"";position:absolute;width:14px;height:12px;background:#ef4444;border-radius:50%;top:4px}.chicken-comb:before{left:-10px}.chicken-comb:after{right:-10px}.chicken-face{font-size:1.4rem;font-weight:700;color:#1a1a2e;margin-top:-4px;-webkit-user-select:none;user-select:none}.chicken-beak{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #f97316;margin-top:-2px}.chicken-wing{position:absolute;width:28px;height:35px;background:#fde68a;border-radius:50% 50% 60% 40%;top:35px}.chicken-wing.left{left:-10px;transform:rotate(15deg)}.chicken-wing.right{right:-10px;transform:rotate(-15deg)}.chicken.happy .chicken-wing.left{animation:flapLeft .4s ease}.chicken.happy .chicken-wing.right{animation:flapRight .4s ease}@keyframes flapLeft{0%,to{transform:rotate(15deg)}50%{transform:rotate(-25deg)}}@keyframes flapRight{0%,to{transform:rotate(-15deg)}50%{transform:rotate(25deg)}}.chicken-feet{position:absolute;bottom:-10px;display:flex;gap:16px;font-size:.9rem;color:#f97316}.thought-bubble{position:absolute;top:-50px;background:#fffffff2;color:#1a1a2e;padding:.35rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap;animation:fadeInUp .3s ease;box-shadow:0 4px 12px #0003}.thought-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,255,255,.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-emoji{position:absolute;font-size:1.6rem;animation:floatUp 1.2s ease forwards;pointer-events:none}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.3)}}.treats-section h3,.reward-section h3,.collection h3{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#ffffffb3;letter-spacing:-.01em}.treats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.treat-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;cursor:pointer;transition:all .2s ease;color:#fafafa}.treat-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.treat-btn:active{transform:translateY(0) scale(.95)}.treat-emoji{font-size:1.5rem}.treat-name{font-size:.7rem;color:#ffffffb3}.treat-points{font-size:.65rem;font-weight:700;color:#facc15}.reward-section{display:flex;flex-direction:column;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem}.reward-header{display:flex;align-items:center;justify-content:space-between}.reward-header h3{margin:0}.claim-btn{font-size:.7rem;font-weight:600;padding:.3rem .75rem;background:linear-gradient(135deg,#facc15,#f59e0b);color:#1a1a2e;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease}.claim-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #facc154d}.current-reward{display:flex;flex-direction:column;gap:.75rem}.reward-display{display:flex;align-items:center;gap:.75rem}.reward-emoji{font-size:2.5rem}.reward-name{font-size:1.1rem;font-weight:600}.progress-area{display:flex;flex-direction:column;gap:.4rem}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80}.progress-bar{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#facc15,#f59e0b);border-radius:4px;transition:width .5s ease}.progress-text{font-size:.7rem;text-align:center;color:#fff6}.max-reward{text-align:center;font-size:.9rem;color:#facc15;padding:.5rem}.collection{display:flex;flex-direction:column;gap:.5rem}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.collection-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .25rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.collection-item.unlocked{background:#facc1514;border-color:#facc1533}.collection-item.locked{opacity:.4}.collection-emoji{font-size:1.5rem}.collection-name{font-size:.55rem;color:#fff9;text-align:center}@media(max-width:500px){.treats-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(3,1fr)}}