:root{--cream:#fff6ea;--cream-2:#ffeede;--ink:#5a4636;--ink-soft:#8a7765;--paw:#f0a35e;--paw-dark:#e07f3a;--mint:#8bc7a6;--rose:#e98b8b;--card:#fffdf9;--shadow:0 6px 18px #78502824;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:"Baloo 2",Nunito,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:linear-gradient(160deg,#ffe9cf,#ffd9b8);min-height:100svh;margin:0}#root{flex-direction:column;width:100%;max-width:460px;min-height:100svh;margin:0 auto;display:flex}h1,h2{color:var(--ink);margin:0 0 .4em}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;flex:1;gap:10px;padding:12px 12px 18px;display:flex;position:relative}.hud{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf9,#fff1de);border:2px solid #ffe3c2;border-radius:20px;padding:12px 18px}.hud-main{justify-content:space-between;align-items:center;font-size:23px;font-weight:800;display:flex}.coins{color:var(--paw-dark)}.coin{vertical-align:middle;margin:0 1px;font-style:normal}.rate{color:var(--ink-soft);font-size:17px;font-weight:700}.rate.boosted{color:#3fae82;animation:1s infinite pulse}.hud-sub{color:var(--ink-soft);text-align:center;margin-top:3px;font-size:14px;font-weight:700}.room{flex:none;justify-content:center;align-items:center;padding:2px 0 0;display:flex;position:relative}.board-frame{width:100%;max-width:440px;box-shadow:0 6px 0 #7850282e, inset 0 0 0 3px #fff7e98c, var(--shadow);z-index:1;background:linear-gradient(160deg,#e7c9a6,#d8b48c);border-radius:24px;padding:10px;position:relative}.board{aspect-ratio:1;border-radius:14px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:0;width:100%;display:grid;overflow:hidden}.cell{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;min-height:0;transition:box-shadow .14s,transform .1s;display:flex;position:relative}.cell.t0{background:#f4e7cd}.cell.t1{background:#ecdcbb}.cell.empty:before{content:"";background:#785a3c12;border-radius:50%;width:26%;height:26%;box-shadow:inset 0 1px 2px #785a3c17}.cell .cat-shadow{filter:blur(2.5px);z-index:0;background:#3c281433;border-radius:50%;width:54%;height:12%;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.cell.over:after{content:"";z-index:1;pointer-events:none;border-radius:16px;position:absolute;inset:6%;box-shadow:0 0 0 3px #4fae82,0 0 16px #4fae82a6}.cell.over{transform:scale(1.04)}.cat{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cat .cat-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #78502847);width:80%;height:80%}.cat-fallback{border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.cell.house-cell{cursor:pointer;font:inherit;color:inherit;background:linear-gradient(160deg,#ffe9c6,#f7d39e);border:none;padding:0;overflow:hidden}.cell.house-cell:disabled{cursor:not-allowed}.cell.house-cell.ready{animation:1.4s ease-in-out infinite housebob;box-shadow:inset 0 0 0 3px #ffc85ae6,0 0 14px 2px #ffbe508c}.house-img{object-fit:contain;pointer-events:none;width:84%;height:84%}.house-buffer{color:#fff;background:var(--paw-dark);white-space:nowrap;border-radius:9px;padding:1px 6px;font-size:11px;font-weight:900;line-height:15px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #78502859}.house-progress{background:#78502824;border-radius:3px;width:84%;height:6px;position:absolute;bottom:4px;left:8%;overflow:hidden}.house-progress i{background:linear-gradient(90deg,#5cae84,#9fd4b5);border-radius:3px;height:100%;transition:width .24s linear;display:block;box-shadow:0 0 5px #5cae8480}@keyframes housebob{50%{transform:translateY(-3px)}}.cell.house-cell.wiggle{animation:.38s house-wiggle}@keyframes house-wiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-2deg)}50%{transform:translate(3px)rotate(2deg)}75%{transform:translate(-2px)rotate(-1deg)}}.cat:active{cursor:grabbing}.cat.dragging{opacity:.28}.cat-tier{color:#fff;background:#785a3c8c;border-radius:8px;padding:0 5px;font-size:11px;font-weight:900;line-height:15px;position:absolute;bottom:2px;right:4px}.cat.hint{animation:1.9s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.07)}}.cat.placed{animation:.2s cubic-bezier(.34,1.56,.64,1) place-pop}@keyframes place-pop{0%{transform:scale(.6)}65%{transform:scale(1.08)}to{transform:scale(1)}}.cat.drag-overlay{cursor:grabbing;width:78px;height:78px;transform:scale(1.12)rotate(-4deg)}.cat.drag-overlay .cat-img{filter:drop-shadow(0 10px 12px #6e462366)}.cat.merged{animation:.45s cubic-bezier(.34,1.56,.64,1) pop}.sparkle{pointer-events:none;position:absolute;inset:0}.sparkle i{color:#ffcf4a;opacity:0;font-size:16px;animation:.55s ease-out forwards spark;position:absolute;top:50%;left:50%}.sparkle i:first-child{--x:-26px;--y:-22px}.sparkle i:nth-child(2){--x:26px;--y:-22px;animation-delay:40ms}.sparkle i:nth-child(3){--x:-26px;--y:22px;animation-delay:80ms}.sparkle i:nth-child(4){--x:26px;--y:22px;animation-delay:.12s}@keyframes spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.2)}}.controls{flex-direction:column;gap:8px;display:flex}.controls-row{gap:8px;display:flex}.controls-row .btn{flex:1}.btn{color:#fff;background:var(--paw);box-shadow:0 4px 0 #0000001f, var(--shadow);border:none;border-radius:18px;padding:15px 16px;font-size:17px;font-weight:800;transition:transform 60ms,filter .12s}.btn:active:not(:disabled){box-shadow:0 1px 0 #0000001f, var(--shadow);transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.buy{background:linear-gradient(135deg,#f6a24a,#e07f3a);font-size:19px}.btn.treat{background:linear-gradient(135deg,#8fd1ad,#5cae84)}.btn.upgrade{background:linear-gradient(135deg,#b79be6,#8e6fd0);padding:13px 10px;font-size:15px}.btn.prestige{background:linear-gradient(135deg,#ef9a9a,#e07070)}.orders{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf9,#fff1de);border:2px solid #ffe3c2;border-radius:18px;padding:9px 11px 11px}.orders-title{color:var(--ink-soft);text-align:center;margin-bottom:7px;font-size:13px;font-weight:800}.orders-row{gap:8px;display:flex}.order{cursor:pointer;background:#ffffffb3;border:2px solid #ffd9ad;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 4px 6px;transition:transform 60ms,filter .12s,box-shadow .12s;display:flex;box-shadow:0 2px 5px #78502824}.order:active{transform:translateY(2px)scale(.98)}.order .cat-img,.order .cat-fallback{pointer-events:none}.order-tier{color:#fff;background:#785a3c8c;border-radius:8px;padding:0 6px;font-size:11px;font-weight:900;line-height:15px}.order-reward{color:var(--paw-dark);font-size:13px;font-weight:800}.order.shake{border-color:var(--paw);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.adopt-toast{z-index:30;pointer-events:none;text-align:center;background:linear-gradient(135deg,#fffdf9,#ffe9cf);border:2px solid #ffd089;border-radius:18px;flex-direction:column;align-items:center;gap:3px;max-width:88%;padding:12px 20px;animation:.32s cubic-bezier(.34,1.56,.64,1) toast-in,.35s 1.15s forwards toast-out;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #6e462352}.adopt-text{color:var(--ink);font-size:15px;font-weight:800;line-height:1.3}.adopt-reward{color:var(--paw-dark);font-size:13px;font-weight:800}.adopt-hearts{width:100%;height:22px;position:relative}.adopt-hearts i{opacity:0;font-size:18px;animation:1.2s ease-out forwards heart-burst;position:absolute;top:0;left:50%}.adopt-hearts i:first-child{--hx:-42px;animation-delay:0s}.adopt-hearts i:nth-child(2){--hx:-14px;animation-delay:60ms}.adopt-hearts i:nth-child(3){--hx:14px;animation-delay:.12s}.adopt-hearts i:nth-child(4){--hx:42px;animation-delay:.18s}@keyframes heart-burst{0%{opacity:0;transform:translate(-50%,6px)scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--hx)), -26px) scale(1.1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)scale(.96)}}.mission{color:var(--ink);box-shadow:var(--shadow);background:#ffffffc7;border:none;border-radius:14px;padding:11px;font-size:14px;font-weight:800}.gear{z-index:5;position:absolute;top:14px;right:14px}.gear-btn{width:34px;height:34px;box-shadow:var(--shadow);background:#ffffffb3;border:none;border-radius:50%;font-size:17px}.modal-backdrop{z-index:20;background:#3c281480;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:var(--card);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow);border:3px solid #ffe3c2;border-radius:24px;padding:24px;animation:.22s pop}.modal h2{font-size:24px}.modal p{color:var(--ink-soft);margin:0 0 14px;font-size:15px;line-height:1.5}.modal .btn{width:100%}.help-steps{text-align:left;flex-direction:column;gap:13px;margin:0 0 18px;padding:0;list-style:none;display:flex}.help-steps li{color:var(--ink);align-items:flex-start;gap:11px;font-size:15px;line-height:1.4;display:flex}.help-emoji{flex-shrink:0;font-size:22px}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pulse{50%{opacity:.55}}.tabs{background:#ecdcbb;border-radius:16px;flex-shrink:0;gap:6px;padding:5px;display:flex}.tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:12px;font-weight:800;transition:background .12s,color .12s,box-shadow .12s;display:flex;position:relative}.tab.active{color:var(--paw-dark);background:#fffaf0;box-shadow:0 1px 3px #78501e2e}.tab-icon{font-size:18px;line-height:1}.tab-dot{background:#d9685f;border:2px solid #ecdcbb;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;right:18px}.sanctuary{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.sanc-header{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf9,#fff1de);border:2px solid #ffe3c2;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sanc-title{color:var(--ink);font-size:16px;font-weight:800}.scene{box-shadow:inset 0 0 0 1px #966e3c40, var(--shadow);border-radius:18px;flex-shrink:0;line-height:0;position:relative;overflow:hidden}.scene .room-img{border-radius:18px;width:100%;display:block}.room-thing{position:absolute;transform:translate(-50%,-50%)}.room-thing>img{filter:drop-shadow(0 4px 4px #50321452);width:100%;display:block}.room-thing.ghost>img{opacity:.32;filter:grayscale(.35)drop-shadow(0 2px 3px #50321433);animation:2s ease-in-out infinite ghostpulse}@keyframes ghostpulse{50%{opacity:.5}}.room-thing .thing-cost{color:var(--paw-dark);white-space:nowrap;background:#fffaf0eb;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #78501e47}.sanc-foot{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.meterline{background:#e2d4b6;border-radius:4px;flex-shrink:0;height:7px;overflow:hidden}.meterline i{background:linear-gradient(90deg,#7fc79a,#5bb07f);border-radius:4px;height:100%;transition:width .4s;display:block}.btn.buildcta{background:linear-gradient(135deg,#f4b15f,#e0892c);padding:14px 16px;font-size:15px}.sanc-done{text-align:center;color:var(--ink);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf9,#fff1de);border:2px solid #ffe3c2;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:20px;font-size:17px;font-weight:800;display:flex}.sanc-done-sub{color:var(--ink-soft);font-size:14px;font-weight:700}