/* v12: a useful, location-based inventory and one consistent game dollar. */
:root{--cash:#c9f7ae;--cash-dark:#193725;--stars:#ffdc93}
.wallet{background:linear-gradient(120deg,#253d2d,#20332b);border-color:#7dbd7660;color:#e3ffca;box-shadow:inset 0 1px 0 #d7ffc21a}.wallet svg,.balance-stage .big-balance svg{color:#cefa9c;filter:drop-shadow(0 2px 8px #9dce4930)}.big-balance strong,.wallet b,.wallet-balance>strong{font-variant-numeric:tabular-nums}.cash-text{color:#cff7aa}.stars-text{color:#ffdc93}.money-mark{display:inline-grid;place-items:center;width:21px;height:21px;flex:0 0 21px;background:#1d4b3420;border:1px solid #24623f55;border-radius:50%;font-size:15px;font-weight:850;line-height:1}.button.cash-button{background:linear-gradient(130deg,#daf9b9,#a9e7b7);border:1px solid #d7ffd0;box-shadow:0 3px 0 #477b4e;color:#193825;justify-content:center;gap:7px}.button.cash-button:disabled{background:#2a3931;color:#9eafa1;border-color:#4c6351;box-shadow:none;clip-path:none}.wallet-balance{background:radial-gradient(ellipse at 100% 0,#8cbb4930,transparent 70%),linear-gradient(130deg,#2c4735,#1d302a);border-color:#8db67355}.wallet-balance>strong{color:#dcf8b2}.reward-day svg{color:#caf5a2}.task-reward{background:#395b343f;border-color:#7fa75955;color:#d7f5b5}.history-row b{white-space:nowrap}.reward,.job-income{font-variant-numeric:tabular-nums}.items-heading{align-items:flex-start;gap:8px}.items-heading h1{font-size:30px;letter-spacing:-1px}.items-heading .collection-count{margin-top:26px;padding:7px 9px;font-size:11px}.items-heading .eyebrow{font-size:8px}.items-heading p{font-size:13px}.items-intro{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#bcadc9;margin:0 0 18px}.new-drop{display:inline-block;background:#e5c48f;color:#3e2c20;border:1px solid #f2d5a7;border-radius:6px;transform:rotate(-2deg);padding:6px 8px;font-size:8px;font-weight:850;letter-spacing:.7px}.items-intro b{font-size:14px;margin:0 2px}
.location-picker{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:3px 1px 15px;max-width:100%}.location-choice{display:flex;flex:0 0 67px;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:0 2px;color:#a99bb7;font-size:10px;line-height:1.3}.location-thumb{display:grid;place-items:center;width:59px;height:54px;border-radius:14px;border:2px solid #63506a;position:relative;box-shadow:0 4px 8px #0003}.location-thumb svg{width:18px;height:18px;color:#fff;filter:drop-shadow(0 1px 4px #000);background:#231b2da6;padding:3px;border-radius:6px;box-sizing:content-box}.location-choice.active{color:#e1ffad;font-weight:700}.location-choice.active .location-thumb{border-color:#d3f795;box-shadow:0 0 0 3px #b5dd6120}.location-choice>span:last-child{min-height:26px;display:flex;align-items:flex-start;justify-content:center}
.location-loadout{border:1px solid #77604488;border-radius:22px;background:#28232a;overflow:hidden;box-shadow:0 8px 22px #0002}.room-preview{height:178px;position:relative;isolation:isolate;overflow:hidden;background:#7e6a50}.room-backdrop{position:absolute;inset:0;z-index:-2}.room-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(#171320a8,transparent 65%,#1b172041);z-index:-1}.room-title{padding:15px 16px;position:relative;z-index:1}.room-title small{font-size:7px;font-weight:700;letter-spacing:1px;color:#f5e9cc}.room-title h2{font-size:18px;letter-spacing:-.5px;margin:6px 0 0;color:#fff8ec;text-shadow:0 2px 5px #0007}.room-dog.costume{position:absolute;width:130px;left:50%;bottom:-3px;transform:translateX(-50%);filter:drop-shadow(0 5px 5px #0005)}.room-thing{position:absolute;width:83px;bottom:-2px;filter:drop-shadow(0 3px 4px #0004)}.room-thing-0{left:19px}.room-thing-1{right:17px}.room-thing .prop-art{width:100%;margin:0}.room-visit{position:absolute;right:12px;top:15px;max-width:105px;font-size:10px;border:1px solid #f5e4ca55;background:#231e28bc;backdrop-filter:blur(6px);border-radius:9px;min-height:35px;padding:7px 9px;color:#fff1d6}.room-title{padding-right:118px}
.location-loadout .prop-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 12px 9px}.location-loadout .prop-slot{position:relative;min-width:0;background:#372d36;border:1px solid #66515d;border-radius:13px;padding:0;overflow:hidden}.location-loadout .prop-slot.selected{border-color:#b4d776;box-shadow:inset 0 0 0 1px #b4d77640;background:#343b30}.location-loadout .prop-slot-select{display:flex;align-items:center;text-align:left;gap:8px;padding:10px 8px 30px;width:100%;min-height:94px;border:0;border-radius:0;background:none;flex-direction:row;color:#fff}.location-loadout .prop-slot:not(:has(.prop-remove)) .prop-slot-select{padding-bottom:10px}.location-loadout .slot-picture{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;aspect-ratio:1;border:1px dashed #8b7985;border-radius:10px;background:#1c192030}.location-loadout .slot-picture .prop-art{width:100%;margin:0}.location-loadout .prop-slot-select>span:last-child{min-width:0}.location-loadout .prop-slot-select small{font-size:7px;letter-spacing:.6px;color:#bbadbd;line-height:1.2}.location-loadout .prop-slot-select strong{display:block;font-size:11px;line-height:1.3;overflow-wrap:anywhere;margin-top:5px}.empty-plus{font-size:26px;font-weight:300;color:#bba7c5}.location-loadout .prop-remove{left:auto;right:8px;bottom:5px;transform:none;min-height:23px;padding:2px 7px;border:0;background:#201b25aa;font-size:10px;color:#e1cddf;border-radius:6px}.loadout-bonuses{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:6px;margin:0 13px;padding:10px 0;border-top:1px solid #77606c55}.loadout-bonuses>span{display:flex;flex-direction:column;gap:5px}.loadout-bonuses b{font-size:15px;line-height:1.3;color:#dbf6b4}.loadout-bonuses small{font-size:9px;line-height:1.4;color:#ab9bab}.loadout-bonuses .pair-bonus b{font-size:11px;color:#cab9b5}.loadout-bonuses .pair-bonus.complete b{color:#f2d59c}.loadout-bonuses .pair-bonus small{font-size:8px}.location-loadout>p{font-size:10px;line-height:1.6;margin:0;padding:2px 13px 13px;color:#bbadbb}.prop-filters button{flex:1;font-size:12px;padding:10px 6px}.shop-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:3px 0 14px}.shop-caption h2{font-size:19px;letter-spacing:-.5px;margin:0}.shop-caption>span{font-size:11px;color:#ac9ab8}
.props-grid{gap:12px}.item-card{border:1px solid #79606d77;border-radius:19px;background:#29222f;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 14px #0002}.item-card.equipped{border-color:#bbdc7e}.item-art{position:relative;width:100%;display:block;background:radial-gradient(ellipse at 50% 55%,#dbcba5,#a99886);border:0;height:157px;padding:28px 10px 12px;overflow:hidden;isolation:isolate;color:#302d2b}.item-card:nth-child(4n+2) .item-art{background:radial-gradient(ellipse at 50% 55%,#c6dbb3,#829b86)}.item-card:nth-child(4n+3) .item-art{background:radial-gradient(ellipse at 50% 55%,#ead0b0,#b39280)}.item-card:nth-child(4n+4) .item-art{background:radial-gradient(ellipse at 50% 55%,#bfd6d7,#8c9cba)}.item-art:after{content:'';position:absolute;bottom:10px;left:16%;right:16%;height:10px;border-radius:50%;background:#302b3838;filter:blur(7px);z-index:-1}.item-art .prop-art{height:116px;width:100%;aspect-ratio:auto;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 7px 4px #2823222a);margin:0}.item-art .prop-art img{height:100%;width:100%;object-fit:contain}.item-art .prop-sprite{aspect-ratio:1;max-width:120px;max-height:115px}.item-location{position:absolute;top:10px;left:10px;right:10px;font-size:8px;font-weight:750;line-height:1.3;letter-spacing:.25px;color:#30342b;text-align:left;white-space:normal}.new-item{position:absolute;right:8px;bottom:10px;border:1px solid #ffffff80;background:#fdf5de;color:#615044;font:800 7px Arial;padding:4px 5px;border-radius:5px;transform:rotate(-5deg)}.item-owned{position:absolute;left:8px;bottom:8px;right:8px;text-align:center;padding:5px;border:1px solid #d8f8ad55;border-radius:6px;background:#243a2ce8;color:#ddffc2;font-size:8px}.item-owned+.new-item{display:none}.item-info{padding:13px 11px 15px;display:flex;flex:1;flex-direction:column}.item-info h2{font-size:16px;line-height:1.25;letter-spacing:-.35px;min-height:40px;margin:0 0 7px;overflow-wrap:anywhere;color:#fff5ed}.item-info>p{font-size:11px;line-height:1.5;color:#bbabbd;margin:0 0 11px;min-height:34px}.item-bonus{display:flex;align-items:center;gap:5px;margin-top:auto;margin-bottom:12px;min-height:28px;font-size:10px;font-weight:650;line-height:1.4;color:#d5efb4}.item-bonus svg{width:14px;height:14px;flex:0 0 14px}.idle-bonus{color:#bfe3ea}.item-purchases{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.item-info .button{font-size:12px;min-height:42px;padding:9px 6px;border-radius:10px;justify-content:center;white-space:nowrap;gap:4px}.item-purchases .money-mark{font-size:12px;width:16px;height:16px;flex-basis:16px}.item-purchases b{font-weight:750;font-variant-numeric:tabular-nums;font-size:12px}.item-purchases .star-button>span{font-size:16px}.item-purchases .button{border-width:1px}.props-grid>.empty-state{grid-column:1/-1}.store-note{padding:14px;border:1px solid #68547066;border-radius:13px;background:#241d2c;font-size:11px;line-height:1.7;color:#c5b6cd;margin:21px 0}.collection-faq{margin-top:23px}.collection-faq>div{padding:16px 0;border-top:1px solid #5b426855}.collection-faq h3{font-size:16px;margin:0 0 8px}.collection-faq p{font-size:12px;line-height:1.7;margin:0;color:#b3a4c1}.location-item-count{font-size:12px;color:#d5e6ad;line-height:1.5;margin:15px 0 7px}.preview-purchases{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-purchases .button{justify-content:center;font-size:13px;gap:5px;padding:12px 8px;clip-path:none}.preview-purchases:has(#preview-buy[hidden]){grid-template-columns:1fr}.preview-perks{margin-bottom:20px}.preview-info .preview-payment-note{line-height:1.6}
.things-tile{background:#263c35;border-color:#8bab7666}.things-tile .tile-visual{background:radial-gradient(ellipse at 50% 40%,#9bbd88,#4b6a50);height:125px}.mini-shelf{position:absolute;inset:23px 7px 20px;display:block}.mini-shelf:after{content:'';position:absolute;bottom:0;left:6px;right:5px;height:6px;background:#d5b17c;box-shadow:0 4px 8px #1b271b66;border-radius:2px}.mini-shelf>img{position:absolute;object-fit:contain;filter:drop-shadow(0 5px 3px #14281d55);bottom:3px;height:90%;width:57%}.mini-shelf>img:nth-child(1){left:0;z-index:2}.mini-shelf>img:nth-child(2){left:33%;height:60%;bottom:0;z-index:3}.mini-shelf>img:nth-child(3){right:-3px;height:70%;width:43%;bottom:4px;z-index:1}.tile-benefit{position:absolute;bottom:7px;left:0;right:0;font-size:7px;letter-spacing:.7px;font-weight:800;color:#e7ffcb;text-align:center}.things-tile .tile-copy small{color:#b5c7af}.things-tile .tile-action{color:#d8f5ac}.things-tile .tile-copy strong{color:#f1ffe8}
@media(max-width:380px){.items-heading h1{font-size:27px}.items-heading .eyebrow{font-size:7px;letter-spacing:.8px}.items-intro{font-size:9px}.new-drop{font-size:7px;padding:6px}.item-info{padding:12px 9px 14px}.item-info h2{font-size:15px}.item-info>p{font-size:11px}.item-purchases{gap:6px}.item-purchases b{font-size:11px}.item-info .button{font-size:11px;padding:9px 4px}.room-title h2{font-size:17px}.loadout-bonuses b{font-size:14px}.loadout-bonuses .pair-bonus b{font-size:10px}.prop-filters button{font-size:11px}.location-loadout .prop-slot-select{gap:6px;padding-inline:7px}.location-loadout .slot-picture{flex-basis:36px;width:36px;height:40px}.location-loadout .prop-slot-select strong{font-size:10px}}
.haptics-setting{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:16px;border:1px solid #655078;border-radius:16px;background:#30233b;margin:18px 0}.haptics-setting>span{flex:1;min-width:0}.haptics-setting b{font-size:14px;display:block;margin-bottom:7px}.haptics-setting small{font-size:11px;line-height:1.6;color:#c0adcd;display:block}.haptics-setting button{border:1px solid #b7d88b;background:#c9eea4;color:#263c20;border-radius:11px;padding:11px 10px;min-height:44px;max-width:118px;font-size:12px;font-weight:700}.haptics-setting button[aria-pressed=false]{background:#3d2e4b;color:#e4cbee;border-color:#7a608e}.haptics-setting button:disabled{opacity:.65}
/* Calm home: two quick actions, one character, no promotional banners. */
.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-card{display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;padding:12px 14px;min-height:63px;column-gap:9px;row-gap:4px}.quick-card svg{grid-row:1/3;grid-column:1;width:23px;height:23px;align-self:center}.quick-card strong{grid-column:2;font-size:12px}.quick-card small{grid-column:2;font-size:10px}.path-shortcut{display:flex;align-items:center;gap:10px;border:1px solid #705786;border-radius:14px;background:#352344;padding:15px;width:100%;margin:16px 0;font-size:14px}.path-shortcut small{margin-left:auto;color:#d0b7e3;font-size:12px}.path-shortcut svg{color:#e3c79b}.character-zone .sebek-speech{position:absolute;right:auto;max-width:158px;z-index:6;clip-path:none;border:1px solid #dcc0aa;border-radius:17px 17px 17px 5px;background:linear-gradient(130deg,#fffdf0,#ffe8c9);color:#382839;font-size:12px;font-weight:700;line-height:1.45;padding:11px 12px;box-shadow:0 5px 0 #2d1b3a30,0 8px 18px #0003;pointer-events:none;transform-origin:0 calc(100% - 16px)}.character-zone .sebek-speech:after{content:'';position:absolute;left:-13px;bottom:9px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:13px solid #fff5df;filter:drop-shadow(-1px 1px 0 #dcc0aa)}.sebek-speech.speaking{animation:speech-pop .24s ease-out}.character-zone:has(.sebek-speech:not([hidden])) .tap-hint{opacity:0}@keyframes speech-pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@media(max-height:740px){.quick-card{min-height:55px;padding:9px 12px;grid-template-columns:23px minmax(0,1fr);gap:3px 8px}.quick-card strong{font-size:11px}.quick-card svg{width:21px;height:21px}.character-zone .sebek-speech{font-size:11px;padding:9px 10px}.balance-stage{padding-top:8px}.character-zone .dog{width:min(100%,108cqh,330px)}}
@media(prefers-reduced-motion:reduce){.sebek-speech.speaking{animation:none}}
/* Bright illustrated navigation; labels stay readable when inactive. */
.tabs{gap:5px;padding:8px 8px max(8px,env(safe-area-inset-bottom));min-height:83px;background:linear-gradient(#251b35f7,#17131ff7);border-top:1px solid #9c7bb94d;overflow:visible;align-items:stretch}.tabs button{position:relative;min-width:0;min-height:61px;border:1px solid #66557a77;background:linear-gradient(150deg,#453353,#2b223a);border-radius:13px;color:#e6d9f4;font-size:10px;font-weight:700;line-height:1.1;gap:4px;padding:5px 1px;box-shadow:inset 0 1px 0 #c3a6dd22,0 3px 0 #0c0915}.tabs button.active{color:#f1fff6;background:linear-gradient(145deg,#346764,#23434b);border:1px solid #92e2ce;box-shadow:inset 0 1px 0 #c8ffef44,0 0 13px #53d9c41a,0 3px 0 #122c32}.tabs button.active:before{display:none}.tabs .nav-art{display:block;width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 2px 2px #08031366)}.tabs .play-nav{border:0;background:none;box-shadow:none;padding-bottom:6px;min-height:61px;gap:3px;color:#eee1f7}.tabs .central-paw,.tabs .play-nav:not(.active) .central-paw{clip-path:none;border-radius:19px;background:linear-gradient(135deg,#d6ffa8,#8fcd56);border:1px solid #dfffbd;box-shadow:inset 0 2px 0 #ffffd470,0 4px 0 #4b7339,0 5px 14px #08041366;width:53px;height:53px;margin-top:-17px!important;display:grid;place-items:center;filter:none;transform:rotate(-3deg)}.tabs .central-paw .nav-art{width:45px;height:45px}.tabs .play-nav.active .central-paw{background:linear-gradient(135deg,#f0ffd4,#c5f168);border-color:#f2ffd3;box-shadow:inset 0 2px 0 #fff9,0 4px 0 #7c9b36,0 0 18px #c8ff3322}.tabs .quest-dot:not([hidden]){top:-4px;right:1px;font-size:9px;min-width:16px;border:1px solid #efffbc;box-shadow:0 2px 4px #0006}.action-trio{gap:8px;margin:10px 0}.action-trio>button{display:flex;align-items:center;justify-content:center;min-height:47px;gap:5px;padding:7px 5px;border:1px solid #6ec8df99;border-radius:13px;background:linear-gradient(145deg,#285a6f,#233e58);box-shadow:inset 0 1px 0 #d0f9ff2e,0 3px 0 #122638;font-size:12px;font-weight:750;color:#eaffff}.action-trio>button:nth-child(2){border-color:#e1b77499;background:linear-gradient(145deg,#6b5032,#473444);box-shadow:inset 0 1px 0 #fff0bf33,0 3px 0 #2e2230;color:#fff0c8}.action-trio>button:nth-child(3){border-color:#bc8ce499;background:linear-gradient(145deg,#694b8f,#413257);box-shadow:inset 0 1px 0 #eccbff33,0 3px 0 #271c39;color:#f6e5ff}.action-trio img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 2px #0004)}.action-trio>button:active:not(:disabled){box-shadow:inset 0 1px 0 #ffffff22;transform:translateY(2px)}
@media(max-height:740px){.tabs{min-height:74px;padding-top:7px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.tabs button,.tabs .play-nav{min-height:54px;font-size:9px}.tabs .nav-art{width:27px;height:27px}.tabs .central-paw,.tabs .play-nav:not(.active) .central-paw{width:47px;height:47px;border-radius:16px;margin-top:-13px!important}.tabs .central-paw .nav-art{width:40px;height:40px}.action-trio{margin:7px 0}.action-trio>button{min-height:40px;font-size:11px;padding:5px 4px;gap:4px}.action-trio img{width:24px;height:24px}.quick-card{min-height:51px}.balance-stage .big-balance strong{font-size:33px}.idle-home .idle-track{margin:5px 0}.charge-inline{padding-top:5px}}
.sync-dialog{width:min(350px,calc(100vw - 32px));padding:25px;border:1px solid #a18db7;border-radius:22px;background:#271b35;color:#fff}.sync-dialog::backdrop{background:#0d0716b8;backdrop-filter:blur(5px)}.sync-dialog h2{font-size:23px;margin:0 0 13px}.sync-dialog p{font-size:14px;line-height:1.6;color:#cbbbd6;margin-bottom:23px}.sync-dialog .button{justify-content:center}
.character-zone .sebek-speech:after{top:var(--tail-top);bottom:auto}.combo-strip{padding:5px 8px;border-radius:8px;background:#1b142cbd;border:1px solid #b69fc72b;font-size:9px;min-height:25px;gap:7px}.combo-strip>span:first-child{color:#d1c3e1}.combo-strip>span:last-child{color:#e4ff9f;white-space:nowrap}.combo-track{margin-top:5px}
.room-visit{z-index:3}.room-title,.room-dog,.room-thing{pointer-events:none}
