/* 字体：使用本地系统字体栈，无外链依赖 */
:root{font-family:Nunito,"Noto Sans SC",system-ui,sans-serif;color:#fff;font-synthesis:none;--ink:#36545a;--muted:#789095;--mint:#45bea7;--gold:#f6bb46}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#8ed6e7}button{font-family:inherit}
.game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:linear-gradient(#8ad9ee,#f7d9a0)}#game,#game canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.top-hud{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));left:clamp(16px,4vw,52px);right:clamp(16px,4vw,52px);display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:clamp(15px,2vw,21px);text-shadow:0 2px 8px #18557560}.brand-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#ffce4d;color:#fff;border:2px solid #fff9;box-shadow:0 4px 12px #3b67883d}.stats{display:flex;gap:10px;margin-left:auto}.pill{display:flex;align-items:baseline;gap:5px;min-width:106px;padding:9px 14px;border:1px solid #ffffffa8;border-radius:18px;background:#fff9;box-shadow:0 5px 18px #1d597626;color:#42616e;backdrop-filter:blur(12px)}.pill span{font-size:11px;font-weight:800;color:#79929b}.pill strong{font-size:18px;color:#385866}.pill small{font-size:10px;color:#82979c}.coin-pill{min-width:78px;justify-content:center}.star{color:var(--gold)!important;font-size:20px!important}.icon-button{width:40px;height:40px;border:1px solid #ffffffa8;border-radius:14px;background:#fff9;color:#4d7180;font-weight:900;font-size:19px;cursor:pointer;backdrop-filter:blur(12px)}
.mission{position:absolute;z-index:2;top:90px;left:clamp(16px,4vw,52px);display:flex;gap:9px;align-items:center;padding:10px 14px;border-radius:15px;background:#ffffffb8;color:#58717a;font-weight:800;font-size:12px;box-shadow:0 4px 16px #1c59741c;backdrop-filter:blur(10px)}.pulse{width:8px;height:8px;border-radius:50%;background:#55ca95;box-shadow:0 0 0 4px #55ca9528}.speed-card{position:absolute;z-index:2;left:clamp(16px,4vw,52px);bottom:104px;width:min(260px,43vw);padding:13px 16px;border:1px solid #ffffff6e;border-radius:19px;background:#335b65b5;box-shadow:0 8px 25px #314f4b30;backdrop-filter:blur(10px)}.speed-card small{display:block;color:#cce7e4;font-size:11px;font-weight:700}.speed-card strong{font-size:29px;line-height:1.3}.speed-card span{margin-left:5px;color:#cde9de;font-size:13px}.speed-track{height:5px;margin-top:5px;border-radius:9px;background:#ffffff53;overflow:hidden}.speed-track i{display:block;width:7%;height:100%;border-radius:inherit;background:#8fe5b0;transition:width .25s}.hint{position:absolute;z-index:2;right:clamp(16px,4vw,52px);bottom:105px;color:#fff;text-shadow:0 2px 7px #3457619c;font-size:12px;font-weight:800}
.touch-controls{position:absolute;z-index:3;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:10px}.touch-controls button{width:clamp(51px,11vw,68px);height:clamp(47px,9vw,58px);border:1px solid #ffffffdb;border-radius:20px;background:#fffdf1e8;color:#41818a;font-size:25px;font-weight:900;box-shadow:0 5px 0 #83b5b4b8,0 10px 20px #385d7024;cursor:pointer;touch-action:none}.touch-controls button:active{transform:translateY(3px);box-shadow:0 2px 0 #83b5b4b8}
.home-mode .game-hud{display:none}.home-screen{position:absolute;z-index:4;inset:0;overflow:hidden;background:linear-gradient(180deg,#fff3d43b 0%,transparent 48%,#f1d09325 100%);transition:opacity .3s,visibility .3s}.home-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.home-topbar{position:absolute;top:max(17px,env(safe-area-inset-top));left:clamp(16px,3.5vw,52px);right:clamp(16px,3.5vw,52px);display:flex;align-items:center;gap:14px}.home-wallet{display:flex;gap:8px;margin-left:auto}.home-wallet span{display:flex;align-items:center;gap:6px;min-width:84px;justify-content:center;padding:8px 14px;border:1px solid #fff;border-radius:18px;background:#fffdf0df;color:#d8a127;box-shadow:0 4px 12px #426c6420}.home-wallet strong{color:#625b4a}.home-label{position:absolute;top:77px;left:clamp(16px,3.5vw,52px);display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #ffffffad;border-radius:16px;background:#fffdf0d9;color:#69817a;font-size:12px;font-weight:800;box-shadow:0 5px 18px #3c69601c}.sun-dot{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffe7a1;color:#e5ad3e;font-size:16px}.pet-card{position:absolute;top:clamp(125px,23vh,225px);left:clamp(18px,4vw,58px);width:min(282px,30vw);padding:21px 20px 17px;border:1px solid #ffffffd6;border-radius:25px;background:#fffdf0d9;color:var(--ink);box-shadow:0 16px 45px #3b615b20;backdrop-filter:blur(12px)}.eyebrow{color:#d4a444;font-weight:900;font-size:10px;letter-spacing:.16em}.pet-card h1{margin:5px 0 2px;font-size:clamp(25px,3vw,34px);font-weight:900;color:#536a57}.pet-card p{margin:0 0 14px;color:#82918a;font-size:12px}.bond-row{display:flex;align-items:center;gap:8px;color:#80928c;font-size:10px;font-weight:800}.bond-bar{flex:1;height:7px;border-radius:9px;background:#e8eee4;overflow:hidden}.bond-bar i{display:block;width:80%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#aedb70,#52c99d);transition:width .3s}.bond-row b{color:#58b48e}.feed-button{width:100%;display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border:1px solid #f4e8c9;border-radius:16px;background:#fffaf0;color:#697b70;text-align:left;cursor:pointer;box-shadow:0 3px 0 #f3e7d0}.feed-button>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff0c4;font-size:20px}.feed-button b,.feed-button small{display:block}.feed-button b{font-size:12px}.feed-button small{margin-top:3px;color:#a19c85;font-size:10px}.feed-button small i{font-style:normal}.feed-button strong{margin-left:auto;color:#51b990;font-size:22px}.feed-button:active{transform:translateY(2px)}.home-stage-note{position:absolute;right:clamp(18px,4vw,58px);top:clamp(132px,25vh,260px);display:flex;flex-direction:column;align-items:flex-end;padding:10px 14px;border-radius:16px;background:#fffdf0c9;color:#567a70;font-weight:900;box-shadow:0 6px 20px #3b615b18}.home-stage-note small{margin-top:2px;color:#9ba99b;font-size:10px;font-weight:700}.stage-sparkle{color:#f1b842;font-size:14px}
.home-dock{position:absolute;left:clamp(14px,3.5vw,52px);right:clamp(14px,3.5vw,52px);bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(195px,260px);align-items:end;gap:16px}.dock-main{padding:12px 16px 14px;border:1px solid #ffffffdf;border-radius:25px;background:#fffdf0eb;color:var(--ink);box-shadow:0 14px 45px #365e5429;backdrop-filter:blur(14px)}.dock-tabs{display:flex;gap:7px;margin:0 0 11px}.dock-tab{padding:7px 15px;border:0;border-radius:14px;background:#f0f2e8;color:#84928a;font-weight:900;font-size:12px;cursor:pointer}.dock-tab.selected{background:#daefe1;color:#3a9e82}.choice-panel.hidden{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px}.panel-heading b,.panel-heading small{display:block}.panel-heading b{font-size:13px}.panel-heading small{margin-top:2px;color:#97a29a;font-size:10px}.owned-count{color:#aab1a5;font-size:10px}.choice-row{display:flex;gap:8px}.choice-card{position:relative;min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e8e9dd;border-radius:16px;background:#fffefa;color:var(--ink);text-align:left;cursor:pointer;transition:.18s}.choice-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #436d541a}.choice-card.selected{border:2px solid #62c5a0;background:#f4fff3;box-shadow:0 0 0 3px #77d5a324}.choice-card>span:nth-child(2){min-width:0}.choice-card b,.choice-card small{display:block;white-space:nowrap}.choice-card b{font-size:11px}.choice-card small{margin-top:3px;color:#9aa39a;font-size:9px}.choice-card>i{position:absolute;right:7px;top:5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#55bd91;color:#fff;font-style:normal;font-size:10px}.choice-card:not(.selected)>i{display:none}.outfit-icon,.map-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;font-size:21px}.scarf-icon{background:#e2f3e8}.cap-icon{background:#fff0cf}.pack-icon{background:#e5eef6}.map-icon{width:37px;height:37px;font-size:19px}.sunny-icon{background:#fff0c9}.coast-icon{background:#d9f1f4}.candy-icon{background:#f8e4ed}.play-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:98px;padding:16px 18px 26px;border:2px solid #ffffffd9;border-radius:25px;background:linear-gradient(120deg,#35c9bd,#54d99e);color:#fff;font-weight:900;font-size:21px;box-shadow:0 7px 0 #2cae9a,0 12px 25px #267c6b30;cursor:pointer;transition:transform .15s}.play-button:hover{transform:translateY(-2px)}.play-button:active{transform:translateY(4px);box-shadow:0 3px 0 #2cae9a}.play-button b{font-size:20px}.play-button small{position:absolute;bottom:8px;font-size:9px;font-weight:700;color:#d8fff1}.play-button small i{font-style:normal}.feed-fx{position:absolute;z-index:6;left:50%;top:34%;transform:translate(-50%,-50%);font-size:48px;pointer-events:none}.feed-fx.pop{animation:feedPop 1.05s ease-out forwards}@keyframes feedPop{0%{opacity:0;transform:translate(-50%,30%) scale(.4)}25%{opacity:1;transform:translate(-50%,-25%) scale(1.15)}75%{opacity:1;transform:translate(-50%,-100%) scale(1)}100%{opacity:0;transform:translate(-50%,-170%) scale(.8)}}
.overlay{position:absolute;z-index:7;inset:0;display:grid;place-items:center;padding:20px;background:#133d4a42;backdrop-filter:blur(5px);transition:opacity .24s,visibility .24s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.dialog{width:min(430px,100%);padding:34px 34px 26px;border:1px solid #ffffffd9;border-radius:30px;background:linear-gradient(155deg,#fffdf3f2,#fff9e8ed);box-shadow:0 22px 70px #21556745;color:#375560;text-align:center}.dialog .eyebrow{color:#e9a832}.dialog h1{margin:8px 0 10px;font-size:clamp(27px,6vw,38px);font-weight:900;color:#385b60}.dialog p{max-width:330px;margin:0 auto;color:#71868a;font-size:14px;line-height:1.75}.howto{display:flex;justify-content:center;gap:11px;margin:22px auto}.howto span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:60px;border-radius:17px;background:#edf7f0;color:#4f8981;font-weight:900;font-size:16px}.howto small{margin-top:1px;color:#91a7a5;font-size:10px}.primary-button{width:100%;height:53px;border:0;border-radius:18px;background:linear-gradient(100deg,#43cdb7,#57d7a1);color:#fff;font:900 16px Nunito,"Noto Sans SC",system-ui,sans-serif;box-shadow:0 6px 0 #35a993;cursor:pointer}.primary-button span{margin-left:8px}.secondary-button{margin-top:14px;padding:9px 20px;border:0;background:transparent;color:#80928c;font-weight:800;cursor:pointer}.footnote{display:block;margin-top:12px;color:#a1b0ad;font-size:11px}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#29576a14 0%,transparent 25%,transparent 78%,#425b5030 100%)}
@media(max-width:760px){.pet-card{top:108px;left:14px;width:min(220px,47vw);padding:14px;border-radius:20px}.pet-card p{margin-bottom:9px}.feed-button{margin-top:11px;padding:7px}.home-label{top:63px;font-size:10px}.home-stage-note{top:110px;right:13px}.home-dock{grid-template-columns:1fr;gap:10px;bottom:max(12px,env(safe-area-inset-bottom))}.dock-main{padding:10px;border-radius:20px}.play-button{min-height:56px;padding:10px 15px 19px;border-radius:18px;font-size:17px}.choice-row{gap:5px}.choice-card{padding:7px 6px;gap:5px}.outfit-icon,.map-icon{width:31px;height:31px;font-size:17px}.choice-card b{font-size:9px}.choice-card small{font-size:8px}.choice-card>i{right:4px;top:3px;width:14px;height:14px;font-size:8px}.panel-heading b{font-size:11px}.panel-heading small{font-size:9px}.home-wallet span{min-width:62px;padding:7px 9px;font-size:12px}.home-topbar{gap:8px}.home-topbar .brand{font-size:14px}.home-topbar .brand-dot{width:30px;height:30px}}
@media(max-width:430px){.pet-card{width:44vw;padding:12px}.pet-card h1{font-size:24px}.pet-card p{font-size:10px}.bond-row{gap:5px;font-size:9px}.feed-button>span:first-child{width:30px;height:30px;font-size:16px}.feed-button b{font-size:10px}.home-label{max-width:66vw}.choice-card{flex-direction:column;align-items:flex-start}.choice-card>span:nth-child(2){width:100%}.choice-card b{font-size:8px}.dock-tabs{margin-bottom:7px}.dock-tab{padding:6px 10px;font-size:11px}}
@media(max-height:670px){.pet-card{top:105px;padding:13px}.home-dock{bottom:10px}.dock-main{padding:8px 12px}.panel-heading{margin-bottom:5px}.choice-card{padding:6px 9px}.play-button{min-height:53px}.home-stage-note{top:105px}}