:root{--bg:#E8F5E9;--pnl:#FFF8E7;--card:#F0E6D0;--warm:#E8D8C0;--hi:#D4C4A8;--text:#3D2B1F;--t2:#5A4030;--mut:#8A7A68;--lt:#B0A090;--org:#E8734A;--pnk:#E87A96;--grn:#6BBF6B;--blu:#6AAED6;--pur:#A080C8;--yel:#D4943C;--red:#D44040;--brd:rgba(0,0,0,.08);--brd2:rgba(0,0,0,.12);--sh:0 2px 8px rgba(0,0,0,.12);--r:6px;--rl:10px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:"Baloo 2",sans-serif}button{font-family:Quicksand;cursor:pointer;border:none;outline:none;transition:all .12s}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:not-allowed;opacity:.35}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c0b8a8;border-radius:5px}img{display:inline-block;vertical-align:middle;image-rendering:pixelated}b{font-weight:700}@keyframes lp{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lb{0%{width:0}to{width:100%}}.load-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg)}.ld-img{width:64px;height:64px;animation:lp 1.5s ease-in-out infinite}.ld-title{font-family:"Baloo 2";font-size:28px;font-weight:800;color:var(--yel)}.ld-bar{width:200px;height:6px;background:var(--card);border-radius:6px;overflow:hidden}.ld-fill{height:100%;background:var(--grn);animation:lb 2s ease infinite}.welcome{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg)}.welcome-box{background:var(--pnl);border:2px solid var(--brd2);border-radius:var(--rl);padding:36px 28px;max-width:460px;width:100%;text-align:center;box-shadow:var(--sh)}.welcome-box:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#8bc88b,#b8d088,#e8c870,#d4946c,#88b8d8);margin:-36px -28px 18px;border-radius:var(--rl) var(--rl) 0 0}.w-title{font-size:30px;font-weight:800;color:#68a868}.w-sub{font-size:13px;color:var(--mut);margin-bottom:20px;line-height:1.6}.w-features{text-align:left;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:12px 16px;margin-bottom:16px;font-size:12px;line-height:2;color:var(--t2)}.w-input{width:100%;padding:10px 14px;border:2px solid var(--brd2);border-radius:var(--r);font-size:15px;font-weight:600;text-align:center;margin-bottom:12px;color:var(--text);background:var(--card);outline:none}.w-input:focus{border-color:var(--org)}.w-btn{padding:12px 36px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:16px;font-weight:800;font-family:"Baloo 2"}.w-dog{width:96px;height:96px;image-rendering:pixelated;display:block;margin:0 auto 8px}.w-fi{width:16px;height:16px;image-rendering:pixelated;vertical-align:middle;margin-right:4px}.game{display:flex;flex-direction:column;height:100vh;overflow:hidden}.hud{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--pnl);border-bottom:2px solid var(--brd2);flex-shrink:0}.hud-l{display:flex;align-items:center;gap:6px}.hud-n{font-family:"Baloo 2";font-size:18px;color:#68a868}.hud-d{font-size:10px;color:var(--mut);margin-left:4px}.hud-c{display:flex;gap:5px;margin-left:auto}.res{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:5px 10px;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;white-space:nowrap}.ri{width:18px;height:18px}.rep{display:flex;align-items:center;gap:4px;background:var(--card);border:1px solid;border-radius:var(--r);padding:4px 8px;font-size:10px;font-weight:800}.rep-b{width:40px;height:5px;background:var(--bg);border-radius:5px;overflow:hidden}.rep-f{height:100%;border-radius:5px;transition:width .5s}.hud-r{display:flex;align-items:center;gap:8px;margin-left:10px}.mu{background:none;padding:3px}.hd{font-family:"Baloo 2";font-size:13px;color:var(--t2)}.nd{padding:5px 14px;background:linear-gradient(135deg,#8bc88b,#68a868);color:#fff;border-radius:var(--r);font-size:12px;font-weight:800;font-family:"Baloo 2";box-shadow:0 2px 8px #68a8684d}.tabs{display:flex;gap:2px;padding:3px 10px;background:var(--pnl);border-bottom:1px solid var(--brd);flex-shrink:0}.tab{display:flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--r) var(--r) 0 0;font-size:14px;font-weight:700;color:var(--mut);background:transparent;position:relative}.tab:hover{color:var(--t2);background:var(--card)}.tab.on{color:var(--org);background:var(--bg);border:1px solid var(--brd);border-bottom:1px solid var(--bg)}.tab-i{width:16px;height:16px}.tb{background:var(--red);color:#fff;font-size:8px;font-weight:800;padding:1px 5px;border-radius:50px;margin-left:3px}.main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0}.world{display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100vh - 120px);max-height:calc(100vh - 120px)}.cw{flex:1;display:flex;background:#82d082;overflow:hidden;padding:0;min-height:0}.game-canvas{image-rendering:pixelated;image-rendering:crisp-edges;border:none;width:100%;height:100%;display:block;object-fit:contain}.ql{display:flex;gap:3px;padding:3px 10px;background:var(--pnl);border-top:1px solid var(--brd);overflow-x:auto;flex-shrink:0}.qi{display:flex;align-items:center;gap:4px;padding:5px 10px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);font-size:13px;font-weight:600;color:var(--t2);white-space:nowrap;flex-shrink:0}.qi:hover{background:var(--warm)}.qi.s{border-color:var(--org);color:var(--org)}.qi.u{border-color:var(--red)}.qs{font-family:"Baloo 2";font-size:10px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e0d4c0;color:#d07030}.qn{font-weight:700}.qa{font-size:9px;color:var(--mut)}.tb2{display:flex;justify-content:center;gap:3px;padding:4px 8px;background:var(--pnl);border-top:2px solid var(--brd2);flex-shrink:0}.tl{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;background:var(--card);border:2px solid var(--brd);border-radius:var(--r);min-width:54px}.tl:hover{border-color:var(--t2);background:var(--warm)}.tl.on{border-color:var(--org);background:#e8d8c0;box-shadow:0 0 10px #e8734a33}.tl.on:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:8px;height:3px;background:var(--yel);border-radius:2px}.tli{width:26px;height:26px}.tll{font-size:10px;font-weight:700;color:var(--t2)}.tlk{position:absolute;top:2px;right:3px;font-size:7px;font-weight:800;color:var(--mut);background:var(--bg);padding:0 3px;border-radius:2px}@keyframes apS{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.ap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:stretch;justify-content:flex-end}.ap{width:320px;overflow-y:auto;background:var(--pnl);border-left:2px solid var(--brd2);padding:16px;animation:apS .25s ease;position:relative}.ap-x{position:absolute;top:6px;right:8px;background:var(--card);color:var(--mut);font-size:14px;padding:3px 8px;border-radius:var(--r);border:1px solid var(--brd)}.ap-portrait{display:flex;justify-content:center;padding:10px;background:var(--card);border-radius:var(--r);margin-bottom:10px;position:relative;border:2px solid var(--brd)}@keyframes ug{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #e54d424d}}.ap-portrait.urg{border-color:var(--red);animation:ug 2s ease-in-out infinite}.ap-img{width:80px;height:80px}.ap-rarity{position:absolute;top:6px;right:8px;font-size:8px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:50px;background:var(--warm);color:var(--t2);border:1px solid var(--brd)}.ap-hdr{text-align:center;margin-bottom:10px}.ap-hdr h2{font-size:17px;color:var(--yel)}.ap-breed{font-size:11px;color:var(--mut)}.ap-tags{display:flex;gap:3px;justify-content:center;margin-top:3px;flex-wrap:wrap}.ap-tag{padding:2px 7px;border-radius:50px;font-size:8px;font-weight:800;text-transform:uppercase;background:var(--card);color:var(--t2);border:1px solid var(--brd)}.ap-tag.dog{color:#d07030}.ap-tag.cat{color:#ce93d8}.ap-tag.rabbit{color:#81c784}.ap-tag.age{color:var(--yel)}.ap-tag.pers{color:var(--blu)}.ap-days{font-size:9px;color:var(--mut);margin-top:3px}.ap-stats{margin-bottom:10px}.ap-stat{display:flex;align-items:center;gap:4px;margin-bottom:4px}.ap-si{width:12px;height:12px}.ap-sl{font-size:10px;font-weight:700;width:50px;color:var(--t2)}.ap-sb{flex:1;height:8px;background:var(--card);border-radius:8px;overflow:hidden;border:1px solid var(--brd)}.ap-sf{height:100%;border-radius:8px;transition:width .4s}.ap-sv{font-size:10px;font-weight:800;width:24px;text-align:right;color:var(--t2)}.crit{color:var(--red)!important}.ap-acts{display:grid;grid-template-columns:1fr 1fr;gap:4px}.apb{display:flex;align-items:center;justify-content:center;gap:3px;padding:8px 5px;border-radius:var(--r);font-size:11px;font-weight:800;color:#fff}.apb:hover:not(:disabled){filter:brightness(1.1)}.apb-i{width:14px;height:14px}.apb-c{font-size:8px;opacity:.7;margin-left:2px}.apb.clean{background:linear-gradient(135deg,#88c8e8,#5898c0)}.apb.walk{background:linear-gradient(135deg,#8bc88b,#5ea85e)}.apb.feed{background:linear-gradient(135deg,#e8a870,#c88050)}.apb.heal{background:linear-gradient(135deg,#c8a8d8,#9878b0)}.apb.train{background:linear-gradient(135deg,#e8c870,#c8a040)}.apb.adopt{grid-column:span 2;background:linear-gradient(135deg,#d4946c,#c07858);font-size:13px;padding:10px}.coll-panel{padding:18px 24px}.coll-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.coll-hi{width:22px;height:22px}.coll-title{font-family:"Baloo 2";font-size:22px;font-weight:700;color:#68a868}.coll-sub{font-size:12px;color:var(--mut)}.coll-bar{height:10px;background:var(--card);border-radius:8px;overflow:hidden;margin-bottom:16px;border:1px solid var(--brd)}.coll-fill{height:100%;background:linear-gradient(90deg,#8bc88b,#68a868);border-radius:8px;transition:width .5s}.coll-section{margin-bottom:16px}.coll-sp-hdr{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--brd)}.coll-sp-name{font-family:"Baloo 2";font-size:18px;font-weight:700;color:var(--t2)}.coll-sp-count{font-size:12px;color:var(--mut)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.coll-item{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:12px 8px;text-align:center}.coll-item.locked{opacity:.4;filter:grayscale(.6)}.coll-item.adopted{border-color:var(--pnk)}.coll-item.rare{border-color:#ffb74d4d}.ci-name{font-weight:700;color:var(--text);font-size:12px;margin-bottom:3px}.ci-rarity{font-size:10px;font-weight:800;text-transform:uppercase;padding:1px 5px;border-radius:50px;display:inline-block}.ci-rarity.common{color:var(--mut)}.ci-rarity.uncommon{color:var(--grn)}.ci-rarity.rare{color:#ffb74d}.ci-badge{width:12px;height:12px;margin-left:2px}.ci-lock{width:24px;height:24px;margin-bottom:3px;opacity:.5}.card{background:var(--pnl);border:1px solid var(--brd);border-radius:var(--rl);padding:18px;margin:12px 20px}.card-hdr{font-family:"Baloo 2";font-size:16px;font-weight:700;color:#68a868;display:flex;align-items:center;gap:6px;margin-bottom:10px}.hdr-count{margin-left:auto;font-size:10px;color:var(--mut)}.empty-msg{text-align:center;padding:20px;color:var(--mut);font-size:12px}.fac-bar{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:8px 10px;margin:10px 14px;display:flex;gap:8px;flex-wrap:wrap;font-size:11px;font-weight:700;color:var(--t2)}.fac-level{margin-right:3px}.fac-item{display:flex;align-items:center;gap:3px}.fac-item.on{color:var(--grn)}.fac-item.off{color:var(--lt)}.fac-ico{width:14px;height:14px;image-rendering:pixelated}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:0 14px 14px}@keyframes ci{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.u-card{background:var(--pnl);border:2px solid var(--brd);border-radius:var(--rl);padding:18px 14px;text-align:center;animation:ci .3s ease both}.u-card:hover:not(.built){border-color:var(--org)}.u-card.built{opacity:.5;border-color:var(--grn)}.u-icon{margin-bottom:5px;text-align:center}.u-ico-img{width:36px;height:36px;image-rendering:pixelated}.u-name{font-family:"Baloo 2";font-size:14px;font-weight:700;color:#68a868;margin-bottom:3px}.u-desc{font-size:10px;color:var(--mut);margin-bottom:6px;line-height:1.4}.u-effect{font-size:9px;color:var(--pur);font-weight:700;background:var(--card);padding:2px 8px;border-radius:50px;display:inline-block;margin-bottom:6px;border:1px solid var(--brd)}.u-btn{padding:7px 16px;border-radius:var(--r);font-weight:800;font-size:11px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff}.u-built{color:var(--grn);font-weight:800;font-size:12px}.adopted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:0 20px 20px}.adopted-item{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:8px 5px;text-align:center}.ai-species{font-size:20px}.ai-name{font-weight:700;font-size:13px}.ai-breed{font-size:9px;color:var(--mut)}.ai-family{font-size:9px;color:var(--pnk);font-weight:700}.log-list{max-height:100%;overflow-y:auto;padding:0 20px 20px}.log-item{padding:8px 12px;border-radius:5px;margin-bottom:4px;font-size:13px;background:var(--card);border-left:3px solid var(--brd);color:var(--t2)}.log-item.adoption{border-left-color:var(--pnk)}.log-item.rescue{border-left-color:var(--org)}.log-item.upgrade{border-left-color:var(--pur)}.log-item.clean{border-left-color:var(--blu)}.log-item.walk{border-left-color:var(--grn)}.log-item.feed{border-left-color:#ff8a65}.log-item.heal,.log-item.train{border-left-color:var(--pur)}.log-item.achievement{border-left-color:var(--yel)}.log-coins{font-size:9px;font-weight:700;margin-left:3px}.pos{color:var(--grn)}.neg{color:var(--red)}@keyframes fi{0%{opacity:0}to{opacity:1}}@keyframes mi{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes hb{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.07)}70%{transform:scale(1)}}@keyframes cr{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:14px;animation:fi .2s}.modal{background:var(--pnl);border:2px solid var(--brd2);border-radius:var(--rl);padding:20px;max-width:460px;width:100%;box-shadow:var(--sh);animation:mi .25s ease;max-height:82vh;overflow-y:auto}.modal h2{font-size:20px;text-align:center;margin-bottom:10px;color:#68a868}.modal-event{padding:10px 14px;background:var(--card);border-radius:var(--r);margin-bottom:5px;font-size:14px;text-align:center;color:var(--t2);border:1px solid var(--brd)}.ev-nums{margin-top:3px;font-size:10px;font-weight:700;display:flex;gap:8px;justify-content:center}.modal-btn{display:block;width:100%;padding:10px;margin-top:8px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:13px;font-weight:800;font-family:"Baloo 2"}.modal-btn.secondary{background:var(--card);color:var(--mut)}.modal-btns{display:flex;gap:5px;margin-top:8px}.modal-btns .modal-btn{flex:1}.adopt-modal{max-width:500px}.adopt-animal-info{background:var(--card);padding:6px 10px;border-radius:var(--r);margin-bottom:8px;font-size:11px;color:var(--t2);border:1px solid var(--brd)}.adopt-option{padding:8px;background:var(--card);border-radius:var(--r);margin-bottom:4px;cursor:pointer;border:2px solid transparent}.adopt-option:hover{border-color:var(--pnk)}.adopt-option.selected{border-color:var(--pnk);background:var(--warm)}.ao-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.ao-emoji{font-size:22px}.ao-name{font-weight:700;font-size:13px;color:var(--text)}.ao-desc{font-size:9px;color:var(--mut)}.ao-match{display:flex;align-items:center;gap:4px;margin-bottom:3px}.match-pct{font-size:10px;font-weight:800;width:32px}.match-pct.great{color:var(--grn)}.match-pct.good{color:var(--yel)}.match-pct.poor{color:var(--red)}.match-track{flex:1;height:4px;background:var(--card);border-radius:4px;overflow:hidden}.match-fill{height:100%;border-radius:4px}.match-fill.great{background:var(--grn)}.match-fill.good{background:var(--yel)}.match-fill.poor{background:var(--red)}.ao-prefs{display:flex;gap:3px;flex-wrap:wrap}.ao-pref{padding:2px 6px;border-radius:50px;font-size:9px;font-weight:700;background:var(--card);color:var(--blu);border:1px solid var(--brd)}.adopt-success{text-align:center}.adopt-hearts{font-size:22px;margin-bottom:4px;animation:hb 1.2s ease both}.adopt-stats{display:flex;gap:8px;justify-content:center;margin-top:6px;font-size:13px;font-weight:700}.ach-modal{position:relative;overflow:hidden}.ach-celebration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti-piece{position:absolute;top:-10px;width:5px;height:10px;border-radius:2px;animation:cr 1.5s ease both}.ach-content{text-align:center;position:relative;z-index:1}.ach-big-badge{font-size:48px;margin-bottom:4px;animation:hb 1s ease both}.ach-label{font-size:9px;font-weight:800;color:var(--yel);text-transform:uppercase;letter-spacing:2px}.ach-name{font-family:"Baloo 2";font-size:18px;font-weight:800;color:#3d2b1f;margin:3px 0}.ach-desc{font-size:11px;color:var(--mut)}.ach-reward{font-size:14px;color:var(--org);font-weight:800}@keyframes ti{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast{position:fixed;top:48px;left:50%;transform:translate(-50%);background:var(--pnl);padding:8px 20px;border-radius:var(--rl);box-shadow:var(--sh);z-index:300;font-weight:700;font-size:12px;animation:ti .25s ease;border:2px solid var(--brd);max-width:88vw;text-align:center}.toast.success{border-color:var(--grn);color:#2e7d32}.toast.error{border-color:var(--red);color:#c62828}.toast.info{border-color:var(--blu);color:#1565c0}@media(max-width:768px){.hud{padding:4px 8px;gap:6px}.hud-n{font-size:13px}.res{padding:3px 6px;font-size:10px}.ri{width:13px;height:13px}.rep{display:none}.tabs{padding:2px 6px}.tab{padding:4px 10px;font-size:10px}.ql{padding:3px 6px}.qi{padding:3px 6px;font-size:9px}.tb2{padding:4px 6px}.tl{min-width:44px;padding:4px 8px}.tli{width:18px;height:18px}.ap{width:100%;border-left:none;border-top:2px solid var(--brd2)}.ap-overlay{align-items:flex-end}.upgrades-grid{grid-template-columns:1fr 1fr}}@keyframes ipPop{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fi .2s}.ip{width:95vw;max-width:1100px;max-height:96vh;overflow-y:auto;background:var(--pnl);border:2px solid var(--brd2);border-radius:var(--rl);padding:20px;animation:ipPop .3s ease;position:relative;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 48px #00000080}.ip-close{position:absolute;top:6px;right:8px;background:var(--card);color:var(--mut);font-size:14px;padding:4px 10px;border-radius:var(--r);border:1px solid var(--brd);z-index:5}.ip-header{display:flex;gap:16px;align-items:flex-start}.ip-portrait{width:120px;height:120px;background:var(--card);border-radius:var(--r);border:2px solid var(--brd);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ip-portrait.urg{border-color:var(--red);animation:ug 2s ease-in-out infinite}.ip-img{width:108px;height:108px;image-rendering:pixelated}.ip-info{flex:1}.ip-name{font-family:"Baloo 2";font-size:32px;color:#68a868;margin:0}.ip-breed{font-size:15px;color:var(--mut)}.ip-tags{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}.ip-tag{padding:2px 7px;border-radius:50px;font-size:8px;font-weight:800;text-transform:uppercase;background:var(--card);color:var(--t2);border:1px solid var(--brd)}.ip-tag.dog{color:#d07030}.ip-tag.cat{color:#ce93d8}.ip-tag.rabbit{color:#81c784}.ip-tag.age{color:var(--yel)}.ip-tag.pers{color:var(--blu)}.ip-tag.rare{color:#ffb74d;border-color:#ffb74d}.ip-tag.uncommon{color:var(--grn);border-color:var(--grn)}.ip-days{font-size:9px;color:var(--mut);margin-top:3px}.ip-traits{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:8px 10px}.ip-trait{display:flex;align-items:center;gap:5px;font-size:10px}.ip-trait-i{width:12px;height:12px}.ip-trait-n{font-weight:800;color:var(--yel);min-width:90px}.ip-trait-d{color:var(--mut);font-size:9px}.ip-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ip-srow{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:8px 10px;transition:all .15s}.ip-srow.low{border-color:#e54d4266;background:#e54d4214}.ip-srow:hover{border-color:#ffffff26}.ip-sbar-wrap{display:flex;align-items:center;gap:6px;flex:1}.ip-sico{width:22px;height:22px;flex-shrink:0}.ip-slabel{font-size:15px;font-weight:700;color:var(--t2);width:72px;flex-shrink:0}.ip-sbar{flex:1;height:16px;background:#ffffff0f;border-radius:12px;overflow:hidden}.ip-sfill{height:100%;border-radius:12px;transition:width .5s}.ip-sval{font-size:16px;font-weight:800;width:32px;text-align:right;color:var(--t2)}.ip-sval.crit{color:var(--red)}.ip-action-btn{padding:10px 20px;border-radius:var(--r);font-size:15px;font-weight:800;color:#fff;background:var(--warm);border:1px solid var(--brd);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:4px;transition:all .15s}.ip-action-btn:not(:disabled):hover{background:var(--hi);border-color:var(--yel);transform:translateY(-1px)}.ip-action-btn.urgent{background:#e54d424d;border-color:var(--red);animation:urgPulse 1.5s ease-in-out infinite}@keyframes urgPulse{0%,to{opacity:1}50%{opacity:.7}}.ip-cost{font-size:8px;opacity:.65;margin-left:2px}.ip-bottom-btns{display:flex;gap:8px}.ip-walk-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#8bc88b,#5ea85e);color:#fff;border-radius:var(--r);font-size:16px;font-weight:800;flex:1}.ip-walk-btn:hover:not(:disabled){filter:brightness(1.1)}.ip-walk-i{width:20px;height:20px}.ip-adopt-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:14px;font-weight:800;flex:1.5;box-shadow:0 3px 12px #c0785840}.ip-adopt-btn:hover:not(:disabled){box-shadow:0 5px 20px #c0785859}.ip-adopt-i{width:20px;height:20px}.ip-game{display:flex;flex-direction:column;gap:6px;flex:1}.ip-game-head{display:flex;justify-content:space-between;align-items:center}.ip-game-title{font-family:"Baloo 2";font-size:20px;font-weight:700;color:#68a868}.ip-game-cancel{padding:4px 10px;border-radius:var(--r);font-size:10px;font-weight:700;background:var(--card);color:var(--mut);border:1px solid var(--brd)}.mini-canvas{width:100%;height:auto;aspect-ratio:700/400;border-radius:var(--r);border:2px solid var(--brd2);image-rendering:pixelated;background:var(--card);display:block}@media(max-width:768px){.ip{width:95vw;max-height:85vh}.ip-header{flex-direction:column;align-items:center;text-align:center}.ip-stats{grid-template-columns:1fr}.ip-bottom-btns{flex-direction:column}}.bp{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.bp-header{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:10px 14px}.bp-hi{width:22px;height:22px}.bp-title{font-family:"Baloo 2";font-size:17px;font-weight:700;color:var(--yel)}.bp-sub{font-size:10px;color:var(--mut)}.bp-coins{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:14px;font-weight:800;color:var(--yel)}.bp-coins img{width:16px;height:16px}.bp-expand{display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid var(--brd);border-radius:var(--r);padding:10px 14px;cursor:pointer;transition:all .15s}.bp-expand:hover{border-color:var(--org)}.bp-ei{width:22px;height:22px}.bp-ename{font-family:"Baloo 2";font-size:13px;font-weight:700;color:var(--yel)}.bp-edesc{font-size:9px;color:var(--mut)}.bp-ebtn{display:flex;align-items:center;gap:3px;margin-left:auto;padding:6px 14px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:12px;font-weight:800;font-family:"Baloo 2"}.bp-ebtn img{width:14px;height:14px}.bp-cats{display:flex;flex-direction:column;gap:6px}.bp-cat{background:var(--card);border:2px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:all .15s}.bp-cat:hover{border-color:#ffffff1a}.bp-cat.built{border-color:#5cb85c4d}.bp-cat-hdr{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer}.bp-cat-hdr:hover{background:var(--warm)}.bp-ci{width:22px;height:22px;flex-shrink:0}.bp-cinfo{flex:1}.bp-cname{font-family:"Baloo 2";font-size:14px;font-weight:700;color:var(--yel)}.bp-cprog{display:flex;align-items:center;gap:6px}.bp-cpbar{flex:1;height:6px;background:var(--bg);border-radius:6px;overflow:hidden;max-width:120px}.bp-cpfill{height:100%;background:var(--grn);border-radius:6px;transition:width .4s}.bp-cptext{font-size:9px;color:var(--mut);font-weight:700}.bp-caret{color:var(--mut);font-size:10px}.bp-items{border-top:1px solid var(--brd);padding:6px 10px;display:flex;flex-direction:column;gap:4px;background:#0000001a}.bp-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--pnl);border:1px solid var(--brd);border-radius:var(--r);transition:all .15s}.bp-item:hover:not(.owned):not(.locked){border-color:#ffffff26;background:var(--warm)}.bp-item.owned{border-color:#5cb85c4d;opacity:.7}.bp-item.locked{opacity:.4}.bp-item-left{display:flex;align-items:center;gap:8px;flex:1}.bp-ii{width:18px;height:18px;flex-shrink:0}.bp-iname{font-size:12px;font-weight:700;color:var(--text)}.bp-idesc{font-size:9px;color:var(--mut);line-height:1.3}.bp-iowned{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--grn)}.bp-iowned img{width:12px;height:12px}.bp-ilocked{font-size:9px;color:var(--lt);font-style:italic}.bp-ibuy{display:flex;align-items:center;gap:3px;padding:5px 12px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:11px;font-weight:800;flex-shrink:0}.bp-ibuy img{width:12px;height:12px}.bp-ibuy:hover:not(:disabled){filter:brightness(1.1)}.vbp{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.vbp-hdr{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:12px 16px}.vbp-hdr img{width:28px;height:28px}.vbp-title{font-family:"Baloo 2";font-size:24px;font-weight:700;color:#68a868}.vbp-sub{font-size:11px;color:var(--mut)}.vbp-coins{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:22px;font-weight:800;color:#d4943c}.vbp-coins img{width:20px;height:20px}.vbp-exp{display:flex;align-items:center;gap:14px;background:var(--card);border:2px solid var(--brd);border-radius:var(--r);padding:10px 14px;cursor:pointer;transition:all .15s}.vbp-exp:hover{border-color:var(--org);background:var(--warm)}.vbp-en{font-family:"Baloo 2";font-size:18px;font-weight:700;color:#68a868}.vbp-ed{font-size:10px;color:var(--mut)}.vbp-ebtn{display:flex;align-items:center;gap:4px;margin-left:auto;padding:8px 18px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:14px;font-weight:800;font-family:"Baloo 2"}.vbp-ebtn img{width:16px;height:16px}.vbp-cats{display:flex;flex-direction:column;gap:8px}.vbp-cat{background:var(--card);border:2px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:all .2s}.vbp-cat:hover{border-color:#ffffff1a}.vbp-cat.open{border-color:var(--yel)}.vbp-ch{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.vbp-ch:hover{background:var(--warm)}.vbp-ci{width:28px;height:28px;flex-shrink:0}.vbp-cn{font-family:"Baloo 2";font-size:18px;font-weight:700;color:#6a5030;flex:1}.vbp-cp{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);font-weight:700}.vbp-cpb{width:80px;height:8px;background:var(--bg);border-radius:6px;overflow:hidden}.vbp-cpf{height:100%;background:var(--grn);border-radius:6px;transition:width .4s}.vbp-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:10px 12px;border-top:1px solid var(--brd);background:#0000001f}.vbp-item{background:var(--pnl);border:2px solid var(--brd);border-radius:var(--r);overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.vbp-item:hover:not(.owned):not(.locked){border-color:var(--org);transform:translateY(-2px)}.vbp-item.owned{border-color:#5cb85c66;opacity:.75}.vbp-item.locked{opacity:.35;filter:grayscale(.4)}.vbp-preview{display:flex;justify-content:center;padding:4px}.ip-cvs{image-rendering:pixelated;border-radius:4px;display:block}.vbp-iinfo{padding:6px 10px 10px;text-align:center}.vbp-iname{font-family:"Baloo 2";font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.vbp-idesc{font-size:11px;color:var(--mut);margin-bottom:6px;line-height:1.3}.vbp-iowned{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;color:var(--grn)}.vbp-iowned img{width:14px;height:14px}.vbp-ilocked{font-size:9px;color:var(--lt);font-style:italic;text-align:center}.vbp-ibuy{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 18px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:12px;font-weight:800;width:100%}.vbp-ibuy img{width:14px;height:14px}.vbp-ibuy:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}@media(max-width:768px){.vbp-items{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.scene-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;padding:12px}.scene-panel{width:96vw;max-width:1200px;max-height:96vh;background:var(--pnl);border:2px solid var(--brd2);border-radius:var(--rl);padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh)}.scene-close{align-self:flex-start;padding:6px 16px;background:var(--card);color:var(--t2);border:1px solid var(--brd);border-radius:var(--r);font-size:13px;font-weight:700}.scene-info{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--mut);padding:0 4px}.scene-diff{font-weight:700;color:var(--org)}.scene-reward{font-weight:700;color:var(--grn)}.scene-cost{font-weight:700;color:var(--t2)}.scene-canvas{width:100%;border-radius:var(--r);border:1px solid var(--brd);image-rendering:pixelated;display:block;background:var(--card)}.ip-scenes{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:10px 12px}.ip-scenes-title{font-family:"Baloo 2";font-size:15px;font-weight:700;color:#68a868;margin-bottom:8px}.ip-scenes-grid{display:flex;flex-wrap:wrap;gap:6px}.ip-scene-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--pnl);border:1px solid var(--brd);border-radius:var(--r);font-size:12px;font-weight:700;color:var(--t2);transition:all .15s}.ip-scene-btn:hover{border-color:var(--org);background:var(--warm)}.ip-scene-btn img{width:16px;height:16px}.ip-scenes-empty{font-size:11px;color:var(--mut);font-style:italic;text-align:center;padding:8px}.vbp-pen-card{background:var(--pnl);border:1px solid var(--brd);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:4px}.vbp-pen-title{font-family:"Baloo 2";font-size:14px;font-weight:700;color:#6a5030;margin-bottom:4px}.vbp-pen-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:11px}.vbp-pen-item.owned{opacity:.6}.vbp-pen-item img{width:14px;height:14px}.vbp-pen-name{flex:1;font-weight:600;color:var(--t2)}.vbp-pen-ok{font-size:10px;color:var(--grn);font-weight:700}.vbp-pen-buy{display:flex;align-items:center;gap:3px;padding:3px 10px;background:linear-gradient(135deg,#d4946c,#c07858);color:#fff;border-radius:var(--r);font-size:10px;font-weight:800}.vbp-pen-buy img{width:12px;height:12px}.catch-panel{padding:16px 20px;display:flex;flex-direction:column;gap:10px;height:100%}.catch-header{display:flex;align-items:center;gap:10px}.catch-header img{width:24px;height:24px}.catch-title{font-family:"Baloo 2";font-size:22px;font-weight:700;color:#68a868}.catch-sub{font-size:12px;color:var(--mut)}.catch-canvas{width:100%;flex:1;border-radius:var(--r);border:1px solid var(--brd);image-rendering:pixelated;display:block;background:#7bc97b}.sys-bar{display:flex;gap:6px;padding:4px 12px;background:var(--card);border-bottom:1px solid var(--brd);flex-shrink:0;overflow-x:auto;align-items:center;flex-wrap:wrap}.weather-badge{display:flex;align-items:center;gap:3px;padding:3px 8px;background:var(--pnl);border:1px solid;border-radius:var(--r);font-size:11px;font-weight:700;flex-shrink:0}.weather-badge img{width:14px;height:14px}.comm-banner{display:flex;align-items:center;gap:4px;padding:3px 10px;background:#8bc88b26;border:1px solid rgba(107,191,107,.3);border-radius:var(--r);font-size:11px;flex-shrink:0}.comm-banner img{width:14px;height:14px}.comm-name{font-weight:800;color:#68a868}.comm-desc{color:var(--mut);font-size:10px}.emg-bar{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#c870601a;border:1px solid rgba(200,112,96,.3);border-radius:var(--r);flex-shrink:0;animation:urgPulse 1.5s ease-in-out infinite}.emg-bar img{width:16px;height:16px}.emg-name{font-weight:800;font-size:11px;color:#c87060}.emg-desc{font-size:9px;color:var(--mut)}.emg-timer{font-size:10px;font-weight:800;color:#c87060;margin-left:auto}.emg-reward{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:#68a868}.emg-reward img{width:12px;height:12px}.dc-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:200px}.dc-title{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:800;color:#d4943c;flex-shrink:0}.dc-title img{width:14px;height:14px}.dc-item{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--pnl);border:1px solid var(--brd);border-radius:var(--r);flex-shrink:0}.dc-item.done{border-color:#8bc88b66;opacity:.6}.dc-item img{width:12px;height:12px}.dc-desc{font-size:9px;font-weight:600;color:var(--t2)}.dc-prog{display:flex;align-items:center;gap:3px}.dc-pbar{width:40px;height:4px;background:#00000014;border-radius:4px;overflow:hidden}.dc-pfill{height:100%;background:#8bc88b;border-radius:4px;transition:width .3s}.dc-pnum{font-size:8px;color:var(--mut);font-weight:700}.dc-check{width:10px!important;height:10px!important}.dc-bonus{font-size:9px;font-weight:800;color:#68a868;flex-shrink:0}.growth-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:50px;font-size:8px;font-weight:800;text-transform:uppercase}.growth-badge img{width:10px;height:10px}.growth-badge.baby{background:#e87a9633;color:#e87a96}.growth-badge.young{background:#8bc88b33;color:#68a868}.growth-badge.adult{background:#6aaed633;color:#4a8ec0}.growth-badge.senior{background:#a080c833;color:#8060b0}.income-row{display:flex;gap:12px;font-size:11px;color:var(--t2);padding:4px 8px;background:var(--card);border-radius:var(--r)}.vol-panel{padding:12px 20px}.vol-title{display:flex;align-items:center;gap:8px;font-family:"Baloo 2";font-size:18px;font-weight:700;color:#68a868;margin-bottom:10px}.vol-title img{width:20px;height:20px}.vol-cost{margin-left:auto;font-size:12px;color:var(--mut);font-weight:600}.vol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.vol-card{background:var(--pnl);border:1px solid var(--brd);border-radius:var(--r);padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.vol-card.hired{border-color:#8bc88b66;background:#8bc88b0d}.vol-card img{width:24px;height:24px}.vol-name{font-family:"Baloo 2";font-size:14px;font-weight:700;color:var(--t2)}.vol-desc{font-size:10px;color:var(--mut)}.vol-wage{font-size:11px;font-weight:700;color:#d4943c}.vol-btn{padding:5px 14px;border-radius:var(--r);font-size:11px;font-weight:800;color:#fff;width:100%;margin-top:4px}.vol-btn.hire{background:linear-gradient(135deg,#8bc88b,#68a868)}.vol-btn.fire{background:var(--card);color:var(--mut);border:1px solid var(--brd)}@media(max-width:600px){:root{--r:6px}body,.app{font-size:12px}.hud{padding:3px 6px;gap:4px;flex-wrap:wrap;min-height:auto}.hud-l{gap:3px}.hud-n{font-size:11px;display:none}.hud-d{display:none}.res{padding:2px 5px;font-size:9px;gap:2px;min-width:40px}.ri{width:11px;height:11px}.rep{padding:2px 5px;font-size:9px;gap:2px;max-width:80px}.rep-b{width:40px}.nd{padding:4px 10px;font-size:10px}.tabs{padding:2px 4px;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:3px 6px;font-size:9px;gap:2px;white-space:nowrap;flex-shrink:0}.tab img{width:10px;height:10px}.main{padding:0}.cw{min-height:55vh}canvas{touch-action:none}.abar{padding:2px 4px;gap:3px;flex-wrap:wrap;overflow-x:auto}.atag{padding:2px 5px;font-size:8px}.toolbar{padding:3px;gap:3px}.tool{padding:3px 6px;font-size:8px;gap:2px}.tool img{width:14px;height:14px}.ip-overlay{padding:8px}.ip{width:99vw;max-height:95vh;padding:8px}.ip-header{flex-direction:column;align-items:center;gap:6px}.ip-portrait,.ip-img{width:60px;height:60px}.ip-name{font-size:16px}.ip-stats{grid-template-columns:1fr}.ip-stat{padding:6px}.ip-action-btn{padding:5px 8px;font-size:10px}.ip-game-area{height:250px}.ip-game-canvas{width:100%;height:100%;max-height:250px}.ip-scene-grid{grid-template-columns:repeat(2,1fr);gap:4px}.ip-scene-btn{padding:4px;font-size:8px}.vbp{padding:8px}.vbp-cat-h{padding:6px 8px;font-size:12px}.vbp-items{grid-template-columns:repeat(2,1fr);gap:4px}.vbp-item{padding:6px}.vbp-cost{font-size:9px}.catch-panel{padding:8px}.catch-canvas{width:100%;height:auto;max-height:60vh}.catch-title{font-size:14px}.catch-sub{font-size:9px}.coll-grid{grid-template-columns:repeat(3,1fr)}.vol-grid{grid-template-columns:repeat(2,1fr);gap:4px}.vol-card{padding:6px}.vol-name{font-size:11px}.welcome-box{width:90vw;padding:16px}.w-dog{width:64px;height:64px}.w-title{font-size:20px}.w-input{font-size:14px;padding:8px}.w-btn{font-size:13px;padding:8px}.ev-modal{width:90vw;padding:12px}.log-list{font-size:10px}}@media (max-height:500px)and(orientation:landscape){.hud{padding:2px 6px}.tabs{padding:1px 4px}.cw{min-height:60vh}.ip{max-height:95vh}.ip-game-area{height:200px}}@media (min-width:601px)and(max-width:1024px){.ip{width:90vw;max-height:90vh}.vbp-items{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.tut-box{background:var(--card);border-radius:16px;padding:28px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 32px #0003}.tut-progress{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.tut-dot{width:8px;height:8px;border-radius:50%;background:var(--brd)}.tut-dot.active{background:#8bc88b;transform:scale(1.3)}.tut-dot.done{background:#b8deb8}.tut-icon{width:40px;height:40px;margin:8px auto}.tut-title{font-family:"Baloo 2";font-size:20px;color:var(--t2);margin:8px 0}.tut-text{font-size:13px;color:var(--mut);line-height:1.5;margin:12px 0 20px}.tut-btns{display:flex;gap:8px;justify-content:center}.tut-btn{padding:8px 20px;border-radius:var(--r);font-size:13px;font-weight:700;color:#fff}.tut-next{background:linear-gradient(135deg,#8bc88b,#68a868)}.tut-back{background:var(--pnl);color:var(--t2);border:1px solid var(--brd)}.tut-skip{margin-top:12px;background:none;color:var(--mut);font-size:11px;text-decoration:underline;cursor:pointer;border:none}.save-panel{padding:12px 16px}.save-title{font-family:"Baloo 2";font-size:16px;color:var(--t2);margin-bottom:8px}.save-btns{display:flex;gap:8px;flex-wrap:wrap}.save-btn{padding:6px 14px;border-radius:var(--r);font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8bc88b,#68a868)}.save-btn.danger{background:linear-gradient(135deg,#d08060,#b86848)}.save-btn.blue{background:linear-gradient(135deg,#88b8d8,#6898b8)}.save-slots{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}.save-slot{padding:6px 12px;border-radius:var(--r);font-size:10px;background:var(--pnl);border:1px solid var(--brd);cursor:pointer;min-width:80px;text-align:center}.save-slot.active{border-color:#8bc88b;background:#8bc88b1a}.save-slot .ss-day{font-weight:700;color:var(--t2)}.save-slot .ss-info{font-size:8px;color:var(--mut)}.season-badge{position:absolute;top:4px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:var(--r);font-size:9px;font-weight:700;z-index:5;pointer-events:none}@media(max-width:768px){.hud{padding:4px 8px;gap:4px;flex-wrap:wrap}.hud-n{font-size:14px!important}.hud-d{display:none}.hud-stat{font-size:11px;padding:2px 6px}.hud-stat img{width:12px;height:12px}.rep{padding:2px 6px}.tabs{gap:0;padding:2px 4px}.tabs button{font-size:10px;padding:4px 6px;min-width:0}.tabs img{width:14px!important;height:14px!important}.nd{font-size:11px;padding:5px 10px}.main{padding:0}.cw{min-height:50vh}.ip{width:95vw!important;max-width:95vw!important;max-height:90vh!important;padding:10px!important}.ip-portrait,.ip-img{width:60px!important;height:60px!important}.ip-name{font-size:16px!important}.ip-stats{gap:6px!important}.ip-stat{padding:6px!important}.ip-action-btn{font-size:10px!important;padding:4px 8px!important}.ip-game-canvas{width:100%!important;height:auto!important;aspect-ratio:9/5}.ip-walk-btn,.ip-scene-btn{font-size:10px!important;padding:4px 8px!important}.vbp-cats{flex-direction:column}.vbp-items{grid-template-columns:repeat(2,1fr)!important}.vbp-preview{width:80px!important;height:80px!important}.catch-canvas{width:100%!important;height:auto!important;aspect-ratio:9/5}.catch-header{flex-direction:column;align-items:flex-start;gap:4px}.catch-title{font-size:16px}.toolbar{gap:4px!important;padding:6px!important}.toolbar button{padding:6px!important;min-width:40px}.toolbar img{width:18px!important;height:18px!important}.toolbar span{font-size:8px!important}.vol-grid{grid-template-columns:repeat(2,1fr)!important}.vol-card{padding:8px!important}.welcome-box{width:90vw!important;padding:20px!important}.w-dog{width:60px!important;height:60px!important}.animals-bar{font-size:10px;gap:4px;padding:2px 6px}}@media(max-width:480px){.hud{padding:3px 6px}.hud-n{font-size:12px!important}.hud-r .hud-stat:nth-child(n+3){display:none}.tabs button{font-size:9px;padding:3px 4px}.tabs img{width:12px!important;height:12px!important}.nd{padding:4px 8px;font-size:10px}.ip{padding:8px!important}.ip-stats,.vbp-items,.vol-grid{grid-template-columns:1fr!important}}@media(hover:none){button{min-height:36px;min-width:36px}.tabs button{min-height:32px}.ip-action-btn{min-height:38px}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:998;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 6px 24px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .4s ease-out;pointer-events:none;max-width:90vw;text-align:center}.toast.success{background:#8bc88bf2;color:#2a5a2a;border:2px solid #8BC88B}.toast.error{background:#d08060f2;color:#5a2020;border:2px solid #D08060}.toast.info{background:#88b8d8f2;color:#2a4060;border:2px solid #88B8D8}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.skeleton{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.skeleton:after{content:"";width:48px;height:48px;border:4px solid #E4CCA8;border-top-color:#8bc88b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-text{width:60%;height:12px;background:linear-gradient(90deg,#f0e8d8 25%,#f8f0e0,#f0e8d8 75%);background-size:200%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toolbar{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:8px;padding:8px 16px;background:#faf2e0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;box-shadow:0 4px 20px #5a403026;border:2px solid #E4CCA8}.tool{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border-radius:50%;width:48px;height:48px;justify-content:center;transition:all .2s;background:transparent;border:2px solid transparent;cursor:pointer}.tool:hover{background:#8bc88b26;border-color:#8bc88b;transform:translateY(-2px)}.tool.active{background:#8bc88b40;border-color:#8bc88b;box-shadow:0 2px 8px #8bc88b4d}.tool img{width:20px;height:20px}.tool span{font-size:7px;font-weight:700;color:#5a4030}.hud{background:linear-gradient(180deg,#faf2e0fa,#f0e4ccf2);border-bottom:3px solid #D8BC98;padding:6px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #5a40301a;position:relative;z-index:40}.hud-n{font-family:"Baloo 2";font-size:14px;color:#5a4030;font-weight:800;background:#e8c87033;padding:2px 10px;border-radius:8px;border:1px solid #E8C870}.res{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;font-size:12px;font-weight:800;border:2px solid;font-family:"Baloo 2"}.res.coins{background:#e8c87026;border-color:#e8c870;color:#8b6f47}.res.cap{background:#8bc88b26;border-color:#8bc88b;color:#5a8050}.rep{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:10px;background:#c8a8d826;border:2px solid #C8A8D8;font-size:11px;color:#7858a0;font-weight:700}.rep-b{width:50px;height:6px;background:#e8e0d4;border-radius:3px;overflow:hidden}.rep-f{height:100%;background:linear-gradient(90deg,#c8a8d8,#9878b0);border-radius:3px;transition:width .5s}.nd{padding:6px 16px;background:linear-gradient(135deg,#8bc88b,#68a868);color:#fff;border-radius:12px;font-size:13px;font-weight:800;font-family:"Baloo 2";box-shadow:0 3px 10px #68a8684d;transition:all .2s;border:none;cursor:pointer}.nd:hover{transform:translateY(-1px);box-shadow:0 5px 15px #68a86866}.nd:active{transform:translateY(1px)}.hd{font-family:"Baloo 2";font-weight:800;font-size:13px}.tabs{display:flex;gap:2px;padding:4px 8px;background:#faf2e0e6;border-bottom:2px solid #E4CCA8;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:10px 10px 0 0;font-size:11px;font-weight:700;color:#8b6f47;background:transparent;border:2px solid transparent;border-bottom:none;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:"Baloo 2"}.tab:hover{background:#8bc88b1a}.tab.a{background:#faf2e0;border-color:#d8bc98;color:#5a4030;box-shadow:0 -2px 6px #5a403014}.tab img{width:12px;height:12px}.abar{display:flex;gap:4px;padding:2px 8px;background:#faf2e0cc;border-bottom:1px solid #E4CCA8;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.atag{padding:3px 10px;border-radius:8px;font-size:10px;font-weight:700;background:#8bc88b1f;border:1.5px solid #C8DCC8;color:#5a8050;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:"Baloo 2"}.atag:hover{background:#8bc88b40}.atag.urg{background:#d0806026;border-color:#e8b8a8;color:#a06040;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.ip-stat-bar{height:8px;border-radius:4px;overflow:hidden;background:#e8e0d4;position:relative;box-shadow:inset 0 1px 2px #0000001a}.ip-stat-fill{height:100%;border-radius:4px;transition:width .4s ease;position:relative}.ip-stat-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff4d;border-radius:4px 4px 0 0}.ip-stat-fill.hygiene{background:linear-gradient(90deg,#88b8d8,#6898b8)}.ip-stat-fill.happiness{background:linear-gradient(90deg,#e8c870,#d0b058)}.ip-stat-fill.health{background:linear-gradient(90deg,#8bc88b,#68a868)}.ip-stat-fill.hunger{background:linear-gradient(90deg,#d4946c,#c07858)}.ip-stat-fill.adopt{background:linear-gradient(90deg,#c8a8d8,#9878b0)}@media(max-width:600px){.toolbar{bottom:8px;gap:4px;padding:6px 10px;border-radius:20px}.tool{width:40px;height:40px;padding:4px}.tool img{width:16px;height:16px}.tool span{font-size:6px}.hud{padding:4px 8px;gap:4px;flex-wrap:wrap}.hud-n{font-size:11px;padding:1px 6px;display:none}.res{padding:2px 6px;font-size:10px;border-width:1.5px}.rep{padding:2px 6px;font-size:9px;max-width:90px}.rep-b{width:35px;height:4px}.nd{padding:4px 10px;font-size:11px;border-radius:8px}.hd{font-size:11px}.tabs{padding:2px 4px;gap:1px}.tab{padding:3px 6px;font-size:9px;gap:2px;border-radius:6px 6px 0 0}.tab img{width:10px;height:10px}.toast{font-size:12px;padding:10px 18px;top:12px}.ip{width:98vw;max-height:90vh}.ip-game-area{max-height:60vh}.catch-canvas{max-height:50vh}.abar{padding:2px 4px}.atag{padding:2px 6px;font-size:8px}.main{padding-bottom:0}.world{height:calc(100vh - 115px)!important;max-height:calc(100vh - 115px)!important}.cw{margin-bottom:0}}@media(min-width:601px){.main{padding-bottom:0}.world{height:calc(100vh - 115px)!important;max-height:calc(100vh - 115px)!important}.cw{margin-bottom:0}}