*{box-sizing:border-box}body{margin:0;background:#f6f3e9;color:#2b4e46;font-family:system-ui,"Yu Gothic",sans-serif}body[data-game="pet"] main{max-width:1100px;margin:auto;padding:25px 24px 45px}button,input{font:inherit}body[data-game="pet"] button{cursor:pointer;border:1px solid #cbd8c9;border-radius:15px;background:#fffdf4;color:#365c50;padding:11px 15px;min-height:45px;box-shadow:none;transform:none}body[data-game="pet"] button:hover{background:#edf2df}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #c3954c;outline-offset:3px}body[data-game="pet"] header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 22px}h1{font-size:clamp(26px,3vw,37px);margin:8px 0}.eyebrow{font-size:10px;letter-spacing:.24em;color:#7c8a69}.pet-intro{font-size:14px;color:#718276;margin:10px 0}.pet-top-controls{display:flex;gap:8px}.pet-top-controls button{font-size:12px!important}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px;align-items:start}.tank{position:relative;border-radius:28px;border:7px solid #fffdf7;overflow:hidden;box-shadow:0 15px 40px #31523e12;background:#b8dcd1}.tank canvas{display:block;width:100%;height:440px;touch-action:none;user-select:none;outline-offset:-6px}.tank-top{position:absolute;top:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.tank-top strong{font-size:22px}.tank-top span{font-size:12px;background:#fffdf1d9;border-radius:30px;padding:8px 12px}.bubble{position:absolute;bottom:16px;left:18px;right:18px;text-align:center;pointer-events:none}.bubble span{display:inline-block;background:#fffdf2ed;border-radius:17px;padding:10px 16px;font-size:13px;color:#385944;line-height:1.7}.care-tray{border:1px solid #d4dece;border-radius:19px;padding:12px 16px;margin-top:13px;display:flex;gap:13px;align-items:center;background:#fffdf4;min-height:92px}.care-tray #careTool{width:68px;height:68px;flex-shrink:0;padding:6px;background:#edf0dc;touch-action:none}.care-tray img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.care-tray p{font-size:13px;line-height:1.7;margin:3px 0}.care-tray small{font-size:11px;color:#7e8871}.care-tray progress{width:100%;height:8px;accent-color:#79a276}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.actions button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14px;font-weight:700;padding:10px 5px!important}.actions img{width:37px;height:37px;object-fit:contain}.actions button[aria-pressed="true"]{background:#e6edcf!important;border:2px solid #73975e!important;padding:9px 4px!important}.actions small{font-size:10px;font-weight:400;color:#7b856b}.needs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.need{border:1px solid #d8dfce;border-radius:15px;background:#fffdf5;padding:12px}.need.low{background:#fff1d9}.need>div:first-child{display:flex;justify-content:space-between;font-size:12px;gap:4px}.need .meter{height:7px;margin:9px 0;background:#e6ebda;border-radius:20px;overflow:hidden}.meter>div{height:100%;background:#7ca878;border-radius:20px}.need.low .meter>div{background:#ceab65}.need small{font-size:10px;color:#73816d}.home-sidebar{display:grid;gap:14px}.home-panel{padding:20px;background:#fffdf4;border:1px solid #d9dfcd;border-radius:22px}.home-panel h2{font-size:14px;margin:0 0 12px}.home-panel p{font-size:12px;line-height:1.8;color:#75816b}.growth-portrait{height:70px;display:flex;align-items:center;gap:15px}.growth-portrait img{width:68px;height:68px;object-fit:contain}.growth-portrait strong{font-size:17px;line-height:1.6}.home-panel>.meter{height:8px;background:#e5ebd9;border-radius:20px;overflow:hidden;margin:14px 0 9px}.growth-steps{display:flex;justify-content:space-between;gap:5px}.growth-steps span{height:6px;flex:1;border-radius:20px;background:#e4e8d8}.growth-steps .earned{background:#a5bb80}.quest-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.quest-row span{display:grid;place-items:center;background:#f0f1e3;border-radius:15px;width:58px;height:58px}.quest-row .earned{background:#d8e7bd}.quest-row img{width:38px;height:38px;object-fit:contain}.themes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.themes button{padding:5px!important;font-size:11px;overflow:hidden}.themes img{width:100%;height:52px;object-fit:cover;border-radius:9px;display:block;margin-bottom:5px}.themes button[aria-pressed="true"]{border:2px solid #73975e!important}.themes button:disabled{opacity:.5;cursor:default}.pet-settings{margin-top:22px;border-top:1px solid #d5ddc9;padding-top:18px}.pet-settings summary{cursor:pointer;font-size:13px}.pet-settings-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:17px}.rename{display:flex;gap:7px}.rename input{width:100%;min-width:0;border:1px solid #c8d4c0;border-radius:12px;padding:10px;background:#fffdf5}.pet-settings button{font-size:12px}.outfits{display:flex;gap:7px}.outfits button[aria-pressed="true"]{background:#e0ebcf!important}.album{margin-top:20px}.album h2{font-size:15px}.album-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.album-card{background:#eeeee2;border:1px dashed #d2d7c4;border-radius:18px;padding:12px 7px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px;color:#829071}.album-card.earned{background:#fffdf2;border-style:solid;color:#496846}.album-card img{width:52px;height:52px;object-fit:contain}.album-card .unknown{width:52px;height:52px;display:grid;place-items:center;font-size:25px;color:#a0a88e}footer{display:flex;justify-content:space-between;gap:18px;font-size:11px;line-height:1.8;color:#829078;margin:22px 0}.veil{position:fixed;inset:0;background:#264e4166;backdrop-filter:blur(6px);z-index:20;display:grid;place-items:center;padding:20px}.welcome{max-width:420px;padding:30px;background:#fffdf2;border-radius:29px;text-align:center}.welcome img{width:125px;height:125px;object-fit:contain}.welcome h2{font-size:24px}.welcome p{font-size:14px;line-height:1.9}.welcome button{width:100%;background:#52765a!important;color:white!important;font-weight:700}.hidden,[hidden]{display:none!important}.pet-float-tool{position:fixed;width:65px;height:65px;pointer-events:none;z-index:99;object-fit:contain;filter:drop-shadow(0 4px 7px #40564033)}.pet-status{min-height:22px;margin:11px 3px;font-size:13px}.home-panel .quest-status{font-weight:700;color:#456441}.pet-static{color:#8e987c;font-size:11px}.calm-button{width:100%;margin-top:12px}.pet-saving-error{color:#9d5834!important}
@media(max-width:800px){body[data-game="pet"] main{padding:15px 12px 35px}body[data-game="pet"] header{gap:10px;align-items:start}.pet-top-controls{flex-direction:column}.home-layout{grid-template-columns:1fr}.tank canvas{height:370px}.home-sidebar{grid-template-columns:1fr 1fr}.home-sidebar>.home-panel:last-child{grid-column:1/-1}.themes{grid-template-columns:repeat(4,1fr)}.album-grid{grid-template-columns:repeat(3,1fr)}.pet-settings-content{grid-template-columns:1fr}.home-panel{padding:16px}.pet-intro{font-size:12px;line-height:1.7}.tank-top strong{font-size:18px}.tank-top span{font-size:10px}.needs{gap:6px}.need{padding:10px 8px}.need>div:first-child{font-size:11px}.actions{gap:6px}.actions button{font-size:12px}.actions small{font-size:9px}.care-tray{padding:10px}.care-tray p{font-size:12px}footer{flex-direction:column;gap:5px}}
@media(max-width:430px){.tank canvas{height:330px}.home-sidebar{grid-template-columns:1fr}.home-sidebar>.home-panel:last-child{grid-column:auto}.themes{grid-template-columns:repeat(2,1fr)}.tank-top{left:12px;right:12px}.bubble{left:10px;right:10px}.bubble span{font-size:12px;padding:8px 11px}.pet-top-controls button{padding:8px 10px!important}.album-grid{gap:7px}}

.bubble-icon{display:block;width:37px;height:37px;border:2px solid #b2d4cb;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 8%,#ffffff22 15%,#b7e3d752 60%,#ecfff4 98%);box-shadow:inset -3px -3px 5px #92c5b438}.pet-portrait{display:inline-block;position:relative;width:68px;height:68px;flex-shrink:0}.pet-portrait img{width:100%;height:100%}.pet-portrait:before,.pet-portrait:after{content:"";position:absolute;top:45%;width:4%;height:6%;border-radius:50%;background:#304b35}.pet-portrait:before{left:40%}.pet-portrait:after{right:40%}.pet-portrait i{position:absolute;left:46%;top:54%;width:9%;height:6%;border:2px solid #304b35;border-top:0;border-radius:0 0 15px 15px}.welcome-portrait{width:145px;height:145px}
body[data-game="pet"] main{padding-top:12px!important}body[data-game="pet"] .quality-toolbar{margin-bottom:8px}body[data-game="pet"] header{margin:8px 0 14px}body[data-game="pet"] .eyebrow{display:none}body[data-game="pet"] .tank canvas{height:clamp(270px,40vh,370px)}body[data-game="pet"] .tank-top strong{color:#365b48;background:#fffdf1db;padding:6px 11px;border-radius:15px}body[data-game="pet"] .actions button{min-height:88px;gap:3px}body[data-game="pet"] .actions small{line-height:1.4}body[data-game="pet"] .care-tray progress{appearance:none;border:0;border-radius:9px;background:#e4ebd8;overflow:hidden}body[data-game="pet"] .care-tray progress::-webkit-progress-bar{background:#e4ebd8}body[data-game="pet"] .care-tray progress::-webkit-progress-value{background:#85b28b;border-radius:9px}

.reward-badge{display:block;margin:6px 0;font-size:11px;font-weight:700;color:#577d59}.reward-meter{display:block;height:6px;background:#dee6d3;border-radius:8px;overflow:hidden;margin:4px}.reward-meter i{display:block;height:100%;background:#86b78b;border-radius:8px}.themes button:disabled{opacity:1;background:#eef0e5!important;color:#718068}.themes button:disabled img{filter:saturate(.4);opacity:.6}.next-growth-reward{padding:10px;background:#eef2de;border-radius:10px;font-weight:700!important;color:#4f734f!important}.decor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.decor-heading h2{margin:0}.decor-heading button{font-size:11px!important}.decor-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.decor-cards button{padding:9px!important;font-size:11px!important;min-width:0}.decor-cards img{display:block;width:100%;height:90px;object-fit:contain}.decor-cards strong{display:block;font-size:12px}.decor-cards button:disabled{background:#f0f1e5;opacity:1}.decor-cards button:disabled img{filter:grayscale(.4);opacity:.55}.decor-cards button[aria-pressed=true]{outline:2px solid #7caa81}#decorKeyboard{font-size:11px}#decorMoveControls{display:flex;gap:7px;flex-wrap:wrap}#decorMoveControls button{min-width:45px}#petDecorLayer{position:absolute;inset:0;pointer-events:none;z-index:2}body[data-game=pet] .pet-decoration{position:absolute;width:clamp(60px,17%,115px);height:100px;transform:translate(-50%,-50%)!important;padding:0!important;border:2px solid transparent;background:none!important;box-shadow:none!important;pointer-events:none;touch-action:none;transition:none}.pet-decoration img{width:100%;height:100%;object-fit:contain;pointer-events:none}.editing .pet-decoration{pointer-events:auto!important;cursor:grab!important;border:2px dashed #fff5ce!important}.pet-decoration.selected{outline:3px solid #d8bd7b;outline-offset:2px;border-radius:20px}.tank-top,.tank>.bubble{z-index:3}.pet-unlock{display:flex;align-items:center;gap:20px;margin:16px 0;padding:22px;background:linear-gradient(130deg,#fff0c6,#e6f2dc);border:2px solid #d9bc76;border-radius:23px;box-shadow:0 8px 20px #80652a13}.pet-unlock>img{width:110px;height:110px;object-fit:contain}.pet-unlock strong{font-size:20px}.pet-unlock p{font-size:13px;line-height:1.7}.pet-unlock button{margin:4px;font-size:12px!important}#unlockUse{background:#547b58!important;color:#fff!important}.album-grid{grid-template-columns:repeat(3,1fr)}@media(min-width:900px){.album-grid{grid-template-columns:repeat(9,1fr)}}@media(max-width:430px){.pet-unlock{gap:10px;padding:14px}.pet-unlock>img{width:80px;height:80px}.pet-unlock strong{font-size:17px}.decor-cards{gap:5px}.decor-cards img{height:65px}.decor-cards strong{font-size:10px}.decor-cards .reward-badge{font-size:10px}.decor-heading{flex-wrap:wrap}}

.pet-unlock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:560px;margin:0;z-index:30}.pet-unlock[hidden]{display:none!important}

#careTool.bubble-tool:after{content:"";display:block;width:42px;height:42px;margin:auto;border:2px solid #b2d4cb;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 8%,#ffffff22 15%,#b7e3d752 60%,#ecfff4 98%)}@media(max-width:600px){body[data-game=pet] header{display:block}.pet-top-controls{flex-direction:row;margin-top:12px}.pet-top-controls button{white-space:nowrap;min-width:95px!important}.pet-intro{margin-bottom:6px}}