/* The clinic and salon live in the game world, at the same scale as home. */
#homeView[hidden],.care-view[hidden]{display:none!important}.header-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.audio-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 12px;background:#e8f6fc;border:1px solid #c2e0ef;border-radius:14px;color:#125f91;font-weight:700;font-size:11px}.audio-toggle>span:first-child{font-size:21px;line-height:1}.audio-toggle[aria-pressed=false]{background:#f1f5f8;color:#56728b}.audio-toggle:hover{background:#d6eefb;filter:none}.care-view{animation:care-enter .3s ease-out}.care-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.care-heading h1{font-size:37px;line-height:1.2;outline:none}.care-heading .sub{max-width:620px}.care-back{flex-shrink:0}.care-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.care-main{min-width:0}.care-stage{position:relative;isolation:isolate;border:6px solid #fff;border-radius:26px;overflow:hidden;background:#d8f4ef;box-shadow:0 9px 28px #1266a410}.care-scene-caption{position:absolute;z-index:4;bottom:15px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);padding:11px 17px;border-radius:16px;background:#fffffff5;color:#173b59;box-shadow:0 3px 12px #123e5b16;font-size:13px;line-height:1.4;text-align:center;font-weight:600;pointer-events:none}.care-skip{position:absolute;right:15px;top:15px;z-index:5;border:1px solid #bad7e7;background:#fffffff5;color:#125f91;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700;border-radius:13px;box-shadow:0 3px 0 #173b5910}.care-pet-strip{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #cfe4f1;border-radius:17px;padding:10px 16px;margin-top:16px;color:#173b59}.care-pet-avatar{width:53px;height:55px;border-radius:50%;background:#e4f7fd;flex-shrink:0}.care-pet-avatar svg{width:100%;height:100%;display:block}.care-pet-strip>div{min-width:0}.care-pet-strip strong{font-size:15px;display:block;overflow-wrap:anywhere;line-height:1.4}.care-pet-strip small{display:block;font-size:11px;line-height:1.6;color:#56728b;margin-top:3px}.care-pet-heart{margin-left:auto;font-size:29px;color:#0c998b;flex-shrink:0}.care-controls{padding:23px 21px;border-top:4px solid #13b6aa}.care-controls h3{font-size:23px;color:#173b59;margin:15px 0 10px;line-height:1.2}.care-controls p{color:#476981;line-height:1.65;font-size:13px;margin:10px 0 17px}.care-staff-name{font-size:18px;font-weight:700;line-height:1.4;color:#173b59}.care-staff-name span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#0b8075;font-weight:700;margin-top:4px}.care-benefits{padding:12px;border-radius:12px;background:#e9f8f2;border:1px solid #bce2d2;color:#126c56;font-weight:700;font-size:12px;line-height:1.6;margin:17px 0}.care-controls .care-small{font-size:11px;line-height:1.6;margin:14px 0;color:#5a7489}.salon-tabs{display:flex;gap:4px;padding:4px;background:#eff7fc;border-radius:12px;margin:18px 0 20px}.salon-tabs button{flex:1;min-width:0;min-height:43px;background:transparent;color:#476981;border-radius:9px;padding:10px 5px;font-size:12px;font-weight:700}.salon-tabs button[aria-pressed=true]{background:#147bc1;color:#fff;box-shadow:0 3px 6px #147bc11a}.salon-tabs button:hover{transform:none;filter:none}.cut-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}.cut-options button{min-width:0;min-height:145px;background:#f2faff;border:1px solid #beddf0;color:#173b59;border-radius:12px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:7px}.cut-options button:hover{background:#e5f5ff;filter:none}.cut-options button>span{display:block;width:65px;height:68px;max-width:100%}.cut-options svg{display:block;width:100%;height:100%}.cut-options strong{font-size:11px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}.cut-options small{font-size:10px;color:#82550e;line-height:1.4;margin-top:auto;font-weight:700}.cut-options button:nth-child(2){background:#fff8e5;border-color:#edcf83}.cut-options button:nth-child(3){background:#eaf9f5;border-color:#b6e3d5}.care-receipt{display:flex;gap:13px;align-items:center;border:1px solid #9dd9c3;border-left:4px solid #07977a;background:#ecfaf3;border-radius:16px;padding:17px 20px;margin-top:16px;animation:care-enter .3s ease-out}.care-receipt>span{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#0c8a70;color:#fff;font-size:21px}.care-receipt h2{margin:0;color:#16624e;font-size:22px;line-height:1.3;outline:none;overflow-wrap:anywhere}.care-receipt p{color:#307461;font-size:12px;line-height:1.6;margin:5px 0 0}.care-work-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;color:#126f62;background:#e0f6ee;padding:7px 10px;border-radius:9px}.care-progress{height:9px;background:#e4f0f7;border-radius:9px;overflow:hidden;margin:20px 0}.care-progress i{display:block;height:100%;background:#13a99b;border-radius:9px;animation:care-progress 4.2s linear forwards}.scene .pet.purring{animation:cat-purr .22s ease-in-out infinite;filter:drop-shadow(0 11px 5px #124e7a26)}.scene .pet.purring:after{content:'prrr… ♡';position:absolute;left:25%;top:-20px;color:#1266a4;background:#fff;padding:4px 9px;font-size:11px;font-weight:700;border-radius:12px;box-shadow:0 3px 8px #173b5910;white-space:nowrap}@keyframes cat-purr{50%{transform:translateY(-1px) scale(1.008)}}@keyframes care-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes care-progress{from{width:0}to{width:100%}}
@media(max-width:1400px){.audio-label{display:none}.audio-toggle{padding:8px}.header-tools{gap:9px}}
@media(max-width:1000px){.care-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.care-controls{padding:21px 17px}.care-heading h1{font-size:33px}.cut-options{gap:5px}.cut-options button{min-height:135px}.cut-options button>span{width:59px;height:63px}}
@media(max-width:850px){.care-layout{grid-template-columns:minmax(0,1fr)}.care-controls{max-width:none}.care-heading{align-items:flex-start}.care-heading h1{font-size:34px}.care-controls{padding:23px}.cut-options button{min-height:150px}.cut-options button>span{width:82px;height:86px}.care-controls .primary{max-width:100%}.care-controls h3{font-size:25px}.care-pet-strip small{font-size:12px}.care-back{font-size:12px;padding:11px 14px}.care-main{width:100%}}
@media(max-width:560px){.header-tools{gap:7px}.audio-toggle{min-width:39px;min-height:39px;border-radius:12px}.audio-toggle>span:first-child{font-size:18px}.care-heading{display:block;margin-bottom:20px}.care-heading h1{font-size:31px;margin-top:8px}.care-heading .eyebrow{font-size:9px;line-height:1.6}.care-heading .sub{font-size:12px}.care-back{margin-top:15px;padding:10px 13px;min-height:42px}.care-stage{border-width:4px;border-radius:22px}.care-scene-caption{font-size:11px;bottom:12px;max-width:calc(100% - 20px);width:calc(100% - 24px);padding:9px 10px;line-height:1.5}.care-skip{right:10px;top:10px;font-size:11px;min-height:39px;padding:9px 11px}.care-pet-strip{gap:10px;padding:10px 12px;margin-top:12px}.care-pet-avatar{width:46px;height:48px}.care-pet-strip strong{font-size:14px}.care-pet-strip small{font-size:10px}.care-pet-heart{font-size:25px}.care-layout{gap:16px}.care-controls{padding:21px 17px}.care-controls h3{font-size:24px}.care-controls p{font-size:12px}.care-controls .care-small{font-size:10px}.care-staff-name{font-size:18px}.cut-options{gap:7px}.cut-options button{min-height:139px;padding:10px 5px}.cut-options button>span{width:72px;height:75px}.cut-options strong{font-size:10px}.care-receipt{padding:14px 12px;gap:10px}.care-receipt h2{font-size:20px}.care-receipt p{font-size:11px}.care-receipt>span{width:30px;height:30px;font-size:19px}}
@media(max-width:380px){.brand{font-size:21px;gap:6px}.logo{font-size:17px;padding:6px}.wallet{padding:8px 9px;font-size:11px}.header-tools{gap:6px}.audio-toggle{min-width:37px;min-height:37px}.care-heading h1{font-size:29px}.care-controls{padding:20px 14px}.care-staff-name{font-size:17px}.cut-options{gap:5px}.cut-options button>span{width:60px;height:64px}.cut-options button{min-height:132px}.cut-options strong{font-size:9px}.cut-options small{font-size:9px}.care-pet-heart{display:none}}
@media(max-height:500px) and (orientation:landscape){.care-heading h1{font-size:29px}.care-heading{margin-bottom:18px}.care-stage{max-height:360px}.care-scene-caption{font-size:11px}.care-controls{padding:20px}}
@media(prefers-reduced-motion:reduce){.care-view,.care-receipt,.scene .pet.purring{animation:none}.care-progress i{animation:none;width:100%}}
