@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap";:root{--animal-font: Nunito, "Noto Sans SC", "Zen Maru Gothic", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--animal-primary: #19c8b9;--animal-primary-hover: #3dd4c6;--animal-primary-active: #11a89b;--animal-primary-bg: #e6f9f6;--animal-text: #794f27;--animal-text-body: #725d42;--animal-text-secondary: #9f927d;--animal-text-muted: #8a7b66;--animal-text-disabled: #c4b89e;--animal-bg: #f8f8f0;--animal-bg-content: rgb(247, 243, 223);--animal-bg-disabled: #f0ece2;--animal-border: #c4b89e;--animal-border-hover: #a89878;--animal-border-strong: #9f927d;--animal-radius-sm: 12px;--animal-radius: 18px;--animal-radius-lg: 24px;--animal-radius-pill: 50px;--animal-shadow-btn: #bdaea0;--animal-shadow-input: #d4c9b4;--animal-focus-yellow: #ffcc00;--animal-focus-yellow-d: #e0b800;--animal-success: #6fba2c;--animal-success-active: #5a9e1e;--animal-warning: #f5c31c;--animal-error: #e05a5a;--animal-ease: cubic-bezier(.4, 0, .2, 1);--animal-duration-fast: .15s;--animal-duration: .25s;--animal-duration-slow: .35s;--animal-card-shadow: 0 3px 10px 0 rgba(61, 52, 40, .1);--animal-card-shadow-lg: 0 8px 24px 0 rgba(61, 52, 40, .14)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(135deg,#f8f8f0,#e6f9f6,#f8f8f0 70%,#f0e8d8);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--animal-font);overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;width:100%}@keyframes animal-zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes animal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ac-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes tutorialBounce{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.85}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width: 480px){body{overflow-y:auto;justify-content:flex-start;padding-top:8px;padding-bottom:60px}button,canvas{touch-action:manipulation}}@media (min-width: 481px) and (max-width: 767px){body{overflow-y:auto;justify-content:flex-start;padding-top:12px}}