/* Little Pals: playful choices, generous touch targets, quiet detail. */
.game-mode{background:#fbfaf3;color:#39483e}.game-mode aside{background:#fffef9}.game-mode header{background:#fffefa}.game-mode #content{max-width:1440px}.game-mode .nav[data-view="library"],.game-mode .nav[data-view="guide"]{display:none}.game-mode .side-label{margin:20px 14px 10px}.game-mode .brand{color:#72915a}.game-mode h1{letter-spacing:-1px}.game-primary,.game-secondary{min-height:52px;border-radius:15px;font-weight:900;padding:14px 22px;font-size:16px;touch-action:manipulation}.game-primary{background:#628747;color:#fffdf2;box-shadow:0 5px 0 #426431}.game-primary:hover{background:#729955;transform:translateY(-2px)}.game-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #426431}.game-secondary{background:#fffcf4;border:1px solid #dedfcf;color:#75845e}.game-secondary:hover{background:#f2f4e6}.meadow-hero{min-height:335px;border:1px solid #dee7cc;background:linear-gradient(115deg,#eff2de,#e9f0d7 70%,#dce9cc);border-radius:28px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:38px 45px}.meadow-copy{position:relative;z-index:2;max-width:60%}.meadow-copy h1{font-size:38px;line-height:1.4;margin:13px 0}.meadow-copy>p{font-size:15px;line-height:1.9;color:#80906c;margin:0 0 25px;max-width:420px}.meadow-buttons{display:flex;gap:15px;flex-wrap:wrap}.hero-pal{width:290px;position:relative;margin:0 0 -13px;z-index:1}.pal-art{width:100%;overflow:visible}.pal-art .pal-body{animation:pal-breathe 3s ease-in-out infinite;transform-origin:160px 260px}.pal-art .pal-tail{animation:tail-wag 2.3s ease-in-out infinite}.pal-art .pal-eyes{animation:eye-blink 5.3s infinite;transform-origin:160px 145px}.float-star{position:absolute;color:#d2ae54;animation:float-soft 4s ease-in-out infinite;font-size:31px}.float-star.one{left:13px;top:35px}.float-star.two{right:0;top:130px;animation-delay:-1s}.tiny-heart{position:absolute;right:6px;top:43px;font-size:28px;color:#c88881;transform:rotate(15deg)}.meadow-grass{position:absolute;bottom:-2px;left:35px;right:25px;font-size:24px;opacity:.5;letter-spacing:14px;white-space:nowrap}.star-guide{display:flex;gap:15px;align-items:center;border:1px solid #eee7d5;background:#fffdf5;border-radius:18px;padding:13px 22px;margin:22px 0}.guide-star{flex-shrink:0;color:#ddb967;background:#fff0c8;width:42px;height:42px;border-radius:13px;font-size:29px;text-align:center;line-height:42px;transform:rotate(-7deg)}.star-guide p{margin:0;color:#9a8a68;font-size:14px;line-height:1.8}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.starter-card,.collected-pal{position:relative;border:1px solid #e7e6d8;background:#fffefa;border-radius:22px;padding:20px 20px 23px;text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.starter-card:hover,.collected-pal:hover{border-color:#b6c69a;box-shadow:0 12px 25px #66754c15;transform:translateY(-5px)}.starter-card:before,.collected-pal:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:var(--pal-tone);left:50%;top:37px;transform:translateX(-50%)}.starter-card .pal-art{display:block;position:relative;height:175px;width:100%;margin:7px 0 4px}.element-chip{display:inline-block;font-size:11px;font-weight:800;color:#82915e;background:#fffef4cc;border:1px solid #e7e5cd;padding:7px 11px;border-radius:20px;position:relative;z-index:2}.starter-card h3,.collected-pal h3{font-size:19px;margin:12px 0 6px}.starter-card p{font-size:12px;color:#9a9f88;margin:0;line-height:1.7}.starter-plus{position:absolute;right:20px;bottom:20px;background:#eef1e2;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;color:#829261}.little-note{margin:22px 0;color:#aaa88d;font-size:12px;display:flex;align-items:center;gap:9px}.sound-toggle{margin-left:auto;border:1px solid #e7e6d8;border-radius:12px;padding:9px 13px;color:#99957c;background:#fffdf5}.hatch-header{display:flex;justify-content:space-between;align-items:center;color:#8d987a;font-size:13px}.plain-back{color:#8e987c;padding:13px 0;font-size:13px}.step-trail{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0 28px}.step-trail span{background:#f0f0e6;border:1px solid #e6e6d7;border-radius:30px;padding:10px 16px;color:#aaa98d;font-weight:800;font-size:12px}.step-trail .current{background:#e9efdb;border-color:#b3c795;color:#688245}.step-trail .done{color:#6e8b4b}.step-trail i{color:#c1c6af;letter-spacing:4px}.hatch-layout{display:grid;grid-template-columns:42% 1fr;gap:38px;align-items:start}.hatch-preview{position:relative;background:var(--pal-tone);border-radius:27px;min-height:420px;padding:25px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #e6e6d9}.hatch-preview .pal-art{height:280px;max-width:315px;z-index:1;margin:20px 0 10px}.hatch-preview p{font-size:23px;font-weight:900;margin:13px 0}.egg-halo{position:absolute;left:50%;top:75px;transform:translateX(-50%);width:245px;height:245px;background:#fff7;border-radius:50%;box-shadow:0 0 0 22px #fff3}.hatch-options h1{font-size:28px;margin:14px 0 0}.hatch-options .star-guide{padding:13px 15px;margin:18px 0}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shape-option{border:2px solid #e6e8d9;border-radius:19px;background:#fffdf8;padding:13px 5px}.shape-option .pal-art{height:130px;width:100%}.shape-option b{font-size:13px}.picked{border-color:#90ad69!important;background:#f4f7e9}.element-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.element-option{background:var(--pal-tone);border:2px solid transparent;border-radius:18px;padding:22px 7px 18px;min-height:122px}.element-option>span{display:block;font-size:33px;margin-bottom:9px}.element-option b{font-size:14px}.element-option small{display:block;font-size:10px;margin-top:6px;color:#959882}.name-label{font-size:13px;color:#8a9875;margin-top:24px}.pal-name-input{font-size:24px;font-weight:900;border:2px solid #dce6ca;background:#fffef8;border-radius:17px;padding:16px 18px}.hatch-button{width:100%;margin:25px 0 8px}.tiny-options{margin-top:17px}.tiny-options summary{color:#9ba084;font-size:12px;min-height:44px;line-height:44px;cursor:pointer}.coat-options{display:flex;gap:14px;margin:8px 0 15px}.coat-dot{width:44px;height:44px;min-width:44px;border:3px solid #fff;border-radius:50%;outline:1px solid #dedfd0}.coat-dot.picked{outline:3px solid #94aa73}.personality-options{display:flex;gap:8px;flex-wrap:wrap}.personality-options button{font-size:12px;min-height:44px;padding:10px 13px}.buddy-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.buddy-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.buddy-stage{min-height:495px;background:var(--pal-tone);border:1px solid #e1e6d5;border-radius:28px;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-floor{position:absolute;width:110%;height:150px;border-radius:50%;left:-5%;bottom:-62px;background:#dbe8be66}.speech-bubble{position:relative;background:#fffef7;border:1px solid #e7e1ce;border-radius:18px;padding:13px 22px;color:#9b8863;z-index:3;font-size:13px;text-align:center;max-width:100%;margin-bottom:12px}.speech-bubble:after{content:'';position:absolute;bottom:-8px;left:50%;height:13px;width:13px;background:#fffef7;border-right:1px solid #e7e1ce;border-bottom:1px solid #e7e1ce;transform:rotate(45deg)}.pal-touch{position:relative;z-index:2;background:none;border:0;padding:0;width:min(330px,100%);touch-action:manipulation}.pal-touch .pal-art{display:block}.preview-note{position:relative;z-index:2;color:#a1ab92;font-size:10px;line-height:1.6;max-width:280px;text-align:center}.stage-cloud{position:absolute;width:70px;height:19px;border-radius:30px;background:#fff8;top:100px}.stage-cloud.left{left:20px}.stage-cloud.right{right:15px;top:155px;width:55px}.buddy-info h1{font-size:38px;margin:15px 0 9px}.buddy-info>p{color:#949c84;font-size:13px;line-height:1.8;margin:0 0 22px}.friendship{font-size:12px;color:#ac8e83;display:flex;justify-content:space-between;flex-wrap:wrap;margin:20px 0}.friendship b{color:#bc8b81}.friendship-track{width:100%;height:9px;border-radius:20px;background:#f1e9df;margin-top:9px;overflow:hidden}.friendship-track i{display:block;height:100%;background:#e5b2a1;border-radius:20px;transition:width .3s}.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.play-action{border:1px solid #e3e5d6;background:#fffef7;border-radius:16px;padding:15px 5px;font-size:12px;font-weight:800;min-height:83px}.play-action span{font-size:28px;display:block;margin-bottom:7px}.pal-skill-card{background:#f2f3e6;border:1px solid #e4e8d5;border-radius:14px;padding:15px}.pal-skill-card b{font-size:13px}.pal-skill-card small{display:block;color:#99a087;line-height:1.7;margin-top:7px;font-size:11px}.pal-badges{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.pal-badges span{font-size:10px;color:#ba9c65;background:#fff5d9;border:1px solid #efe2bf;border-radius:20px;padding:7px 10px}.buddy-info>.game-primary{width:100%;margin:5px 0}.buddy-info>.plain-back{display:block;margin:0 auto}.pal-particle{position:absolute;top:48%;left:48%;z-index:4;font-size:26px;opacity:0;animation:particle-pop 1.1s var(--delay) ease-out forwards;pointer-events:none}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 28px;gap:20px}.collection-heading h1{font-size:28px;margin:10px 0}.collection-heading p{color:#9a9e87;font-size:13px}.pal-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.collected-pal .pal-art{height:170px;position:relative;display:block;margin-top:5px}.collected-pal small{color:#acaa8d;font-size:11px}.collection-tools{display:flex;gap:12px;margin-top:25px}.collection-tools button{font-size:12px}.empty-pal-home{border:1px dashed #d8deca;background:#f6f7ed;border-radius:25px;padding:60px 20px;text-align:center;color:#939d7d}.empty-pal-home>span{font-size:70px;display:block;margin-bottom:20px}.empty-pal-home p{font-size:15px}.pal-export-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pal-export-options .export-choice{background:#fafbef}.export-download{display:block;color:#708749;font-weight:900;margin-top:13px;font-size:13px}.adult-help{color:#8d977b;font-size:12px;line-height:1.9}.adult-help summary{cursor:pointer;min-height:44px;line-height:44px}.adult-help ol{padding-left:20px}.happy .pal-head{animation:head-happy .6s ease-in-out}.munch .pal-head{animation:munch .55s ease-in-out 2}.cast .pal-body{animation:skill-hop .7s ease-in-out}.hatching .pal-art{animation:hatch-reveal .8s cubic-bezier(.16,1,.3,1)}.hatching:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:#fff9;font-size:220px;animation:hatch-flash .7s ease-out forwards;pointer-events:none}
@keyframes pal-breathe{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-3px) scaleY(1.01)}}@keyframes tail-wag{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}@keyframes eye-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.06)}}@keyframes float-soft{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(8deg)}}@keyframes head-happy{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg)}70%{transform:rotate(6deg)}}@keyframes munch{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes skill-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-22px) rotate(-3deg)}70%{transform:translateY(-5px) rotate(3deg)}}@keyframes particle-pop{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2)}}@keyframes hatch-reveal{0%{opacity:0;transform:scale(.35) rotate(-10deg)}70%{transform:scale(1.07) rotate(3deg)}100%{opacity:1;transform:scale(1)}}@keyframes hatch-flash{0%{opacity:1;transform:scale(.2)}100%{opacity:0;transform:scale(2)}}
@media(max-width:1200px){.meadow-hero{padding:30px;min-height:310px}.meadow-copy h1{font-size:31px}.hero-pal{width:245px}.meadow-copy{max-width:62%}.game-primary,.game-secondary{font-size:14px;padding:13px 17px}.hatch-layout{gap:22px;grid-template-columns:40% 1fr}.hatch-options h1{font-size:24px}.hatch-preview{min-height:385px}.hatch-preview .pal-art{height:240px}.pal-collection{grid-template-columns:repeat(3,1fr)}.buddy-layout{gap:22px}.buddy-stage{min-height:470px}}
@media(max-width:850px){.meadow-copy h1{font-size:28px}.meadow-hero{padding:25px}.hero-pal{width:190px}.meadow-copy>p{font-size:13px}.starter-grid{gap:12px}.starter-card{padding:15px 12px}.starter-card p{font-size:10px}.starter-card .pal-art{height:140px}.hatch-layout{grid-template-columns:1fr}.hatch-preview{min-height:250px;padding:10px;flex-direction:row;justify-content:center}.hatch-preview .pal-art{height:225px;width:230px;margin:0}.hatch-preview p{position:absolute;bottom:10px;right:20px;font-size:18px}.hatch-preview .element-chip{position:absolute;top:17px;right:17px}.egg-halo{top:16px;width:210px;height:210px}.hatch-options h1{margin-top:0}.buddy-layout{grid-template-columns:1fr}.buddy-stage{min-height:365px;padding:20px}.pal-touch{width:250px}.buddy-info h1{font-size:30px}.buddy-heading .eyebrow{font-size:10px}.pal-collection{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.game-mode aside{gap:5px}.game-mode .nav{min-width:44px;min-height:44px}.game-mode .brand span{font-size:13px}.game-mode header{height:76px}.meadow-hero{min-height:440px;display:block;padding:27px 24px}.meadow-copy{max-width:100%}.meadow-copy h1{font-size:29px;margin:10px 0}.meadow-copy>p{margin-bottom:20px;max-width:85%}.meadow-buttons{gap:9px}.meadow-buttons button{font-size:12px;min-height:48px;padding:13px 15px}.hero-pal{position:absolute;right:8px;bottom:-6px;width:215px}.meadow-grass{font-size:21px;letter-spacing:6px;left:15px}.star-guide{padding:12px 14px;gap:10px;margin:18px 0}.star-guide p{font-size:12px}.guide-star{width:34px;height:34px;font-size:24px;line-height:34px}.starter-grid{grid-template-columns:repeat(3,1fr);gap:8px}.starter-card{padding:10px 6px 20px;border-radius:17px}.starter-card:before{width:95px;height:95px;top:38px}.starter-card .pal-art{height:98px;margin:7px 0}.starter-card h3{font-size:14px;margin-top:8px}.starter-card p{display:none}.element-chip{font-size:9px;padding:5px 7px}.starter-plus{width:22px;height:22px;line-height:22px;font-size:12px;right:7px;bottom:8px}.little-note{font-size:10px}.section-title h2{font-size:17px}.step-trail{gap:7px;margin:15px 0 20px}.step-trail span{padding:8px 10px;font-size:10px}.step-trail i{letter-spacing:0}.hatch-header{font-size:10px}.hatch-preview{min-height:240px}.hatch-options h1{font-size:24px}.shape-option .pal-art{height:112px}.shape-option b{font-size:11px}.element-options{gap:10px}.element-option{min-height:115px;padding:17px 7px}.pal-name-input{font-size:22px}.buddy-heading{gap:10px;margin-bottom:17px}.buddy-heading .game-secondary{font-size:11px;min-height:44px;padding:10px 12px}.buddy-stage{border-radius:22px;min-height:360px}.buddy-layout{gap:24px}.buddy-info h1{font-size:30px}.buddy-info>p{font-size:12px}.buddy-info .element-chip{font-size:11px}.preview-note{font-size:9px}.play-actions{margin:18px 0}.pal-export-options{grid-template-columns:1fr;gap:0}.pal-export-options .export-choice{margin:8px 0}.collection-heading{flex-direction:column;align-items:flex-start}.collection-heading h1{font-size:25px}.pal-collection{gap:12px}.collected-pal{padding:12px}.collected-pal:before{width:135px;height:135px}.collected-pal .pal-art{height:145px}.collected-pal h3{font-size:16px}.collection-tools{gap:8px}.collection-tools button{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.pal-art *,.float-star,.pal-particle,.hatching .pal-art,.hatching:after,.happy .pal-head,.munch .pal-head,.cast .pal-body{animation:none!important}.pal-particle{display:none}.game-primary,.game-secondary,.friendship-track i,.starter-card,.collected-pal{transition:none}}