:root{--pp-cream: #fdf6ec;--pp-paper: #fffaf3;--pp-peach: #f7c59f;--pp-terra: #e8935c;--pp-rose: #e46a8a;--pp-sage: #9ec49a;--pp-teal: #6fb5b0;--pp-sky: #8ab6d4;--pp-honey: #f0c869;--pp-ink: #4a3f38;--pp-ink-soft: #7a6a5f;--pp-line: rgba(122, 96, 74, .18);--pp-card: rgba(255, 250, 243, .94);--pp-shadow: 0 10px 34px rgba(90, 62, 40, .22);--pp-r: 18px;--pp-font: "Avenir Next Rounded", "Avenir Next", ui-rounded, "Nunito", "Quicksand", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--pp-scale: 1}html,body.pp-body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#f3e2cc;font-family:var(--pp-font);color:var(--pp-ink);-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none}#pp-root{position:fixed;inset:0}#pp-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#pp-ui{position:absolute;inset:0;pointer-events:none;font-size:calc(15px * var(--pp-scale))}#pp-ui *{box-sizing:border-box}#pp-boot{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(120% 90% at 20% 0%,#fbe7cd,#fbe7cd00 60%),linear-gradient(180deg,#f9ecd8,#f3d9b8 55%,#eccca8);transition:opacity .6s ease}#pp-boot.pp-hidden{opacity:0;pointer-events:none}.pp-boot-inner{text-align:center;color:#6d543f}.pp-boot-inner h1{font-size:clamp(24px,5vw,40px);letter-spacing:2px;margin:18px 0 6px;font-weight:800}.pp-boot-inner h1 b{color:#e8935c}.pp-boot-inner p{color:#9a7c60;letter-spacing:.6px}.pp-boot-inner a{color:#c96f5a;font-weight:700}.pp-boot-paw{position:relative;width:86px;height:86px;margin:0 auto;animation:pp-paw-bob 1.6s ease-in-out infinite}.pp-boot-paw i{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:52px;height:40px;background:#e8935c;border-radius:46% 46% 50% 50%}.pp-boot-paw span{position:absolute;top:12px;width:20px;height:26px;background:#e8935c;border-radius:50%}.pp-boot-paw span:nth-child(1){left:2px;top:22px}.pp-boot-paw span:nth-child(2){left:33px;top:8px}.pp-boot-paw span:nth-child(3){right:2px;top:22px}@keyframes pp-paw-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.pp-boot-inner em{display:block;width:160px;height:5px;margin:14px auto 12px;border-radius:4px;background:#7a604a2e;overflow:hidden;position:relative}.pp-boot-inner em:after{content:"";position:absolute;left:-40%;top:0;bottom:0;width:40%;border-radius:4px;background:#e8935c;animation:pp-boot-bar 1.2s ease-in-out infinite}@keyframes pp-boot-bar{to{left:100%}}.pp-noscript{position:absolute;inset:0;display:grid;place-items:center;background:#f9ecd8;color:#6d543f;font-size:18px;z-index:70}.pp-layer{position:absolute;inset:0;pointer-events:none}.pp-layer>*{pointer-events:auto}.pp-hidden{display:none!important}.pp-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--pp-font);font-weight:700;color:var(--pp-ink);border-radius:14px;padding:9px 15px;font-size:calc(14px * var(--pp-scale));background:var(--pp-card);border:1.5px solid var(--pp-line);box-shadow:0 3px 10px #5a3e2821;transition:transform .1s ease,box-shadow .15s ease,background .15s ease;user-select:none;-webkit-user-select:none}.pp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5a3e282e}.pp-btn:active{transform:translateY(1px) scale(.98)}.pp-btn:focus-visible{outline:3px solid #e8935c;outline-offset:2px}.pp-primary{background:linear-gradient(180deg,#f2a06b,#e8935c);color:#fff;border-color:#d97f47;text-shadow:0 1px 0 rgba(0,0,0,.12)}.pp-primary:hover{background:linear-gradient(180deg,#f4ab7b,#eda06d)}.pp-soft{background:#fdf2e2;border-color:#ecd9bc}.pp-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--pp-ink-soft)}.pp-danger{background:#f7d9d4;border-color:#e4a89e;color:#a5473a}.pp-btn.big{padding:13px 22px;font-size:calc(16px * var(--pp-scale));border-radius:17px}.pp-block{display:flex;width:100%;margin-top:10px}.pp-ic{width:1.25em;height:1.25em;flex:none}.pp-icon-btn{width:44px;height:44px;padding:0;border-radius:13px;position:relative}.pp-icon-btn .pp-ic{width:22px;height:22px}.pp-badge{position:absolute;top:-5px;right:-5px;background:#e46a5c;color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;font-style:normal}.pp-chip{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 13px;border-radius:99px;font-weight:700;font-size:calc(13px * var(--pp-scale));font-family:var(--pp-font);background:#fbf0dd;border:1.5px solid var(--pp-line);color:var(--pp-ink)}.pp-chip:focus-visible{outline:3px solid #e8935c;outline-offset:1px}.pp-chip.on{background:#e8935c;border-color:#d97f47;color:#fff}.pp-chip.off{opacity:.45}.pp-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.pp-swatch{all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 1.5px var(--pp-line),0 2px 6px #5a3e2833}.pp-swatch.on{box-shadow:0 0 0 3px #e8935c,0 2px 8px #5a3e284d}.pp-swatch:focus-visible{outline:3px solid #e8935c;outline-offset:2px}.pp-toggle{all:unset;box-sizing:border-box;cursor:pointer;min-width:64px;text-align:center;padding:7px 14px;border-radius:99px;font-weight:800;font-family:var(--pp-font);font-size:calc(13px * var(--pp-scale));background:#efe4d2;color:#9a8468;border:1.5px solid var(--pp-line)}.pp-toggle.on{background:#9ec49a;color:#fff;border-color:#86ad82}.pp-toggle:focus-visible{outline:3px solid #e8935c;outline-offset:1px}.pp-input,.pp-select{box-sizing:border-box;font-family:var(--pp-font);font-size:calc(15px * var(--pp-scale));font-weight:600;color:var(--pp-ink);background:#fffdf8;border:1.5px solid var(--pp-line);border-radius:12px;padding:10px 12px;width:100%}.pp-select{width:auto}.pp-input:focus-visible,.pp-select:focus-visible,.pp-range:focus-visible{outline:3px solid #e8935c;outline-offset:1px}.pp-range{accent-color:#e8935c;width:150px}.pp-label{font-size:calc(11.5px * var(--pp-scale));font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--pp-ink-soft);margin:14px 2px 5px}.pp-dim{color:var(--pp-ink-soft)}.pp-h2{margin:0 0 8px;font-size:calc(21px * var(--pp-scale))}.pp-pad{padding:8px 2px}.pp-center{justify-content:center}.pp-tag{display:inline-block;background:#f5e3cd;border-radius:8px;padding:2px 8px;margin:0 4px 3px 0;font-size:.86em}.pp-empty{color:var(--pp-ink-soft);padding:10px 4px}.pp-title{display:grid;place-items:center;overflow-y:auto;padding:20px;background:radial-gradient(120% 90% at 80% 10%,#fff3e080,#fff3e000 55%);pointer-events:auto}.pp-title-card{width:min(480px,94vw);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:26px;box-shadow:var(--pp-shadow);padding:26px 26px 20px;backdrop-filter:blur(6px)}.pp-title-logo{display:flex;align-items:center;gap:14px}.pp-title-logo h1{margin:0;font-size:clamp(24px,5vw,33px);line-height:1.06;letter-spacing:.4px}.pp-title-logo h1 b{color:var(--pp-terra)}.pp-logo-paw{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:20px;background:linear-gradient(150deg,#f7c59f,#e8935c);box-shadow:0 6px 18px #d97f4766}.pp-logo-paw .pp-ic{width:38px;height:38px;color:#fff}.pp-title-sub{color:var(--pp-ink-soft);margin:12px 0 18px}.pp-title-btns{display:flex;flex-direction:column;gap:10px}.pp-back-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--pp-ink-soft);font-weight:700;text-decoration:none}.pp-back-link:hover{color:var(--pp-terra)}.pp-starter-info{background:#fbf0dd;border-radius:14px;padding:4px 14px;margin:10px 0}.pp-starter-info p{margin:9px 0}.pp-name-wrap{display:flex;gap:8px}.pp-name-wrap .pp-input{flex:1}.pp-hud{z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 12px 0}.pp-topbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}.pp-topleft{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.pp-topright{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto;min-width:0}.pp-bottomleft{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}.pp-ident{background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:16px;box-shadow:0 3px 10px #5a3e2821;padding:8px 14px;pointer-events:auto}.pp-sanc-name{font-weight:800;font-size:calc(14px * var(--pp-scale));max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-level-wrap{display:flex;align-items:center;gap:8px;margin-top:3px}.pp-level-chip{font-size:calc(11px * var(--pp-scale));font-weight:800;background:#f0c869;color:#6d4f1d;padding:1px 8px;border-radius:99px}.pp-xp-bar{width:84px;height:7px;border-radius:5px;background:#efe0ca;overflow:hidden;display:inline-block}.pp-xp-bar i{display:block;height:100%;background:linear-gradient(90deg,#f0c869,#e8935c);border-radius:5px;transition:width .4s ease}.pp-chip-btn{gap:8px;border-radius:15px;padding:9px 14px;font-size:calc(13.5px * var(--pp-scale));min-height:44px}.pp-chip-btn .pp-ic{width:19px;height:19px;color:var(--pp-terra);flex:none}.pp-coins b{color:#a5762a}.pp-hab-btn .pp-ic{color:#6f9a5d}.pp-petcard{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(560px,calc(100vw - 24px));background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:20px;box-shadow:var(--pp-shadow);padding:10px 12px 12px;pointer-events:auto}.pp-petcard-head{display:flex;align-items:center;gap:8px}.pp-petname{flex:1;justify-content:flex-start;background:transparent;border-color:transparent;box-shadow:none;padding:4px 8px;gap:10px}.pp-petname b{font-size:calc(16px * var(--pp-scale))}.pp-petname span{color:var(--pp-ink-soft);font-size:calc(12px * var(--pp-scale));font-weight:600}.pp-hearts{display:inline-flex;align-items:center;gap:4px;color:#e46a8a;font-weight:800}.pp-hearts .pp-ic{width:17px;height:17px}.pp-sick-chip{display:inline-flex;align-items:center;gap:4px;background:#f7d9d4;color:#a5473a;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800}.pp-sick-chip .pp-ic{width:14px;height:14px}.pp-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 10px;margin:8px 2px 9px}.pp-need{display:flex;align-items:center;gap:6px;font-size:calc(11.5px * var(--pp-scale));font-weight:700;color:var(--pp-ink-soft)}.pp-need .pp-ic{width:15px;height:15px;flex:none}.pp-need.good .pp-ic{color:#7fae72}.pp-need.mid .pp-ic{color:#e0a23f}.pp-need.low .pp-ic{color:#d96a5a}.pp-need-label{width:62px;flex:none}.pp-need-bar{flex:1;height:8px;border-radius:5px;background:#efe0ca;overflow:hidden;min-width:30px}.pp-need-bar i{display:block;height:100%;border-radius:5px;transition:width .5s ease;background:#9ec49a}.pp-need.mid .pp-need-bar i{background:#f0c869}.pp-need.low .pp-need-bar i{background:#e08a7a}.pp-need-num{width:26px;text-align:right;font-variant-numeric:tabular-nums}.pp-actions-wrap{position:relative;display:flex;align-items:center;gap:2px}.pp-actions{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:none;flex:1;min-width:0;scroll-behavior:smooth}.pp-actions::-webkit-scrollbar{display:none}.pp-actions.pp-busy{opacity:.45;pointer-events:none}.pp-actions:focus-visible{outline:2px solid #e8935c;outline-offset:2px;border-radius:13px}.pp-actions-wrap.pp-actions-scrollable .pp-actions{mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.pp-actions-arrow{width:30px;height:30px;border-radius:50%;flex:none;padding:0}.pp-actions-arrow .pp-ic{width:15px;height:15px}.pp-action{flex-direction:column;gap:3px;padding:7px 10px;min-width:62px;border-radius:13px;font-size:calc(11px * var(--pp-scale));scroll-snap-align:start}.pp-action .pp-ic{width:20px;height:20px;color:var(--pp-terra)}.pp-action.pp-warn .pp-ic{color:#d96a5a}.pp-busy-note{text-align:center;color:var(--pp-ink-soft);font-size:12px;font-weight:700;padding-top:4px}.pp-panel-veil{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#4a372659;backdrop-filter:blur(3px);pointer-events:auto;animation:pp-fade .16s ease-out}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}.pp-panel{width:min(560px,calc(100vw - 20px));max-height:min(78vh,640px);display:flex;flex-direction:column;background:var(--pp-paper);border:1.5px solid var(--pp-line);border-radius:22px;box-shadow:var(--pp-shadow);overflow:hidden;animation:pp-pop .2s ease-out}@keyframes pp-pop{0%{transform:translateY(14px) scale(.98);opacity:.5}to{transform:none;opacity:1}}.pp-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1.5px solid var(--pp-line)}.pp-panel-title{font-size:calc(18px * var(--pp-scale));font-weight:800}.pp-panel-body{overflow-y:auto;padding:6px 16px 18px;position:relative}.pp-shop-header{position:sticky;top:0;z-index:5;background:var(--pp-paper);margin:calc(-1*max(6px,env(safe-area-inset-top,0px))) -16px 0;padding:max(6px,env(safe-area-inset-top,0px)) 16px 6px;box-shadow:0 6px 10px -8px #5a3e2859}.pp-shop-search{margin-bottom:2px}.pp-shop-search .pp-input{padding:8px 12px;font-size:calc(13.5px * var(--pp-scale))}.pp-shop-tabs{margin:6px 0 2px}.pp-shop-filters{margin:2px 0 8px}.pp-list{display:flex;flex-direction:column;gap:7px}.pp-item{display:flex;align-items:center;gap:11px;background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:15px;padding:9px 11px}.pp-item.locked{opacity:.55}.pp-item.pp-done{background:#eef4e8;border-color:#cfe0c4}.pp-item.pp-dim-item{opacity:.6}.pp-item-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;background:#fbf0dd;border-radius:12px}.pp-item-icon .pp-ic{width:22px;height:22px;color:var(--pp-terra)}.pp-item-main{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.pp-item-main b{font-size:calc(14px * var(--pp-scale))}.pp-item-main small{color:var(--pp-ink-soft);font-size:calc(12px * var(--pp-scale))}.pp-item-side{display:flex;align-items:center;gap:7px;flex:none}.pp-item-side em{color:var(--pp-ink-soft);font-weight:800;font-style:normal}.pp-buy{padding:7px 11px;font-size:calc(12.5px * var(--pp-scale))}.pp-buy.off{opacity:.5}.pp-locktag{background:#efe4d2;color:#9a8468;font-weight:800;font-size:11.5px;border-radius:99px;padding:4px 10px;white-space:nowrap}.pp-shop-row{cursor:pointer}.pp-shop-row.pp-item-selected{border-color:var(--pp-terra);box-shadow:0 0 0 2px #e8935c4d}.pp-owned-tag{color:#7fae72!important;font-weight:700}.pp-sell-btn{color:#a5762a}.pp-warn-text{color:#c9663a}.pp-section{margin-bottom:8px}.pp-ms{display:flex;align-items:center;gap:8px;padding:6px 4px;font-weight:600;color:var(--pp-ink-soft)}.pp-ms .pp-ic{width:17px;height:17px;color:#cbb89a}.pp-ms.done{color:var(--pp-ink)}.pp-ms.done .pp-ic{color:#7fae72}.pp-ms em{margin-left:auto;font-style:normal;font-weight:800}.pp-trick-bar{max-width:150px;height:7px;margin:3px 0}.pp-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;padding:8px 0}.pp-profile-grid>div{display:flex;flex-direction:column}.pp-profile-grid .pp-dim{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.pp-setting{justify-content:space-between}.pp-gift{background:#fdf3dc;border-color:#eeda9e}.pp-toasts{position:absolute;top:66px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:40;pointer-events:none;width:min(430px,92vw)}.pp-toast{display:flex;align-items:center;gap:9px;background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:14px;box-shadow:var(--pp-shadow);padding:9px 16px;font-weight:700;font-size:calc(13.5px * var(--pp-scale));opacity:0;transform:translateY(-8px);transition:all .3s ease;max-width:100%}.pp-toast.show{opacity:1;transform:none}.pp-toast .pp-ic{width:19px;height:19px;flex:none;color:var(--pp-terra)}.pp-toast-achievement{background:#fdf3dc;border-color:#eeda9e}.pp-toast-achievement .pp-ic{color:#cf9c2c}.pp-toast-level{background:#f4e8fb;border-color:#d9c2ec}.pp-toast-level .pp-ic{color:#9a6ac0}.pp-toast-quest .pp-ic,.pp-toast-coins .pp-ic{color:#7fae72}.pp-toast-growth{background:#fbe8ef;border-color:#ecc2d2}.pp-toast-growth .pp-ic{color:#e46a8a}.pp-caption{position:absolute;bottom:132px;left:50%;transform:translate(-50%);background:#3c2d22d1;color:#fff7ea;border-radius:99px;padding:6px 16px;font-weight:700;font-size:calc(13px * var(--pp-scale));opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:20;max-width:88vw;text-align:center}.pp-caption.show{opacity:1}.pp-welcome-veil{position:absolute;inset:0;z-index:45;display:grid;place-items:center;background:#4a372666;backdrop-filter:blur(3px);pointer-events:auto;animation:pp-fade .2s ease-out}.pp-welcome{width:min(430px,calc(100vw - 28px));max-height:80vh;overflow-y:auto;background:var(--pp-paper);border:1.5px solid var(--pp-line);border-radius:22px;box-shadow:var(--pp-shadow);padding:22px 22px 18px;text-align:center;animation:pp-pop .24s ease-out}.pp-welcome-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:7px}.pp-welcome-list li{background:#fbf0dd;border-radius:12px;padding:9px 13px;font-weight:600}.pp-streak{display:flex;align-items:center;justify-content:center;gap:7px;color:#a5762a;font-weight:800}.pp-streak .pp-ic{width:18px;height:18px;color:#f0c869}.pp-photobar,.pp-placebar,.pp-editbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:10;background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:18px;box-shadow:var(--pp-shadow);padding:11px 14px;pointer-events:auto;max-width:calc(100vw - 20px)}.pp-placebar,.pp-editbar{flex-direction:row;flex-wrap:wrap;justify-content:center}.pp-photorow{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.pp-place-name{font-weight:800;font-size:calc(13px * var(--pp-scale))}.pp-edit-hint{font-weight:700;font-size:calc(12.5px * var(--pp-scale));color:#7fae72}.pp-edit-hint.pp-edit-bad{color:#c9663a}.pp-soft.on{background:#e8935c;border-color:#d97f47;color:#fff}.pp-photo-hide .pp-petcard,.pp-photo-hide .pp-bottomleft,.pp-photo-hide .pp-topleft,.pp-photo-hide .pp-topright{display:none}.pp-mg{z-index:22;pointer-events:none}.pp-mg-top{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;pointer-events:auto;background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:16px;box-shadow:var(--pp-shadow);padding:8px 14px;z-index:3;max-width:calc(100vw - 16px)}.pp-mg-name{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:calc(14px * var(--pp-scale));white-space:nowrap}.pp-mg-name .pp-ic{width:19px;height:19px;color:var(--pp-terra)}.pp-mg-score{font-weight:900;font-size:calc(19px * var(--pp-scale));color:var(--pp-terra);min-width:34px;text-align:center}.pp-mg-score.pop,.pp-mg-count.pop,.pp-mg-toy.pop{animation:pp-score-pop .3s ease}@keyframes pp-score-pop{40%{transform:scale(1.35)}}.pp-mg-time{font-weight:800;color:var(--pp-ink-soft);font-variant-numeric:tabular-nums}.pp-mg-stage{position:absolute;inset:0;pointer-events:auto;touch-action:none}.pp-mg-count{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:84px;font-weight:900;color:#fff;text-shadow:0 4px 24px rgba(90,62,40,.55);pointer-events:none}.pp-mg-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#3c2d22bf;color:#fff7ea;border-radius:99px;padding:7px 16px;font-weight:700;font-size:13px;white-space:nowrap;max-width:92vw;text-align:center;pointer-events:none}.pp-mg-charge{position:absolute;bottom:26px;left:50%;transform:translate(-50%);width:min(300px,76vw);height:40px;border-radius:14px;overflow:hidden;background:var(--pp-card);border:1.5px solid var(--pp-line);box-shadow:var(--pp-shadow);pointer-events:none}.pp-mg-charge i{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#f0c869,#e8935c);transition:width .05s linear}.pp-mg-charge span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--pp-ink)}.pp-mg-cards{display:grid;place-items:center;background:#4a37264d;backdrop-filter:blur(2px)}.pp-mg-cardwrap{background:var(--pp-paper);border:1.5px solid var(--pp-line);border-radius:22px;box-shadow:var(--pp-shadow);padding:20px;text-align:center;max-width:min(430px,94vw)}.pp-mg-prompt{font-weight:800;font-size:calc(16px * var(--pp-scale));margin:4px 0 14px}.pp-mg-cardrow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pp-mg-toy{font-size:64px;line-height:1;margin:6px 0 16px}.pp-mg-basket{width:92px;height:74px;border-radius:16px;color:#fff;font-weight:800;flex-direction:column;border:none;text-shadow:0 1px 2px rgba(0,0,0,.25)}.pp-mg-canvas{border-radius:16px;box-shadow:0 6px 18px #5a3e2840;max-width:86vw;touch-action:none}.pp-mg-shellrow{position:relative;height:90px;align-items:center}.pp-mg-shell{font-size:42px;background:transparent;border:none;box-shadow:none;transition:transform .4s ease;position:relative}.pp-mg-pearl{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);color:#e46a8a;font-size:30px}.pp-mg-napcard{padding:14px 18px;font-size:calc(15px * var(--pp-scale))}.pp-mg-snapbtn{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:17px;padding:13px 26px}.pp-mg-star{position:absolute;top:76px;left:50%;transform:translate(-50%);opacity:.22;transition:all .15s ease}.pp-mg-star .pp-ic{width:54px;height:54px;color:#cbb89a}.pp-mg-star.lit{opacity:1;transform:translate(-50%) scale(1.18)}.pp-mg-star.lit .pp-ic{color:#f0c869;filter:drop-shadow(0 0 12px rgba(240,200,105,.8))}.pp-mg-rhythm{background:#4a372640}.pp-mg-field{position:absolute;top:70px;bottom:120px;left:50%;transform:translate(-50%);width:min(340px,86vw);display:flex;gap:10px}.pp-mg-lane{flex:1;position:relative;background:#fffaf359;border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,255,255,.4)}.pp-mg-lane:after{content:"";position:absolute;left:6px;right:6px;top:84%;height:4px;border-radius:3px;background:#e8935cd9}.pp-mg-note{position:absolute;left:50%;transform:translate(-50%);top:-10%}.pp-mg-note .pp-ic{width:34px;height:34px;color:#fff;filter:drop-shadow(0 2px 6px rgba(90,62,40,.4))}.pp-mg-lanebtns{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px}.pp-mg-lanebtn{width:76px;height:58px;border-radius:18px}.pp-mg-lanebtn .pp-ic{width:26px;height:26px;color:var(--pp-terra)}.pp-mg-final{font-size:calc(20px * var(--pp-scale));font-weight:900;color:var(--pp-terra);margin:6px 0}body.pp-contrast{--pp-ink: #241a12;--pp-ink-soft: #4a3a2c;--pp-line: rgba(60, 42, 26, .55);--pp-card: #fffdf9;--pp-paper: #fffefb}body.pp-contrast .pp-btn{border-width:2px}body.pp-contrast .pp-need-bar{border:1px solid rgba(60,42,26,.4)}body.pp-large{--pp-scale: 1.18}body.pp-large .pp-icon-btn{width:52px;height:52px}body.pp-large .pp-action{min-width:76px;padding:10px 12px}body.pp-simple .pp-quest-btn,body.pp-simple .pp-bottomleft .pp-chip-btn:nth-child(n+4){display:none}body.pp-reduced *{transition-duration:.01s!important;animation-duration:.01s!important}body.pp-reduced .pp-boot-paw{animation:none}@media(max-width:760px){.pp-hud{padding:10px 10px 0;gap:6px}.pp-topbar,.pp-topleft,.pp-topright,.pp-bottomleft{gap:6px}.pp-needs{grid-template-columns:repeat(2,1fr)}.pp-need-label{width:56px}.pp-panel{width:100vw;max-height:86vh;border-radius:22px 22px 0 0;align-self:end}.pp-panel-veil{place-items:end center}.pp-petcard{bottom:8px}.pp-chip-btn{padding:8px 11px}.pp-chip-btn b{font-size:12px}}@media(max-width:470px){.pp-sanc-name{max-width:120px}.pp-actions{flex-wrap:nowrap}}@media(max-width:420px){.pp-chip-btn{padding:0 12px;min-width:44px}.pp-chip-btn b{display:none}.pp-chip-btn .pp-ic{width:20px;height:20px}.pp-coins b{display:inline}.pp-sanc-name{max-width:96px}.pp-xp-bar{width:60px}}@media(min-width:761px){.pp-title{justify-content:flex-start;display:flex;align-items:center;padding-left:5vw}}.pp-adopt-preview{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px 0}.pp-adopt-preview .pp-preview-canvas{width:200px;height:200px;max-width:56vw;border-radius:18px;background:radial-gradient(circle at 50% 38%,#fdf3e2,#f5e3c8 62%,#eed6b6);box-shadow:inset 0 0 0 2px #5a3e2814,0 3px 10px #5a3e281f}.pp-preview-note{text-align:center}