.scene{width:100%;height:auto;display:block;overflow:visible}.scene .mark-text,.scene .glyph{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:800}.scene .mark-text{fill:#7b68e0;stroke:#fff;stroke-width:3px;stroke-linejoin:round;paint-order:stroke}.scene .mark-text.gold{fill:#c27f05}.scene .overflow{fill:#1c9ad6}:root{--card:#fffdfaf5;--card-line:#7a68e029;--ink:#3a2b25;--ink-soft:#7b6b63;--ink-faint:#a3958d;--accent:#7563dd;--accent-ink:#5b49c4;--tile:#8a79e814;--quiet:#8a79e821;--shadow:0 10px 28px #3a285a2e, 0 2px 6px #3a285a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--card:#251f2df2;--card-line:#beb0ff33;--ink:#f3eefb;--ink-soft:#c2b8d4;--ink-faint:#9b91ad;--accent:#8f7ff0;--accent-ink:#c4b8ff;--tile:#beb0ff17;--quiet:#beb0ff29}}html,body{background:0 0;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1.35}#pet{transform-origin:0 0;width:300px;height:380px;position:absolute;top:0;left:0}#stage{width:300px;height:214px;transform:scale(var(--stage,1));transform-origin:50% 100%;position:absolute;bottom:0;left:0}.hud-stack{left:8px;right:8px;bottom:calc(214px * var(--stage,1) - 8px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.bubble,.panel,.toast{background:var(--card);box-shadow:var(--shadow), 0 0 0 1px var(--card-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bubble{border-radius:16px;width:216px;padding:10px 13px 9px;animation:.18s ease-out pop-in;position:relative}.bubble:after{content:"";background:inherit;width:12px;height:12px;box-shadow:1px 1px 0 var(--card-line);border-radius:0 0 3px;margin-left:-6px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.card-head{align-items:center;gap:6px;display:flex}.card-head strong{letter-spacing:.01em;font-size:13px;font-weight:750}.badge{letter-spacing:.06em;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800}.badge--live{color:#217a49;background:#e0f5e9}.badge--live:before{content:"";vertical-align:1px;background:#33bf6c;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.badge--label{color:#8a5a00;background:#fff0c9}.badge--offline{color:#6b6175;background:#eeeaf1}.bubble-status{color:var(--accent-ink);font-variant-numeric:tabular-nums;margin:3px 0 6px;font-size:15px;font-weight:780}.rows{gap:1px;margin:0;display:grid}.rows div{justify-content:space-between;gap:10px;display:flex}.rows dt{color:var(--ink-soft)}.rows dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:650}.rows .row--wide dd{color:#1b8fca;text-align:left;width:100%}.rows small{color:var(--ink-faint);font-size:10px;font-weight:500;display:block}.note{color:var(--ink-soft);margin:6px 0 0;font-size:10.5px}.foot{color:var(--ink-faint);margin:6px 0 0;font-size:10px}.foot--tight{margin-top:2px}.toast{text-align:center;border-radius:999px;max-width:272px;padding:7px 13px;font-size:12px;font-weight:650;transition:opacity .3s,transform .3s;animation:.22s ease-out pop-in}.toast--blue{color:#11648f;background:#e2f5fd}.toast--gold{color:#6a4300;background:linear-gradient(#fff8dd,#ffe7a6);border-radius:16px}.toast--leaving{opacity:0;transform:translateY(-6px)}.toast[data-interactive=true]{pointer-events:auto}.toast-action,.link{color:#8a5a00;font:inherit;cursor:pointer;background:0 0;border:0;margin:3px auto 0;padding:0;font-size:11px;font-weight:700;text-decoration:underline;display:block}.panel{border-radius:18px;max-height:330px;padding:12px 13px;animation:.18s ease-out pop-in;position:absolute;top:8px;left:8px;right:8px;overflow:auto}.panel .close{background:var(--quiet);width:22px;height:22px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-left:auto;padding:0;font-size:15px;line-height:1;display:grid}.rows--panel{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.rows--panel div{background:var(--tile);border-radius:11px;flex-direction:column;justify-content:flex-start;gap:0;padding:6px 9px 7px}.rows--panel dt{white-space:nowrap;font-size:10px}.rows--panel dd{text-align:left;font-size:12.5px}.panel .link{color:var(--accent-ink);margin:8px 0 0}.buttons{gap:8px;margin-top:10px;display:flex}.button{background:linear-gradient(#8a79ec, var(--accent));color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;flex:1;padding:8px;font-weight:700;box-shadow:0 2px 6px #7563dd59}.button--quiet{background:var(--quiet);box-shadow:none;color:var(--accent-ink)}.pet-tag{left:calc(150px - 138px * var(--stage,1));bottom:calc(214px * var(--stage,1) - 28px);color:#7c5100;letter-spacing:.08em;pointer-events:none;background:#fff4d2;border:1px solid #f0c55c;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.97)}}body.web{--web-ink:#3a2b25;--web-ink-soft:#706058;--web-accent-ink:#5b49c4;background:#f6efe3;overflow:hidden}.web-backdrop{z-index:-1;background:radial-gradient(circle at 50% 34%,#ffffffeb,#fff0 54%),radial-gradient(circle at 16% 12%,#a08fee33,#0000 40%),radial-gradient(circle at 86% 78%,#d68f6f29,#0000 42%),linear-gradient(#fbf6ec,#f0e5d2);position:fixed;top:0;bottom:0;left:0;right:0}body.web #pet{top:47%;left:50%;translate:-50% -50%}.web-head{z-index:4;text-align:center;pointer-events:none;position:fixed;top:24px;left:50%;translate:-50%}.web-head h1{color:var(--web-ink);letter-spacing:.01em;margin:0;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:30px;font-weight:800}.web-head p{color:var(--web-ink-soft);margin:6px 0 0;font-size:12.5px}.play-dock-wrap{z-index:6;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.play-dock{border:2px solid var(--web-ink);background:#fffdfaf2;border-radius:999px;gap:8px;padding:7px;display:flex;box-shadow:4px 4px #3a2b2529}.play-dock__button{border:2px solid var(--web-ink);color:var(--web-ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fffdfa;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700;transition:transform 80ms,background .12s;display:flex;box-shadow:2px 2px #3a2b2524}.play-dock__button:hover{background:#efe7ff}.play-dock__button:active{box-shadow:none;transform:translate(2px,2px)}.play-dock__icon{color:var(--web-accent-ink);font-size:13px;line-height:1}.play-dock__button[data-action=feed] .play-dock__icon{color:#b4553f}.play-dock__button[data-action=wake] .play-dock__icon{color:#c27f05}.play-dock__hint{max-width:330px;color:var(--web-ink-soft);text-align:center;background:#fffdfab8;border-radius:999px;margin:0;padding:4px 10px;font-size:11px}@media (max-width:480px){.web-head{top:16px}.web-head h1{font-size:24px}.play-dock-wrap{bottom:14px}.play-dock__button{padding:8px 10px;font-size:10px}.play-dock__hint{max-width:270px}}@media (prefers-reduced-motion:reduce){.play-dock__button{transition:none}}
