:root{font-family:"Nunito","Arial Rounded MT Bold","Microsoft YaHei UI","PingFang SC",sans-serif;color:#304b47;background:#f5faf3;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e993ad;outline-offset:3px}button:not(:disabled){transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:not(:disabled):hover{transform:translateY(-2px)}h1,h2,h3,p{margin-top:0}p{line-height:1.65}.site-header{height:88px;background:#fffdf8;border-bottom:1px solid #e8eee5;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,calc((100vw - 1280px)/2));gap:20px}.brand{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none;color:#304b47;font-weight:1000;font-size:24px;letter-spacing:1px;padding:0}.brand-mark{background:#d8f0df;color:#5a9b76;border-radius:17px;width:43px;height:43px;display:grid;place-items:center;font-size:27px;transform:rotate(-14deg)}.brand-accent{color:#e787a3}.brand small{display:block;font:800 9px/1.1 Arial,sans-serif;letter-spacing:2.3px;color:#96b1a0}.header-actions{display:flex;align-items:center;gap:28px}.header-link{background:none;border:0;padding:12px 0;color:#789085;font-size:14px;font-weight:800}.header-link.is-current,.header-link:hover{color:#2c8a68}.icon-button{border:1px solid #dfeae0;border-radius:50%;width:37px;height:37px;background:#fff;color:#749280;font-size:20px}.site-body{background:radial-gradient(circle at 5% 7%,#f0f5e9 0 12%,transparent 35%),#f5faf3;padding:27px 24px 100px}.site-width{max-width:1280px;margin:auto}.profile-tabs{display:flex;gap:12px;margin-bottom:24px}.profile-tab{border:1px solid #dfe9df;background:#fff;color:#6a8477;border-radius:15px;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 17px 10px 11px;box-shadow:0 4px 15px #57856b0b;min-width:190px;font-size:13px;font-weight:900}.profile-tab.selected{border-color:#a8d7bb;background:#e9f6ec;box-shadow:0 5px 0 #c4e3cd}.profile-tab small{display:block;color:#9dac9e;font-size:10px;letter-spacing:1px}.tab-spark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fae3e7;color:#df8ca4;font-size:23px}.profile-tab:nth-child(2) .tab-spark{background:#e4e8fa;color:#9ba7d6}.hero-panel{min-height:405px;border-radius:29px;overflow:hidden;display:grid;grid-template-columns:56% 44%;background:#dff0e3;position:relative;box-shadow:0 13px 35px #5d946021}.hero-panel:before{content:"";position:absolute;width:640px;height:420px;border-radius:50%;background:#cde9d8;top:-275px;right:-170px}.hero-copy{position:relative;z-index:2;padding:50px 20px 43px 63px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:#5a9b76;display:flex;align-items:center;gap:10px}.eyebrow-star{color:#e89cac;font-size:24px}.hero-copy h1{font-size:clamp(38px,4.25vw,65px);font-weight:1000;letter-spacing:-2px;line-height:1.22;margin:15px 0 17px;color:#245d4c}.hero-copy h1 span:not(.title-dot){color:#eb8da5}.hero-copy h1 .title-dot{color:#eec773}.hero-copy p{max-width:475px;color:#6f8b7d;font-size:14px;line-height:1.9;margin-bottom:24px}.button{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 21px;font-size:14px;font-weight:900;text-decoration:none}.button-primary{background:#eb8eaa;color:white;box-shadow:0 6px 0 #d77493}.button-primary:hover{background:#e57c9d}.hero-cta{font-size:16px;padding:15px 26px;min-height:54px}.hero-cta span{font-size:20px}.button-outline{background:#fff;border:1px solid #c8dfd0;color:#46896b}.button-selected{background:#e4f3e9;color:#5c9474}.button-full{width:100%}.button-small{font-size:12px;min-height:38px;padding:9px 14px;gap:8px;border-radius:10px;background:#e8f3eb;color:#388060}.hero-note{margin-top:22px;font-size:12px;color:#72927e;font-weight:800}.hero-note span{color:#e8b86d;font-size:19px;vertical-align:-2px;margin-right:5px}.hero-visual{position:relative;min-height:405px}.pet-stage{position:absolute;width:320px;height:335px;left:50%;top:40px;transform:translateX(-50%);border-radius:50% 50% 45% 45%;background:#f8e9d9;display:grid;place-items:center;isolation:isolate}.pet-stage:before{content:"";position:absolute;width:380px;height:380px;border:2px dashed #ffffffa0;border-radius:50%;z-index:-1}.pet-stage .pet-art{width:285px;height:285px;position:relative;z-index:2;animation:pet-bob 3.5s ease-in-out infinite}.stage-ground{position:absolute;bottom:22px;width:250px;height:39px;border-radius:50%;background:#d7bcae55}.stage-cloud{position:absolute;width:55px;height:21px;border-radius:30px;background:#ffffff80}.stage-cloud-a{top:59px;left:-25px}.stage-cloud-b{right:-34px;top:150px}.doodle{position:absolute;z-index:2;color:white;font-size:38px}.doodle-one{left:8%;top:67px;color:#f3b7c7}.doodle-two{right:12%;top:40px;color:#e9c875}.doodle-three{right:6%;bottom:95px;color:#92bf9d}.pet-nameplate{position:absolute;z-index:3;bottom:22px;left:47%;background:#fff;border-radius:16px;padding:12px 20px;box-shadow:0 7px 0 #c2dfcd;display:flex;align-items:center;gap:8px;transform:rotate(-4deg);white-space:nowrap}.pet-nameplate strong{font-size:17px}.pet-nameplate small{font-size:11px;color:#91a497}.nameplate-heart{color:#e98ea4;font-size:19px}.home-columns{display:grid;grid-template-columns:1.27fr .73fr;gap:22px;margin-top:24px}.care-card,.today-card,.subject-card,.course-card,.pet-card,.parent-card,.quiz-card,.record-section{background:#fff;border:1px solid #e6ede4;box-shadow:0 8px 22px #42654d0b}.care-card,.today-card{border-radius:24px;padding:27px 30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-overline{font:900 10px Arial,sans-serif;letter-spacing:2.2px;color:#a1b5a3}.section-heading h2{font-size:23px;letter-spacing:-.5px;margin:6px 0 0;color:#345d4b;font-weight:1000}.section-heading h2 span{color:#eea0b5}.text-link{border:0;background:none;color:#539b76;font-size:12px;font-weight:900;padding:7px}.care-intro{color:#899a8e;font-size:13px;max-width:480px;margin-bottom:22px}.pet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.pet-stats div{background:#f8faf5;border-radius:15px;padding:13px 16px}.pet-stats span{display:block;font-size:11px;color:#8ba190;font-weight:800}.pet-stats strong{display:block;color:#3b795c;font-size:24px;margin-top:3px}.level-label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#8ba190;margin-bottom:7px}.level-track{height:9px;border-radius:10px;background:#e8f1e9;overflow:hidden}.level-track span{height:100%;display:block;background:#f0b46f;border-radius:10px}.care-actions{display:flex;gap:11px;margin-top:19px}.care-actions button{flex:1;border:1px solid #e7e9e1;background:#fffdf8;border-radius:11px;padding:12px 7px;font-size:12px;font-weight:900;color:#60856a}.care-actions button span{font-size:17px;margin-right:4px}.care-actions button small{font-size:10px;color:#a8b2a6;margin-left:3px}.today-card{background:#fff8eb;text-align:left;position:relative;overflow:hidden}.today-card:after{content:"";position:absolute;width:190px;height:190px;border:2px dashed #eadfc6;border-radius:50%;right:-86px;top:68px}.today-card .section-heading{position:relative;z-index:1}.today-illustration{width:82px;height:82px;display:grid;place-items:center;border-radius:26px;background:#fae7b8;color:#e9b258;font-size:42px;transform:rotate(-9deg);margin:24px 0 17px;box-shadow:0 6px 0 #efdbac}.today-main{font-size:16px;color:#6d735e;font-weight:900;margin-bottom:3px}.today-main strong{color:#d2917c}.today-sub{font-size:12px;color:#9b9a82;max-width:280px}.today-card .text-link{padding:0;margin-top:2px}.study-section{margin-top:41px}.section-hint{font-size:12px;color:#9aab9a;font-weight:800}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.subject-card{border-radius:20px;min-height:132px;padding:22px 19px;display:flex;align-items:center;gap:14px}.subject-icon,.course-icon{width:62px;height:62px;flex:none;border-radius:19px;background:#fce7e5;color:#da817f;display:grid;place-items:center;font-size:26px;font-weight:1000;transform:rotate(-6deg)}.subject-1 .subject-icon,.course-icon.subject-1{background:#e6eaf8;color:#8694c6}.subject-2 .subject-icon,.course-icon.subject-2{background:#e5f2dd;color:#81a962}.subject-copy{min-width:0;flex:1}.card-kicker{font-size:10px;color:#a2b0a3;font-weight:800}.subject-copy h3{font-size:20px;color:#3d654e;margin:3px 0 4px}.subject-copy p{font-size:11px;color:#a2b0a3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-arrow{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:#edf5ec;color:#69a17b;font-size:19px}.footer{border-top:1px solid #e7eee6;background:#fffdf8;padding:22px max(4vw,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;color:#93a999;font-size:11px;font-weight:800}.footer span:first-child{color:#69a381}.inner-page{min-height:560px}.back-link{border:0;background:none;color:#7ba58c;font-size:13px;font-weight:900;padding:14px 0;margin-bottom:11px}.inner-heading{margin-bottom:27px}.inner-heading h1{font-size:clamp(29px,3.6vw,43px);color:#315e4b;letter-spacing:-1px;margin:9px 0}.inner-heading p{color:#849e8b;font-size:13px;max-width:680px}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pet-card{border-radius:23px;padding:15px;overflow:hidden}.pet-card.chosen{border:2px solid #a9d7b6;background:#fafff9}.pet-card-art{background:#f2f6e9;border-radius:17px;height:205px;display:grid;place-items:center}.pet-card:nth-child(2n) .pet-card-art{background:#f9edf1}.pet-card:nth-child(3n) .pet-card-art{background:#fff3e7}.pet-card:nth-child(5n) .pet-card-art{background:#ecf3f8}.pet-card-art svg{width:180px;height:180px}.pet-card-text{padding:14px 3px 2px}.pet-card-text h2{font-size:18px;color:#41624d;margin:0}.pet-card-text p{font-size:11px;color:#91a494;margin:3px 0 12px}.pet-card-text .button{width:100%;font-size:11px;min-height:38px;padding:7px}.dress-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.dress-preview{min-height:370px;background:#e7f3e9;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column}.dress-preview svg{width:300px;height:300px}.dress-preview span{font-size:12px;color:#749680;font-weight:800}.dress-options{display:grid;gap:12px}.dress-option{border:1px solid #e1ebdf;border-radius:18px;background:#fff;padding:14px 19px;display:flex;align-items:center;gap:17px;text-align:left;color:#41624d}.dress-option.selected{border-color:#a3d3b2;background:#f2faf1}.dress-emoji{font-size:31px;width:50px;text-align:center}.dress-option span:nth-child(2){flex:1}.dress-option strong{display:block;font-size:16px}.dress-option small{font-size:11px;color:#93a997}.dress-check{font-size:20px;color:#8db699}.course-list{display:grid;gap:17px}.course-card{border-radius:22px;padding:21px;display:flex;align-items:flex-start;gap:22px}.course-icon{width:72px;height:72px}.course-main{flex:1}.course-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.course-title h2{font-size:23px;color:#3c6d56;margin:3px 0}.course-count{font-size:12px;color:#91a597}.unit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #edf1e9}.unit-row strong{display:block;color:#526f5c;font-size:14px}.unit-row small{display:block;color:#9aaa9a;font-size:11px;margin-top:3px}.curriculum-note{display:flex;gap:15px;align-items:flex-start;background:#fff7e9;border:1px solid #f1e8d2;padding:18px 20px;border-radius:16px;margin-top:20px;color:#967d57}.curriculum-note span{font-size:25px}.curriculum-note p{font-size:12px;margin:0}.quiz-page{max-width:870px;margin:auto;min-height:600px}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.quiz-top h1{color:#3b6a53;font-size:29px;margin:7px 0}.quiz-top h1 span{color:#eab96f}.quiz-buddy{width:105px;height:95px;overflow:hidden}.quiz-buddy svg{width:105px;height:105px}.quiz-card{border-radius:24px;padding:30px 35px 34px}.quiz-meta{display:flex;justify-content:space-between;color:#839989;font-size:12px;font-weight:900}.quiz-meta strong{color:#4d9570;font-size:18px}.quiz-progress{display:flex;gap:7px;margin-top:12px}.quiz-progress span{height:8px;flex:1;background:#e9f0e8;border-radius:10px}.quiz-progress span.filled{background:#a9d7b7}.quiz-card h2{font-size:clamp(21px,2.8vw,30px);line-height:1.5;color:#355d49;margin:32px 0;white-space:pre-wrap}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.answer-option{min-height:74px;border:2px solid #e8eee7;border-radius:15px;background:#fff;color:#557160;text-align:left;padding:13px 17px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:15px}.answer-option span{width:30px;height:30px;flex:none;border-radius:10px;background:#eef6ee;color:#83b392;display:grid;place-items:center;font-size:13px}.answer-option:not(:disabled):hover{border-color:#95c7a8;background:#f5fbf4}.answer-option.correct{border-color:#84c898;background:#f0fbf0}.answer-option.incorrect{border-color:#edb9be;background:#fff4f3}.quiz-help{margin:24px 0 0;font-size:12px;color:#9cae9d}.feedback{margin-top:20px;padding:17px 20px;border-radius:15px}.feedback-good{background:#eef9ee;color:#548960}.feedback-try{background:#fff4ec;color:#b08063}.feedback strong{display:block;font-size:16px}.feedback p{margin:5px 0;font-size:13px}.feedback span{font-size:11px;font-weight:900}.quiz-next{margin-top:20px}.result-page{text-align:center;background:#e9f5e9;border-radius:28px;min-height:580px;padding:28px 20px 56px;overflow:hidden}.result-confetti{color:#e8b8a3;letter-spacing:15px;font-size:27px}.result-art{height:270px}.result-art svg{width:275px;height:275px;animation:pet-bob 3.5s ease-in-out infinite}.result-page h1{font-size:37px;color:#3e7659;margin:9px 0}.result-page p{font-size:14px;color:#73947c}.result-stars{display:inline-flex;align-items:center;gap:10px;background:#fff9ec;border-radius:17px;padding:10px 26px;color:#d69f55;margin:12px 0 25px;font-size:17px}.result-stars strong{font-size:28px}.result-actions{display:flex;justify-content:center;gap:12px}.parent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.parent-card{border-radius:22px;padding:23px;display:flex;align-items:center;gap:18px}.parent-pet{width:150px;height:150px;border-radius:50%;background:#edf6eb;flex:none}.parent-pet svg{width:150px;height:150px}.parent-card h2{color:#426e53;margin:5px 0 12px}.parent-stats{display:flex;gap:15px;color:#8fa593;font-size:11px}.parent-stats strong{display:block;color:#579275;font-size:20px}.nickname-form{margin-top:17px}.nickname-form label{display:block;font-size:11px;color:#94a797;margin-bottom:5px}.nickname-form>div{display:flex;gap:7px}.nickname-form input{border:1px solid #dce9dd;border-radius:9px;padding:7px 10px;min-width:0;width:160px;color:#4d7058}.record-section{border-radius:22px;padding:25px;margin-top:23px}.record-list{display:grid}.record-row{display:flex;align-items:center;gap:15px;padding:13px;border-top:1px solid #eaf0e8}.record-row>div{flex:1}.record-row strong{display:block;color:#58765d;font-size:13px}.record-row small{font-size:11px;color:#a0afa1}.record-row>span:last-child{font-size:13px;color:#dcac61;font-weight:900}.record-spark{font-size:22px;color:#eebd74}.empty-record{color:#94a897;font-size:13px}.auth-page{min-height:100vh;background:radial-gradient(circle at 14% 24%,#e9f5e6 0 12%,transparent 35%),radial-gradient(circle at 89% 83%,#fbe8eb 0 15%,transparent 38%),#f7faf2;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.auth-orbit{position:absolute;font-size:65px;color:#f2c0cd}.auth-orbit-one{top:12%;left:14%}.auth-orbit-two{bottom:12%;right:12%;color:#c2e1c8}.auth-card{background:#fffdf9;border:1px solid #e8efe2;border-radius:28px;box-shadow:0 18px 60px #61936c24;max-width:470px;width:100%;text-align:center;padding:22px 45px 38px;position:relative}.auth-pets{height:172px;display:flex;justify-content:center;align-items:center}.auth-pets svg{width:145px;height:145px;margin:0 -17px}.auth-pets svg:first-child{transform:rotate(-9deg)}.auth-pets svg:last-child{transform:rotate(9deg)}.mini-eyebrow{font-size:11px;letter-spacing:2px;color:#8fb09a;font-weight:900;margin-top:5px}.auth-card h1{font-size:43px;color:#397158;margin:4px 0}.auth-card h1 span{color:#e68ca7}.auth-card>p{font-size:13px;color:#88a08a;margin:0 0 24px}.auth-form{text-align:left}.auth-form label{display:block;color:#5f8169;font-size:12px;font-weight:900;margin-bottom:7px}.auth-form input{border:1px solid #dce8da;border-radius:12px;width:100%;padding:13px 15px;outline:none;margin-bottom:16px}.auth-form input:focus{border-color:#a3cfaf}.auth-card small{display:block;color:#a7b4a2;font-size:11px;margin-top:20px}.notice{background:#fff1e9;color:#b77968;padding:10px;border-radius:10px;font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#446f58;color:white;border-radius:13px;padding:11px 14px;box-shadow:0 8px 30px #284a3930;font-size:13px;font-weight:800;z-index:10}.toast button{border:0;background:none;color:white;font-size:18px;margin-left:12px}.loading-screen{min-height:100vh;display:grid;align-content:center;justify-content:center;text-align:center;color:#629479}.loading-flower{font-size:70px;animation:pet-bob 2s ease-in-out infinite}@keyframes pet-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1100px){.hero-copy{padding-left:40px}.pet-stage{transform:translateX(-50%) scale(.88)}.pet-nameplate{left:37%}.home-columns{grid-template-columns:1fr 1fr}.subject-grid{grid-template-columns:repeat(2,1fr)}.pet-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.site-header{height:68px;padding:0 18px}.brand{font-size:19px}.brand-mark{width:34px;height:34px;font-size:22px}.brand small{font-size:7px}.header-actions{gap:10px}.header-link{font-size:11px}.header-link:first-child{display:none}.site-body{padding:18px 14px 60px}.profile-tabs{gap:8px}.profile-tab{min-width:0;flex:1;padding:8px;gap:7px;font-size:11px}.tab-spark{width:30px;height:30px;flex:none;font-size:18px}.hero-panel{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 28px 0}.hero-copy h1{font-size:39px}.hero-copy p{font-size:12px;max-width:420px}.hero-visual{min-height:320px}.pet-stage{top:0;transform:translateX(-50%) scale(.82)}.pet-nameplate{bottom:20px;left:50%;transform:translateX(-50%) rotate(-4deg)}.home-columns{grid-template-columns:1fr}.subject-grid{grid-template-columns:1fr}.care-card,.today-card{padding:23px}.pet-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pet-card-art{height:150px}.pet-card-art svg{width:135px;height:135px}.pet-card{padding:9px}.pet-card-text h2{font-size:15px}.pet-card-text p{font-size:10px}.pet-card-text .button{font-size:10px}.course-card{gap:12px;padding:15px}.course-icon{width:50px;height:50px;font-size:20px}.parent-grid{grid-template-columns:1fr}.quiz-card{padding:24px 20px}.option-grid{grid-template-columns:1fr}.dress-layout{grid-template-columns:1fr}.dress-preview{min-height:300px}.dress-preview svg{width:240px;height:240px}.footer{padding:18px;font-size:10px}}@media(max-width:440px){.care-actions{gap:5px}.care-actions button{padding:10px 2px;font-size:10px}.care-actions button span{font-size:14px;margin-right:2px}.care-actions button small{display:block}.pet-stats div{padding:10px}.pet-stats span{font-size:9px}.pet-stats strong{font-size:21px}.subject-card{padding:15px;min-height:102px}.subject-icon{width:52px;height:52px;font-size:22px}.unit-row{align-items:flex-start}.unit-row .button{white-space:nowrap}.auth-card{padding:20px 22px 30px}.parent-card{gap:9px;padding:16px}.parent-pet,.parent-pet svg{width:115px;height:115px}.parent-stats{gap:8px}.nickname-form input{width:120px}.result-actions{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.pet-art{--ink:#665a61;--fur:#f8cfc4}.pet-tutu{--fur:#f4e0ed}.pet-keke{--fur:#e7c6a2}.pet-lulu{--fur:#eeaa7c}.pet-doudou{--fur:#f3f1e9}.pet-nainai{--fur:#e9beaa}.pet-bobo{--fur:#c7e2ea}.pet-guoguo{--fur:#eecb9b}.level-track{display:block;width:100%;height:9px;border:0;border-radius:10px;background:#e8f1e9;overflow:hidden}.level-track::-webkit-progress-bar{background:#e8f1e9}.level-track::-webkit-progress-value{background:#f0b46f;border-radius:10px}.level-track::-moz-progress-bar{background:#f0b46f;border-radius:10px}

/* Arcade: three tactile games with a shared, calm play surface. */
.arcade-page .inner-heading p{font-size:15px;max-width:680px}.arcade-status{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 18px;margin:15px 0 24px;border-radius:17px;background:#fff7e7;color:#91775c;font-size:13px;font-weight:800}.arcade-status strong{color:#d58d63;font-size:19px}.arcade-status .text-link{margin-left:auto}.arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.arcade-card{background:#fff;border:1px solid #e9ebdf;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #5b775f11}.arcade-card-art{height:205px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#fce8e5,#fff8e9);overflow:hidden}.arcade-card-1 .arcade-card-art{background:linear-gradient(145deg,#e6efff,#f8f3ff)}.arcade-card-2 .arcade-card-art{background:linear-gradient(145deg,#e6f5e9,#fff9df)}.arcade-card-art>span{display:grid;place-items:center;width:116px;height:116px;border:7px solid #ffffffad;border-radius:36px;background:#ffffffab;box-shadow:0 16px 30px #6d8c6e2c;color:#dd8c89;font-size:72px;font-weight:1000;transform:rotate(-8deg)}.arcade-card-1 .arcade-card-art>span{color:#8d9fc9}.arcade-card-2 .arcade-card-art>span{color:#83b69a}.arcade-card-art i{position:absolute;font-style:normal;color:#fff;font-size:32px}.arcade-card-art i:nth-of-type(1){top:22px;right:33px}.arcade-card-art i:nth-of-type(2){bottom:21px;left:30px}.arcade-card-body{padding:22px}.arcade-card-body small{font-size:11px;font-weight:900;color:#a4b5a4}.arcade-card-body h2{margin:5px 0;color:#456e56;font-size:24px}.arcade-card-body p{min-height:35px;margin:0 0 18px;color:#8da28f;font-size:13px}.arcade-card-body .button{width:100%}.arcade-note{font-size:12px;color:#8da18e;text-align:center;margin:22px 0}.game-page{max-width:950px;margin:auto}.game-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px}.game-top h1{font-size:36px;color:#36694e;margin:7px 0}.game-top p{font-size:13px;color:#829c8b;margin:0}.game-pause{min-width:108px}.game-board{min-height:485px;padding:25px 30px 23px;border:1px solid #e4eee2;border-radius:26px;background:#fffdf8;box-shadow:0 14px 40px #54846618}.game-board-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid #edf0e8;color:#8ba28d;font-size:13px;font-weight:900}.game-board-top strong{color:#57916c;font-size:20px}.game-dots{display:flex;gap:6px}.game-dots i{display:block;width:21px;height:8px;border-radius:99px;background:#e4ebe1}.game-dots i.done{background:#8ccc9b}.game-feedback{text-align:center;min-height:26px;margin:20px 0 0;color:#7e9d84;font-size:13px;font-weight:900}.match-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:720px;margin:24px auto}.match-column{display:grid;grid-template-rows:auto repeat(4,1fr);gap:11px}.match-column h3{font-size:14px;color:#709279;margin:0 0 2px}.match-tile{min-height:62px;border:2px solid #e5eddf;border-radius:15px;background:#fff;color:#597b61;font-size:18px;font-weight:900;box-shadow:0 4px 0 #e6eee2}.match-tile:hover,.match-tile:focus-visible{border-color:#8ac5a0}.match-tile.picked{background:#e8f8eb;border-color:#6fbd8b;transform:translateY(3px);box-shadow:0 1px 0 #a6d5b1}.match-tile.matched{background:#eaf7e7;color:#7aaa85;box-shadow:none;opacity:.78}.math-play{padding-top:33px;text-align:center}.math-question{font-size:clamp(30px,5vw,50px);font-weight:1000;color:#3d6c57}.math-stars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:690px;margin:42px auto 30px}.math-star{position:relative;min-height:132px;border:3px solid #f4deaa;border-radius:27px;background:linear-gradient(#fff9dc,#fff1c5);color:#aa7a49;box-shadow:0 9px 0 #f5e5bb;animation:star-float 2.7s ease-in-out infinite}.math-star-1{animation-delay:.3s}.math-star-2{animation-delay:.6s}.math-star span{display:block;color:#efbb5f;font-size:26px}.math-star strong{font-size:28px}.math-star:hover{border-color:#e5bb70;transform:scale(1.04)}@keyframes star-float{0%,100%{translate:0 0}50%{translate:0 -10px}}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:26px auto}.memory-card{min-height:91px;border:2px solid #dcebdd;border-radius:16px;background:linear-gradient(140deg,#9ccdad,#7db899);color:#fff;box-shadow:0 6px 0 #d7e8da;font-size:16px;font-weight:900;transition:transform .22s ease,background .22s ease}.memory-card:hover{transform:translateY(-3px)}.memory-card .memory-back{font-size:34px}.memory-card .memory-face{display:none}.memory-card.flipped{background:#fffef6;color:#587c60}.memory-card.flipped .memory-back{display:none}.memory-card.flipped .memory-face{display:block}.memory-card.matched{background:#eef9e9;border-color:#a5d6ab;color:#6b9c74;box-shadow:none}.game-paused,.game-finished{text-align:center;display:grid;justify-items:center;align-content:center;min-height:360px;color:#668a72}.game-paused>span,.game-finished-icon{font-size:75px;color:#e8bf7d}.game-paused h2,.game-finished h2{font-size:28px;color:#4b805d;margin:4px 0}.game-paused p,.game-finished p{font-size:13px;color:#8da28f}.game-paused .button,.game-finished .button{margin-top:15px}.game-result-page{min-height:540px;text-align:center;border-radius:27px;padding:45px 20px;background:radial-gradient(circle at 25% 25%,#fff5d8,transparent 38%),radial-gradient(circle at 85% 72%,#ffe8ed,transparent 40%),#eaf7e8}.game-result-art{display:grid;place-items:center;width:140px;height:140px;margin:35px auto 13px;background:#fff;border:8px solid #d6ecd7;border-radius:45px;color:#e7ae74;font-size:85px;transform:rotate(-9deg);box-shadow:0 15px 0 #cde9d3}.game-result-page h1{color:#477b5b;font-size:36px;margin:25px 0 5px}.game-result-page p{color:#7a9b83;font-size:14px}.game-result-page .result-actions{margin-top:32px}@media(max-width:760px){.arcade-grid{grid-template-columns:1fr}.arcade-card{display:grid;grid-template-columns:120px 1fr}.arcade-card-art{height:100%;min-height:170px}.arcade-card-art>span{width:85px;height:85px;font-size:52px;border-radius:25px}.arcade-card-body{padding:18px}.arcade-card-body h2{font-size:20px}.arcade-card-body p{min-height:0}.game-top h1{font-size:29px}.game-board{padding:18px 15px;min-height:470px}.match-columns{gap:9px}.match-tile{min-height:62px;font-size:15px;padding:4px}.math-stars{gap:10px;margin-top:35px}.math-star{min-height:120px}.math-star strong{font-size:22px}.memory-grid{gap:7px}.memory-card{min-height:76px;font-size:12px}.game-result-page h1{font-size:28px}}@media(max-width:420px){.arcade-card{grid-template-columns:95px 1fr}.arcade-card-art>span{width:68px;height:68px;font-size:42px}.arcade-card-body{padding:14px}.arcade-card-body p{font-size:11px}.memory-card{min-height:65px;font-size:11px}.game-pause{min-width:82px;font-size:11px}.game-dots i{width:13px}}@media(prefers-reduced-motion:reduce){.math-star{animation:none}.memory-card{transition:none}}

/* Wardrobe, room props and sticker album */
.home-room-prop{position:absolute;bottom:13%;z-index:2;width:90px;height:90px;pointer-events:none}.home-room-prop.left{left:3%}.home-room-prop.right{right:3%}.home-room-prop svg{width:100%;height:100%;filter:drop-shadow(0 9px 4px #466f5430)}.pet-stage>.pet-art{position:relative;z-index:3}.wardrobe-layout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(340px,1.12fr);gap:22px;align-items:start}.wardrobe-stage{position:sticky;top:18px;min-height:570px;border-radius:27px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fff9e7 0 18%,transparent 60%),linear-gradient(#e7f5ea 0 72%,#d5e9cf 72%);border:1px solid #d8ebdc;display:grid;place-items:center}.wardrobe-stage>.pet-art{position:relative;z-index:3;width:min(83%,350px);height:auto;filter:drop-shadow(0 15px 4px #52755b20)}.wardrobe-spark{position:absolute;top:45px;color:#e9c889;font-size:35px;letter-spacing:30px}.wardrobe-ground{position:absolute;bottom:95px;width:76%;height:24px;border-radius:50%;background:#83b48e3d}.wardrobe-room-prop{position:absolute;bottom:113px;z-index:2;width:108px;height:108px}.wardrobe-room-prop.left{left:4%}.wardrobe-room-prop.right{right:4%}.wardrobe-room-prop svg{width:100%;height:100%;filter:drop-shadow(0 7px 4px #52755b2a)}.wardrobe-profile{position:absolute;z-index:5;left:20px;right:20px;bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#ffffffce;color:#50765b;font-size:13px}.wardrobe-profile small{font-weight:900;color:#d5a562}.wardrobe-shop{background:#fff;border:1px solid #e6ede4;border-radius:23px;padding:15px;box-shadow:0 10px 25px #5475530e}.wardrobe-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#f4f8f2;border-radius:13px;padding:5px;margin-bottom:13px}.wardrobe-tabs button{border:0;background:transparent;border-radius:10px;min-height:42px;color:#7b9d82;font-size:12px;font-weight:900}.wardrobe-tabs button.selected{background:#fff;color:#4b8460;box-shadow:0 2px 8px #789c7820}.item-grid{display:grid;gap:9px}.item-card{display:flex;align-items:center;gap:12px;min-height:70px;border:1px solid #e9eee5;border-radius:14px;padding:7px 10px;background:#fffdf9}.item-card.equipped{border-color:#9bd0a6;background:#f3fbf1}.item-icon{display:grid;place-items:center;width:55px;height:55px;flex:none;border-radius:12px;background:#f8f1e9;color:#d8a17c}.item-icon span{font-size:30px}.item-icon svg{width:48px;height:48px}.item-info{flex:1;min-width:0}.item-info strong{display:block;color:#52745b;font-size:13px}.item-info small{display:block;color:#a0ae9f;font-size:10px;margin-top:3px}.item-card .button{font-size:10px;padding:8px;min-height:35px}.item-equipped{color:#6da17b;font-size:11px;font-weight:900}.wardrobe-tip{color:#9cac9b;font-size:11px;margin:13px 4px 4px}.wardrobe-shop>.text-link{font-size:11px}.sticker-wallet{display:flex;align-items:center;gap:16px;margin:20px 0 26px;padding:14px 20px;border-radius:17px;background:#fff4de;color:#997d56;font-size:14px;font-weight:900}.sticker-wallet strong{font-size:24px;color:#d89c56}.sticker-wallet button{margin-left:auto}.sticker-group{margin-top:26px}.sticker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.sticker-card{min-height:189px;border:1px solid #e5ece1;border-radius:19px;background:#fff;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 7px 20px #53735b0c}.sticker-art{width:104px;height:104px;display:grid;place-items:center;border:7px solid #fff;border-radius:31px;background:var(--sticker-color);color:#fff;box-shadow:0 8px 0 #e7ebdc;transform:rotate(-7deg);margin-bottom:11px}.sticker-art span{font-size:54px;font-weight:1000;text-shadow:0 3px 0 #ffffff66}.sticker-card.locked .sticker-art{filter:grayscale(.82);opacity:.54}.sticker-card strong{color:#608369;font-size:12px}.sticker-card small{font-size:10px;color:#86ac8a;margin-top:6px}.sticker-card button{margin-top:auto;border:0;background:#e9f5e8;border-radius:9px;color:#5b996c;padding:7px;font-size:10px;font-weight:900}.sticker-card button:disabled{color:#aab6a7;background:#f2f4ee}.sticker-card.unlocked{border-color:#b5dab6;background:#fbfff8}@media(max-width:1100px){.sticker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wardrobe-layout{grid-template-columns:1fr}.wardrobe-stage{position:relative;top:auto;min-height:365px}.wardrobe-stage>.pet-art{width:260px}.wardrobe-room-prop{bottom:65px}.wardrobe-profile{bottom:12px}.sticker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:440px){.wardrobe-tabs button{font-size:10px}.sticker-grid{gap:7px}.sticker-card{min-height:155px;padding:8px 4px}.sticker-art{width:75px;height:75px;border-radius:22px}.sticker-art span{font-size:39px}.sticker-card button{font-size:9px}.sticker-wallet{gap:8px;padding:10px}.sticker-wallet .button{font-size:10px}}

.pet-stage [data-pet-hotspot]{cursor:pointer}.pet-art .pet-blink{opacity:0;animation:pet-blink 5s steps(1,end) infinite}.pet-art .pet-eyes>ellipse{animation:pet-eye-hide 5s steps(1,end) infinite}.pet-stage .pet-face{transform-origin:50% 64%}.pet-stage .pet-neck-equip,.pet-stage .pet-hand-equip{transform-box:fill-box;transform-origin:center}.pet-stage.pet-action-paw .pet-hand-equip{animation:pet-paw-highfive .48s ease-in-out 2}.pet-stage.pet-action-head .pet-neck-equip,.pet-stage.pet-action-ear .pet-neck-equip{animation:pet-neck-sway .65s ease-in-out 2}.pet-stage.pet-action-cheek .pet-head-equip{animation:pet-ear-wiggle .42s ease-in-out 2}@keyframes pet-blink{0%,92%,96%,100%{opacity:0}93%,95%{opacity:1}}@keyframes pet-eye-hide{0%,92%,96%,100%{opacity:1}93%,95%{opacity:0}}@keyframes pet-neck-sway{0%,100%{transform:rotate(0)}40%{transform:rotate(-6deg)}75%{transform:rotate(5deg)}}@media(prefers-reduced-motion:reduce){.pet-art .pet-blink,.pet-art .pet-eyes>ellipse,.pet-stage .pet-neck-equip,.pet-stage .pet-hand-equip,.pet-stage .pet-head-equip{animation:none!important}}

.global-sound{width:36px;height:36px;border:1px solid #dfeae0;border-radius:12px;background:#f8fbf5;font-size:16px;cursor:pointer}.global-sound:hover{background:#eaf5e7}@media(max-width:760px){.header-actions{gap:5px}.global-sound{width:32px;height:32px;font-size:14px}.header-actions .header-link{font-size:10px;padding:5px 3px}}@media(max-width:440px){.header-actions .header-link[data-nav="stickers"]{display:none}}

.hero-visual{background:linear-gradient(#f4f5e65c,#f4f5e65c),url('/room-background-v1.png') center 48%/cover;border-radius:0 26px 26px 0;overflow:hidden}.pet-stage{background:transparent}.pet-stage .stage-cloud,.pet-stage .stage-ground{display:none}.hero-visual .pet-stage .pet-art{filter:drop-shadow(0 13px 5px #7f674d45)}.wardrobe-stage{background:linear-gradient(#f4f5e65c,#f4f5e65c),url('/room-background-v1.png') center center/cover}.wardrobe-ground{display:none}@media(max-width:760px){.hero-visual{border-radius:0 0 26px 26px}}
.curriculum-settings{background:#fff;border:1px solid #e6ede4;box-shadow:0 8px 22px #42654d0b;border-radius:22px;padding:25px;margin-top:23px}.curriculum-settings>p{color:#91a396;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.settings-child{border:1px solid #e7eee5;border-radius:15px;padding:17px}.settings-child h3{color:#4e7d60;font-size:16px;margin:0 0 12px}.settings-child form{margin-top:12px}.settings-child label{display:block;color:#587764;font-size:12px;font-weight:900;margin-bottom:5px}.settings-child label small{color:#a0b0a0;font-weight:700;margin-left:4px}.settings-child form>div{display:flex;gap:8px}.settings-child select{min-width:0;flex:1;border:1px solid #dce8dc;border-radius:9px;padding:8px 10px;color:#53725e;background:#fff}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}}

/* Pet interaction controls and playful reactions */
.hero-panel{min-height:510px}.hero-visual{min-height:510px}.pet-stage{top:18px}.pet-nameplate{bottom:112px;left:50%;transform:translateX(-50%) rotate(-4deg)}.pet-interaction-controls{position:absolute;z-index:5;left:14px;right:14px;bottom:12px;padding:10px 12px 8px;border:1px solid #ffffffbd;border-radius:18px;background:#ffffffd9;box-shadow:0 7px 20px #46735817;backdrop-filter:blur(8px)}.pet-interaction-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#47785d;font-size:12px}.sound-toggle{border:1px solid #dcecdf;border-radius:999px;background:#f6fbf5;color:#6b9279;padding:5px 9px;font-size:10px;font-weight:900}.pet-interaction-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pet-interaction-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:47px;border:1px solid #e8eee5;border-radius:12px;background:#fff;color:#668775;padding:4px 3px}.pet-interaction-button span{font-size:19px;line-height:1.1}.pet-interaction-button small{font-size:10px;font-weight:900}.pet-interaction-button:hover{background:#f5fbf4;border-color:#c9e4d0}.pet-reaction{min-height:18px;margin-top:5px;text-align:center;color:#8c806f;font-size:11px;font-weight:800}.pet-stage .pet-ears,.pet-stage .pet-face,.pet-stage .pet-cheeks,.pet-stage .pet-paws{transform-box:fill-box;transform-origin:center}.pet-stage.pet-action-head .pet-art,.pet-stage.pet-action-ear .pet-art,.pet-stage.pet-action-cheek .pet-art,.pet-stage.pet-action-paw .pet-art{animation:none}.pet-stage.pet-action-head .pet-face{animation:pet-head-pat .65s ease-in-out 2}.pet-stage.pet-action-head .pet-ears{animation:pet-ear-wiggle .42s ease-in-out 3}.pet-stage.pet-action-ear .pet-ears{animation:pet-ear-flick .38s ease-in-out 3}.pet-stage.pet-action-cheek .pet-cheeks{animation:pet-cheek-squish .42s ease-in-out 3}.pet-stage.pet-action-paw .pet-paws{animation:pet-paw-highfive .48s ease-in-out 2}.pet-action-fx{position:absolute;z-index:4;top:37%;left:50%;font-size:34px;pointer-events:none;animation:pet-fx-pop .95s ease-out both}.pet-action-head .pet-action-fx{color:#e98eaa}.pet-action-ear .pet-action-fx{color:#79b992}.pet-action-cheek .pet-action-fx{color:#e8aa76}.pet-action-paw .pet-action-fx{color:#e9bd61}@keyframes pet-head-pat{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(7px) rotate(-3deg)}70%{transform:translateY(-2px) rotate(2deg)}}@keyframes pet-ear-wiggle{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(7deg)}}@keyframes pet-ear-flick{0%,100%{transform:rotate(0)}35%{transform:rotate(12deg) scale(1.04)}70%{transform:rotate(-10deg)}}@keyframes pet-cheek-squish{0%,100%{transform:scale(1)}45%{transform:scale(1.35,.78)}}@keyframes pet-paw-highfive{0%,100%{transform:translateY(0)}45%{transform:translateY(-11px) rotate(-7deg)}}@keyframes pet-fx-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.45)}30%{opacity:1;transform:translate(-50%,-5px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-36px) scale(.85)}}@media(max-width:1100px){.pet-nameplate{left:50%}}@media(max-width:760px){.hero-panel{min-height:0}.hero-visual{min-height:474px}.pet-stage{top:4px}.pet-nameplate{bottom:111px;left:50%}.pet-interaction-controls{left:10px;right:10px;bottom:9px;padding:8px 9px 6px}.pet-interaction-buttons{gap:5px}.pet-interaction-button{min-height:44px}.pet-reaction{font-size:10px}}@media(max-width:380px){.pet-interaction-controls{left:7px;right:7px;padding-left:6px;padding-right:6px}.pet-interaction-button small{font-size:9px}.pet-nameplate{bottom:113px}}@media(prefers-reduced-motion:reduce){.pet-stage.pet-action-head .pet-face,.pet-stage.pet-action-head .pet-ears,.pet-stage.pet-action-ear .pet-ears,.pet-stage.pet-action-cheek .pet-cheeks,.pet-stage.pet-action-paw .pet-paws,.pet-action-fx{animation:none!important}}
.home-room-prop[data-room-prop="mobile"],.wardrobe-room-prop[data-room-prop="mobile"]{bottom:auto;top:4%;filter:drop-shadow(0 6px 5px #806d8033)}
.sticker-sprout{--sticker-color:#a7d49a}.sticker-mushroom{--sticker-color:#f1a5aa}.sticker-butterfly{--sticker-color:#bca8e8}.sticker-acorn{--sticker-color:#d9ae7a}.sticker-bird{--sticker-color:#8fc6dc}.sticker-sunflower{--sticker-color:#f2cf78}
.sticker-star{--sticker-color:#f2c56e}.sticker-moon{--sticker-color:#d4c3eb}.sticker-cloud{--sticker-color:#a6cfe2}.sticker-rainbow{--sticker-color:#efaaad}.sticker-comet{--sticker-color:#a6c6f0}.sticker-balloon-sticker{--sticker-color:#e8a5bd}
.sticker-pencil{--sticker-color:#efba72}.sticker-book-sticker{--sticker-color:#a9caac}.sticker-number{--sticker-color:#a8c7e7}.sticker-letter{--sticker-color:#e8adbd}.sticker-medal{--sticker-color:#ebc96e}.sticker-heart{--sticker-color:#ee9da7}
.sticker-art{position:relative}.sticker-art .sticker-icon{width:88%;height:88%;filter:drop-shadow(0 5px 3px #6d74613d)}.sticker-card.locked .sticker-icon{opacity:.6}.sticker-card.locked .sticker-art::after{content:'?';position:absolute;right:2px;bottom:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#8a9c91;font-size:18px;font-weight:900;box-shadow:0 2px 5px #697d6838}

/* Phaser character layer and species-aware dressing */
.pet-character-stage{position:absolute;z-index:3;left:50%;top:23px;width:285px;height:285px;transform:translateX(-50%);transform-origin:50% 82%;animation:pet-stage-bob 3.2s ease-in-out infinite}
.pet-scene-mount{position:absolute;inset:0;z-index:1;overflow:visible;touch-action:manipulation}
.pet-scene-mount canvas{display:block;width:100%!important;height:100%!important;outline:0}
.pet-character-stage .pet-art{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 13px 6px #745e5345)}
.pet-stage.pet-scene-active .pet-portrait-image{opacity:0}
.pet-stage.pet-scene-active .pet-art{pointer-events:none}
.pet-art .pet-head-equip,.pet-art .pet-neck-equip,.pet-art .pet-hand-equip{filter:drop-shadow(0 2px 2px #54483d55)}
.pet-stage.pet-action-head .pet-character-stage,.pet-stage.pet-action-feed .pet-character-stage{animation:pet-body-pat .72s ease-in-out 1}
.pet-stage.pet-action-ear .pet-character-stage,.pet-stage.pet-action-groom .pet-character-stage{animation:pet-body-tilt .64s ease-in-out 1}
.pet-stage.pet-action-cheek .pet-character-stage{animation:pet-cheek-bounce .64s ease-in-out 1}
.pet-stage.pet-action-paw .pet-character-stage,.pet-stage.pet-action-play .pet-character-stage{animation:pet-high-five .72s ease-in-out 1}
.pet-stage.pet-action-rest .pet-character-stage{animation:pet-rest-sway 1s ease-in-out 1}
.pet-care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.pet-care-meter{display:grid;grid-template-columns:1fr auto;gap:5px 9px;align-items:center;padding:10px 11px;border:1px solid #e7eee4;border-radius:13px;background:#fbfdf8}
.pet-care-meter>div{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#63816c;font-size:11px;font-weight:900}
.pet-care-meter>div strong{color:#a1b49f;font-size:9px;white-space:nowrap}
.pet-care-meter progress{grid-column:1/2;width:100%;height:7px;border:0;border-radius:8px;background:#e7efe5;overflow:hidden;accent-color:#9bc994}
.pet-care-meter progress::-webkit-progress-bar{background:#e7efe5}.pet-care-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#9ecb98,#e6c477);border-radius:8px}.pet-care-meter progress::-moz-progress-bar{background:linear-gradient(90deg,#9ecb98,#e6c477);border-radius:8px}
.pet-care-meter button{grid-column:2;grid-row:1/3;min-height:40px;border:1px solid #dcebdd;border-radius:10px;padding:7px 10px;background:#fff;color:#598765;font-size:11px;font-weight:900;white-space:nowrap}
.care-subheading{margin:18px 0 0;color:#60846b;font-size:13px}
@keyframes pet-rest-sway{0%,100%{transform:translateX(-50%) rotate(0)}35%{transform:translateX(-50%) rotate(-2deg) scale(.98)}70%{transform:translateX(-50%) rotate(2deg) scale(.98)}}
@keyframes pet-body-pat{0%,100%{transform:translateX(-50%) translateY(0) rotate(0)}35%{transform:translateX(-50%) translateY(5px) rotate(-2deg)}70%{transform:translateX(-50%) translateY(-1px) rotate(1deg)}}
@keyframes pet-body-tilt{0%,100%{transform:translateX(-50%) rotate(0)}35%{transform:translateX(-50%) rotate(-5deg)}70%{transform:translateX(-50%) rotate(5deg)}}
@keyframes pet-cheek-bounce{0%,100%{transform:translateX(-50%) scale(1)}45%{transform:translateX(-50%) scale(1.05,.96)}}
@keyframes pet-high-five{0%,100%{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(-8px) rotate(-3deg)}}
@keyframes pet-stage-bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@media(max-width:760px){.pet-character-stage{top:15px;width:270px;height:270px}.pet-care-grid{gap:6px}.pet-care-meter{padding:8px}.pet-care-meter button{padding:6px 8px}}
@media(max-width:380px){.pet-character-stage{width:250px;height:250px;top:20px}.pet-care-meter>div{font-size:10px}.pet-care-meter button{font-size:10px;padding:5px}}
@media(prefers-reduced-motion:reduce){.pet-character-stage{animation:none!important}.pet-stage.pet-action-head .pet-character-stage,.pet-stage.pet-action-ear .pet-character-stage,.pet-stage.pet-action-cheek .pet-character-stage,.pet-stage.pet-action-paw .pet-character-stage,.pet-stage.pet-action-feed .pet-character-stage,.pet-stage.pet-action-groom .pet-character-stage,.pet-stage.pet-action-play .pet-character-stage,.pet-stage.pet-action-rest .pet-character-stage{animation:none!important}}

/* Polished transparent pet portraits generated for the expanded pet roster. */
.pet-stage.pet-scene-active .pet-character-stage>.pet-art,.wardrobe-stage.pet-scene-active>.pet-art{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.wardrobe-scene-mount{position:absolute;z-index:3;left:50%;top:46%;width:min(83%,350px);aspect-ratio:1;transform:translate(-50%,-50%);overflow:visible;touch-action:manipulation}
.wardrobe-scene-mount canvas{display:block;width:100%!important;height:100%!important;outline:0}
.item-icon img{display:block;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 2px #735a4230)}
.pet-live-scene{position:absolute;inset:0;width:100%;height:100%;isolation:isolate;z-index:3;touch-action:manipulation;cursor:pointer;transform-origin:50% 78%}
.pet-live-sprite{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 5px #735d4a35);pointer-events:none;user-select:none}
.pet-live-adornments{position:absolute;inset:0;pointer-events:none}
.pet-live-accessory{position:absolute;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 4px 3px #53423048)}
.pet-live-breath{animation:pet-live-breath 1.45s ease-in-out 1}
.pet-live-walk{animation:pet-live-walk .42s ease-in-out 1}
.pet-live-hop{animation:pet-live-hop .72s cubic-bezier(.35,.1,.25,1) 1}
.pet-live-react{animation:pet-live-react .58s ease-in-out 1}
.pet-live-feed{animation:pet-live-feed .72s ease-in-out 1}
.pet-live-groom{animation:pet-live-groom .75s ease-in-out 1}
.pet-live-rest{animation:pet-live-rest 1.3s ease-in-out 1}
@keyframes pet-live-breath{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes pet-live-walk{0%,100%{transform:translateX(0)}30%{transform:translateX(-7px) rotate(-2deg)}70%{transform:translateX(7px) rotate(2deg)}}
@keyframes pet-live-hop{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(-20px) scale(1.035,.96)}68%{transform:translateY(2px) scale(.98,1.025)}}
@keyframes pet-live-react{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg) scale(1.03)}65%{transform:rotate(4deg)}}
@keyframes pet-live-feed{0%,100%{transform:translateY(0)}35%,65%{transform:translateY(4px) scale(1.02,.98)}}
@keyframes pet-live-groom{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}
@keyframes pet-live-rest{0%,100%{transform:translateY(0)}50%{transform:translateY(4px) scale(1.01,.99)}}
@media(prefers-reduced-motion:reduce){.pet-live-scene{animation:none!important}}
.pet-art .pet-character{transform-box:fill-box;transform-origin:center bottom}.pet-art .pet-hotspots [data-pet-hotspot]{cursor:pointer;pointer-events:all}.pet-art .pet-portrait-image{overflow:visible}.pet-stage .pet-art{filter:drop-shadow(0 13px 7px #745e5340)}.pet-card-art .pet-art{width:184px;height:184px;filter:drop-shadow(0 8px 4px #745e5328)}.pet-card-art{overflow:hidden}.wardrobe-stage>.pet-art{width:min(83%,350px);height:auto}.pet-stage.pet-action-head .pet-character{animation:pet-body-pat .65s ease-in-out 2}.pet-stage.pet-action-ear .pet-character{animation:pet-body-tilt .42s ease-in-out 3}.pet-stage.pet-action-cheek .pet-character{animation:pet-cheek-bounce .42s ease-in-out 3}.pet-stage.pet-action-paw .pet-character{animation:pet-high-five .48s ease-in-out 2}@keyframes pet-body-pat{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(5px) rotate(-2deg)}70%{transform:translateY(-1px) rotate(1deg)}}@keyframes pet-body-tilt{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@keyframes pet-cheek-bounce{0%,100%{transform:scale(1)}45%{transform:scale(1.05,.96)}}@keyframes pet-high-five{0%,100%{transform:translateY(0)}45%{transform:translateY(-8px) rotate(-3deg)}}@media(max-width:760px){.pet-card-art .pet-art{width:165px;height:165px}.pet-stage .pet-art{width:270px;height:270px}}@media(prefers-reduced-motion:reduce){.pet-stage.pet-action-head .pet-character,.pet-stage.pet-action-ear .pet-character,.pet-stage.pet-action-cheek .pet-character,.pet-stage.pet-action-paw .pet-character{animation:none!important}}