:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bg:#2d2152;--panel:#fff8ec;--ink:#3a2a5a;--accent:#ffb547;--accent-ink:#5a3500;color:var(--ink);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;overflow:hidden}#app{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;inset:0}#game-root{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:absolute}#game-root canvas{touch-action:none;display:block}#ui-root{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;position:absolute}#ui-root>*{pointer-events:auto}button{font:inherit;touch-action:manipulation}.overlay{opacity:0;background:#180e348c;justify-content:center;align-items:center;padding:24px;transition:opacity .18s ease-out;display:flex;position:absolute;inset:0}.overlay.show{opacity:1}.panel{background:var(--panel);text-align:center;border:4px solid #fff;border-radius:24px;width:min(360px,100%);max-height:100%;padding:20px 18px 18px;transition:transform .22s cubic-bezier(.2,1.6,.4,1);overflow:auto;transform:scale(.85);box-shadow:0 10px #28185059,0 18px 40px #00000059}.overlay.show .panel{transform:scale(1)}.panel-title{color:#6a3fc0;margin:0 0 10px;font-size:24px}.panel-body{font-size:16px;line-height:1.5}.panel-body p{margin:6px 0}.panel-buttons{flex-direction:column;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-size:18px;font-weight:700;transition:transform 80ms;box-shadow:0 4px #0000002e}.btn:active{transform:translateY(2px)scale(.98);box-shadow:0 2px #0000002e}.btn-primary{color:var(--accent-ink);background:linear-gradient(#ffd56b,#ffab2e)}.btn-secondary{color:#4a2e8a;background:linear-gradient(#efe4ff,#d4c0fa)}.btn-danger{color:#5a0f0f;background:linear-gradient(#ffb3b3,#f07878)}.btn:disabled{opacity:.45}.stars{letter-spacing:4px;color:#ffb92e;text-shadow:0 2px #b06d00;font-size:40px}.reward{color:#2f8a3a;font-size:18px;font-weight:700}.name-input{width:100%;font:inherit;text-align:center;-webkit-user-select:text;user-select:text;border:3px solid #d4c0fa;border-radius:14px;outline:none;padding:10px 12px;font-size:20px}.name-input:focus{border-color:#9a6ef0}.toast{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#281850e0;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.8)}.toast.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.toggle-row{justify-content:space-between;align-items:center;padding:8px 4px;font-size:17px;display:flex}.toggle-row input{width:24px;height:24px}.home-ui{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.home-ui>*{pointer-events:auto}.home-title{color:#fff3c4;text-shadow:0 3px #6a3fc0,0 6px 14px #00000059;pointer-events:none;margin-top:6vh;font-size:34px;font-weight:900}.pet-card{background:#fff8ecf2;border:3px solid #fff;border-radius:20px;width:min(340px,88%);padding:12px 16px;box-shadow:0 6px #2818504d}.pet-card .pet-name{font-size:20px;font-weight:800}.pet-card .pet-stage{color:#6a3fc0;font-size:14px}.bar{background:#e6dbf7;border-radius:999px;height:14px;margin:6px 0 4px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#8be06f,#3fb54a);border-radius:999px;height:100%;display:block}.pet-meta{color:#6b5a8a;justify-content:space-between;font-size:13px;display:flex}.home-buttons{gap:10px;width:min(340px,88%);margin:14px 0 4vh;display:flex}.home-buttons .btn{flex:1}.icon-btn{color:#6a3fc0;background:#fff8ece6;border:3px solid #fff;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:10px;right:10px}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.level-btn{aspect-ratio:1;color:#4a2e8a;background:linear-gradient(#efe4ff,#cdb6f7);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:0;font-size:17px;font-weight:800;line-height:1.1;display:flex}.level-btn small{color:#e09a00;letter-spacing:-1px;font-size:10px}.level-btn.cleared{color:#6a3a00;background:linear-gradient(#ffe9a8,#ffc657)}.level-btn.locked{opacity:.4}.level-btn.juicy{box-shadow:inset 0 0 0 3px #ff7ab8}