@charset "UTF-8";
:root{--ink:#30473d;--muted:#6f7b6e;--paper:#fffcf4;--line:#e6e7d9;--green:#40765d;--green-dark:#2c5943;--peach:#f1bf92;--shadow:0 12px 35px #3d523414;--radius:24px;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:#f0f1e8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#f8e7ce80,transparent 55%),#f0f1e8}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:default;opacity:.56}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d88b49;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}button img{pointer-events:none}img{display:block}a{color:inherit;text-decoration:none}.hidden{display:none!important}.game{max-width:1180px;margin:0 auto;padding:0 28px 35px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce0d1}.brand{display:flex;gap:11px;align-items:center}.brand img{width:41px;height:41px;object-fit:contain}.brand strong{display:block;font-size:24px;letter-spacing:-1px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin-top:2px}.header-right,.wallet{display:flex;align-items:center;gap:10px}.back{font-size:12px;color:var(--muted);padding:12px}.wallet span{display:flex;gap:7px;align-items:center;min-width:76px;background:#fffcf4;border:1px solid #e1dfc8;border-radius:30px;padding:9px 13px;font-size:14px}.wallet img{width:24px;height:24px;object-fit:contain}.tabs{display:flex;gap:10px;padding:19px 0 22px}.tabs button{display:flex;gap:8px;align-items:center;padding:11px 20px;min-height:46px;border-radius:15px;background:transparent;color:var(--muted);font-weight:700;font-size:13px}.tabs img{width:23px;height:23px;object-fit:contain}.tabs button[aria-current=page]{background:var(--green);color:white;box-shadow:0 5px 12px #40765d20}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px}.eyebrow{font-size:10px;letter-spacing:2.3px;text-transform:uppercase;color:#8b795f;font-weight:800;margin:0 0 7px}.screen-heading h1{font-size:clamp(23px,3vw,32px);letter-spacing:-1px;margin:0;font-weight:800}.screen-heading p{font-size:13px;color:var(--muted);margin:7px 0 0}.day-tag{border:1px solid #d8dfca;background:#f6f8ed;padding:8px 12px;border-radius:25px;color:#65835d;font-size:11px;white-space:nowrap}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.scene-column{min-width:0}.hero{height:438px;position:relative;overflow:hidden;border-radius:var(--radius);background:#d9e6c4;isolation:isolate;box-shadow:var(--shadow)}.place{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}.scene-top{position:absolute;left:18px;right:18px;top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.scene-label{padding:8px 12px;border:1px solid #fff9;background:#fffcf0e8;border-radius:20px;font-size:11px;font-weight:700;box-shadow:0 3px 10px #3847220b}.scene-weather{color:#fff;font-size:11px;text-shadow:0 1px 6px #30473d}.pet-wrap{position:absolute;width:270px;height:260px;max-width:50%;left:50%;bottom:60px;transform:translateX(-50%);display:grid;place-items:end center}.pet-wrap:before{content:"";position:absolute;bottom:0;width:65%;height:20px;background:#414b2940;filter:blur(8px);border-radius:50%;z-index:-1}.pet{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 4px #39472524);transform-origin:bottom center}.pet.rabbit{height:93%}.pet.chick,.pet.hamster,.pet.turtle{height:76%}.pet.sleep{animation:breathe 2s ease-in-out infinite}.pet.happy{animation:wiggle .55s ease-in-out 2}.pet.walk{animation:bounce .55s ease-in-out 2}.pet.play{animation:play .5s ease-in-out 2}.scene-bottom{position:absolute;bottom:17px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.pet-caption{background:#fffcf0eb;border:1px solid #fff8;border-radius:15px;padding:9px 13px;font-size:13px}.pet-caption small{display:block;font-size:10px;color:#748064;margin-top:3px}.scene-nav{display:flex;gap:7px}.scene-nav button{width:36px;height:36px;border-radius:50%;background:#fffcf0ed;font-size:19px;box-shadow:0 3px 10px #38472215}.care-effect{position:absolute;left:50%;bottom:58%;width:60px;height:60px;object-fit:contain;pointer-events:none;animation:float 1.15s ease-out forwards;z-index:3}.scene-tip{margin:12px 2px 0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.scene-tip img{width:15px;height:15px;object-fit:contain}.care-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow)}.care-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.care-title h2{font-size:17px;margin:0;letter-spacing:-.4px}.care-title span{font-size:10px;color:var(--green);background:#eaf0e2;border-radius:10px;padding:5px 8px}.status{display:grid;gap:14px}.meter .mhead{display:flex;align-items:center;gap:7px;font-size:12px}.meter img{width:20px;height:20px;object-fit:contain}.meter .value{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.track{height:7px;background:#eeeede;border-radius:10px;margin-top:5px;overflow:hidden}.track i{display:block;height:100%;border-radius:10px;transition:width .4s}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:21px}.action{border:1px solid #e6e2d2;background:#f8f5e9;min-height:73px;border-radius:15px;display:grid;place-items:center;padding:8px 3px;font-size:11px;font-weight:700;gap:4px}.action:hover:not(:disabled){background:#f3edda;border-color:#c7d1b6}.action img{width:36px;height:32px;object-fit:contain}.xp-line{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:18px}.xp-track{height:4px;background:#ecebdc;border-radius:10px;overflow:hidden;margin-top:7px}.xp-track i{height:100%;display:block;background:#729971}.mission-strip{display:flex;align-items:center;gap:14px;border:1px solid #e2dbbf;border-radius:20px;background:#f8efd9;padding:17px 20px;margin-top:20px}.mission-strip>img{width:41px;height:41px;object-fit:contain}.mission-copy{min-width:0;flex:1}.mission-copy strong{font-size:14px}.mission-copy p{font-size:12px;color:#887b61;margin:4px 0 0}.primary{background:var(--green);color:#fff;border-radius:13px;padding:12px 18px;font-size:12px;font-weight:700;min-height:43px;white-space:nowrap;box-shadow:0 3px 0 var(--green-dark)}.primary:hover:not(:disabled){background:var(--green-dark)}.footer{display:flex;justify-content:space-between;margin:26px 2px 0;color:#89907d;font-size:10px;gap:15px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel h2{font-size:19px;margin:0 0 8px}.panel>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 20px}.quests{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quest{display:flex;gap:12px;align-items:center;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.quest>img{width:47px;height:47px;object-fit:contain}.quest-info{flex:1;min-width:0}.quest b{font-size:14px}.quest small{display:block;font-size:11px;color:var(--muted);margin:6px 0}.quest .primary{padding:10px;font-size:11px}.quest.done{border-color:#b4caa4;background:#f6f9ee}.claimed{color:var(--green);font-size:12px;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);min-width:0}.card .preview{height:175px;background:#f3efdf;display:grid;place-items:center;overflow:hidden}.card .preview img{width:100%;height:100%;object-fit:cover}.card .info{padding:17px}.card strong{font-size:14px;display:block}.card small{font-size:11px;color:var(--muted);display:block;margin:7px 0 14px}.card button{width:100%}.card.selected{border:2px solid var(--green)}.wardrobe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:20px}.wardrobe-grid .preview{height:240px;background:radial-gradient(ellipse,#fbf1d8,#edf1e4)}.wardrobe-grid .preview img{width:80%;height:90%;object-fit:contain}.costume-note{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.choose{max-width:1100px;min-height:calc(100svh - 30px);margin:auto;display:grid;align-content:center;padding:28px}.welcome-shell{display:grid;grid-template-columns:.9fr 1fr;background:var(--paper);border:1px solid #fff;border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.welcome-art{position:relative;background:#dfe8c7;min-height:620px;overflow:hidden}.welcome-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:42% center}.welcome-pet{position:absolute;width:57%;height:43%;object-fit:contain;left:22%;bottom:17%;filter:drop-shadow(0 10px 6px #34462d33)}.welcome-art .art-copy{position:absolute;bottom:27px;left:30px;right:30px;background:#fffcf0dd;padding:16px 20px;border-radius:20px}.art-copy b{font-size:18px;letter-spacing:-.5px}.art-copy p{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 0}.welcome{padding:36px;min-width:0}.welcome .brand{margin-bottom:30px}.welcome h1{font-size:31px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 9px}.welcome>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0}.choice{background:#f4f2e6;border:2px solid transparent;border-radius:17px;padding:9px 5px;color:var(--muted);font-size:10px;font-weight:700;position:relative}.choice img{width:100%;height:77px;object-fit:contain;margin-bottom:8px}.choice.sel{border-color:var(--green);background:#eaf0e2;color:var(--green-dark)}.choice.sel:after{content:'✓';position:absolute;right:6px;top:5px;background:var(--green);color:white;width:16px;height:16px;border-radius:50%;font-size:10px;line-height:16px}.welcome label{display:block;font-size:12px;font-weight:bold;margin-bottom:8px}.welcome input{width:100%;border:1px solid #d8ddcb;border-radius:12px;background:#fffef9;padding:12px 14px;color:var(--ink);margin-bottom:16px}.welcome .primary{width:100%;font-size:14px}.welcome .save-note{font-size:10px;text-align:center;margin-top:15px}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%,140px);opacity:0;background:#304c3e;color:#fff;padding:13px 20px;border:1px solid #fff3;border-radius:16px;font-size:13px;box-shadow:0 8px 25px #203b362b;transition:transform .25s,opacity .25s;max-width:min(90vw,480px);text-align:center;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}.save-warning{background:#fff0cf;color:#775a2c;padding:10px 16px;font-size:12px;text-align:center;border-radius:12px;margin-bottom:12px}
@keyframes breathe{50%{transform:scale(.98,.95)}}@keyframes wiggle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bounce{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes play{50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes float{0%{opacity:0;transform:translate(-50%,15px) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-65px) scale(1.1)}}
.pet-wrap>.pet{position:absolute;bottom:0;left:0;min-width:0;min-height:0;max-width:100%;max-height:100%}
.pet.eat{animation:breathe .4s ease-in-out 3}
.card .preview{position:relative}
.card .preview img{position:absolute;inset:0;min-width:0;min-height:0}
.wardrobe-grid .preview img{width:100%;height:100%;padding:14px}
@media(min-width:1500px){.game{padding-top:18px}.hero{height:485px}.pet-wrap{height:285px;width:295px;bottom:65px}}
@media(max-width:900px){.game{padding:0 20px 25px}.home-grid{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.hero{height:425px}.care-panel{padding:17px}.pet-wrap{max-width:65%;height:240px}.quests{grid-template-columns:1fr}.welcome{padding:26px}.welcome-art{min-height:600px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.game{padding:0 14px 20px}.topbar{height:75px}.brand strong{font-size:20px}.brand small{font-size:9px;letter-spacing:1px}.brand img{width:32px;height:32px}.header-right{gap:0}.back{display:none}.wallet{gap:5px}.wallet span{padding:6px 9px;min-width:0;font-size:12px;gap:4px}.wallet img{width:20px;height:20px}.tabs{gap:5px;justify-content:space-between;padding:13px 0 19px}.tabs button{flex:1;justify-content:center;padding:9px 6px;font-size:11px;min-height:44px;gap:5px;border-radius:12px}.tabs img{width:19px;height:19px}.screen-heading{margin-bottom:15px}.screen-heading h1{font-size:25px}.screen-heading p{font-size:12px}.day-tag{font-size:10px;padding:7px 9px}.home-grid{grid-template-columns:1fr;gap:15px}.hero{height:350px;border-radius:21px}.pet-wrap{height:215px;width:230px;max-width:60%;bottom:50px}.scene-top{top:13px;left:13px;right:13px}.scene-bottom{left:13px;right:13px;bottom:12px}.scene-weather{display:none}.scene-tip{font-size:10px}.care-panel{padding:17px;border-radius:20px}.care-title{margin-bottom:14px}.care-title h2{font-size:16px}.status{grid-template-columns:1fr 1fr;gap:14px 20px}.actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:17px;gap:7px}.action{font-size:10px;min-height:70px}.action img{width:33px;height:31px}.xp-line{margin-top:15px}.mission-strip{padding:14px 12px;gap:9px;margin-top:15px}.mission-strip>img{width:31px;height:31px}.mission-copy strong{font-size:12px}.mission-copy p{font-size:10px}.mission-strip .primary{padding:10px;font-size:10px;min-height:40px}.footer{font-size:9px;line-height:1.6}.quest{padding:15px;gap:10px}.quest b{font-size:12px}.quest>img{width:35px;height:35px}.panel{padding:18px}.card .preview{height:135px}.card .info{padding:13px}.card strong{font-size:12px}.card .primary{font-size:11px;padding:10px}.grid{gap:12px}.wardrobe-grid{gap:12px}.wardrobe-grid .preview{height:185px}.choose{padding:15px;min-height:100svh}.welcome-shell{grid-template-columns:1fr;border-radius:24px}.welcome-art{min-height:180px;height:180px}.welcome-bg{object-position:center 60%}.welcome-pet{height:150px;width:135px;left:auto;right:9%;bottom:5px}.welcome-art .art-copy{bottom:20px;left:20px;right:46%;padding:12px;background:#fffcf0e6}.art-copy b{font-size:15px}.art-copy p{font-size:10px}.welcome{padding:24px}.welcome .brand{margin-bottom:19px}.welcome h1{font-size:26px}.choices{margin:20px 0;gap:8px}.choice img{height:73px}.welcome .save-note{margin-bottom:0}}
@media(max-width:360px){.game{padding-left:10px;padding-right:10px}.tabs button{gap:4px;font-size:10px}.tabs img{width:16px;height:16px}.brand small{display:none}.hero{height:320px}.pet-wrap{height:190px}.day-tag{display:none}.welcome{padding:20px}.choice{font-size:9px}.quest .primary{font-size:10px}.mission-strip>img{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.care-effect{display:none}}