:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}.wild-world{min-height:100vh;padding:2rem;transition:background .5s ease}.world-header{text-align:center;margin-bottom:2.5rem;color:#1a1a2e}.world-title-group{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.world-icon{font-size:2.5rem;animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.world-title{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#2d6a4f,#0077b6,#bc6c25,#48cae4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.world-subtitle{font-size:1.15rem;color:#555;margin-bottom:1.25rem}.progress-bar{max-width:320px;margin:0 auto;background:#e8e8e8;border-radius:999px;height:28px;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2d6a4f,#0077b6,#bc6c25);border-radius:999px;transition:width .5s ease;min-width:0}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#333;text-shadow:0 0 4px rgba(255,255,255,.6)}.habitat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.habitat-card{border:none;border-radius:1.25rem;padding:2rem;color:#fff;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 20px #00000026;position:relative;overflow:hidden}.habitat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.15),transparent 60%);pointer-events:none}.habitat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #00000040}.habitat-emoji{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.habitat-name{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.habitat-desc{font-size:.9rem;opacity:.9;line-height:1.5}.habitat-animals-preview{display:flex;gap:.5rem;margin:.5rem 0}.preview-emoji{font-size:1.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .2s}.preview-emoji.visited{position:relative}.preview-emoji.visited:after{content:"✓";position:absolute;top:-6px;right:-6px;background:#2d6a4f;color:#fff;font-size:.6rem;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.habitat-enter{margin-top:auto;padding-top:.75rem;font-weight:600;font-size:.95rem;opacity:.85;letter-spacing:.02em}.back-button{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.6rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:1.5rem}.back-button:hover{background:#ffffff59}.habitat-header{text-align:center;color:#fff;margin-bottom:2.5rem}.habitat-header-emoji{font-size:4rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.habitat-header-title{font-size:2.2rem;font-weight:800;text-shadow:0 3px 8px rgba(0,0,0,.3);margin-bottom:.5rem}.habitat-header-desc{font-size:1rem;opacity:.9;max-width:600px;margin:0 auto}.animals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;max-width:900px;margin:0 auto}.animal-card{background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:1.25rem;padding:1.75rem 1.25rem;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.animal-card:hover{transform:translateY(-4px) scale(1.04);background:#ffffff40}.animal-card.visited{border-color:#ffffff80}.animal-emoji{font-size:3.5rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));transition:transform .3s}.animal-card:hover .animal-emoji{transform:scale(1.15) rotate(-5deg)}.animal-name{font-size:1.05rem;font-weight:700}.animal-mood{font-size:.78rem;opacity:.75;font-style:italic;padding:.2rem .6rem;background:#ffffff1a;border-radius:999px}.animal-meetup{display:flex;justify-content:center;padding-top:1rem}.animal-meetup-card{background:#fff3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:2rem;padding:2.5rem 2rem;color:#fff;text-align:center;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.meetup-emoji{font-size:5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));animation:wave 1.5s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.meetup-name{font-size:1.6rem;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.2)}.meetup-mood{font-size:.85rem;opacity:.8;font-style:italic;padding:.2rem .8rem;background:#ffffff1f;border-radius:999px;margin-bottom:.75rem}.speech-bubble{background:#ffffff2e;border-radius:1.25rem;padding:1.25rem 1.5rem;margin:.5rem 0;position:relative;width:100%;border:1px solid rgba(255,255,255,.2)}.speech-bubble:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(255,255,255,.18)}.meetup-greeting{font-size:1.05rem;line-height:1.6;font-style:italic}.fun-fact{background:#ffffff1f;border-radius:1rem;padding:1rem 1.25rem;width:100%;margin:.5rem 0}.fact-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#fff3;padding:.2rem .6rem;border-radius:999px;margin-bottom:.4rem}.fact-text{font-size:.95rem;line-height:1.5}.meetup-back{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.6rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.75rem}.meetup-back:hover{background:#ffffff59}@media(max-width:640px){.wild-world{padding:1.25rem}.world-title{font-size:2rem}.habitat-grid{grid-template-columns:1fr}.animals-grid{grid-template-columns:repeat(2,1fr)}.habitat-header-title{font-size:1.6rem}.animal-meetup-card{padding:1.75rem 1.25rem}.meetup-emoji{font-size:3.5rem}}