/* v19: the same cream/cocoa controls for profile actions and the pet panel. */
.paw-bottom-dock{background:#FFFBF2F5;border:1px solid #E4D1B2;box-shadow:0 4px 18px #62412D10;padding:7px;border-radius:12px;display:grid;gap:7px;backdrop-filter:blur(12px)}
.paw-bottom-dock button{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:10px 5px;min-height:62px;background:transparent;border:0;border-radius:8px;color:#967C60;font-size:11px;line-height:1.5;transition:background .15s,color .15s}
.paw-bottom-dock button svg{width:22px;height:22px;flex-shrink:0;color:inherit;image-rendering:pixelated}.paw-bottom-dock button:hover,.paw-bottom-dock button:focus-visible,.paw-bottom-dock button:active{background:#6C4A35;color:#FFFBF2;outline:none}
.profile-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:18px;left:calc(var(--side-width) + (100vw - var(--side-width))/2);transform:translateX(-50%);width:760px;max-width:calc(100vw - var(--side-width) - 64px);z-index:40}.at-profile .main{padding-bottom:145px!important}.profile-save-note{margin-top:10px}.profile-save-note p{font-size:11px;line-height:1.7;color:#A58A6C}.profile-bottom-nav [data-action="cancel-profile"]{border-left:1px solid #EADDC7;border-radius:0 8px 8px 0}
.home-pet-links.pet-destination-dock{grid-template-columns:repeat(3,minmax(0,1fr));margin:15px 0 0;padding:6px;gap:5px}.home-pet-links.pet-destination-dock button{border:0;flex-direction:column;min-height:76px;text-align:center;padding:11px 3px;gap:8px;background:transparent}.home-pet-links.pet-destination-dock button>span{flex:none;font-size:13px;font-weight:500}.home-pet-links.pet-destination-dock button:hover,.home-pet-links.pet-destination-dock button:focus-visible,.home-pet-links.pet-destination-dock button:active{background:#6C4A35;color:#FFFBF2}.home-pet-more{justify-content:center;padding-top:12px;margin-top:13px}.home-pet-more button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;font-size:12px;border-radius:8px}.home-pet-more button:hover{background:#F0E4D0}.home-pet-modal{border-radius:15px}.home-pet-modal .modal-head{border-bottom:1px solid #E9DDC7}
.body-option{display:grid;grid-template-rows:106px minmax(3em,auto) auto;align-content:start;justify-items:center;row-gap:5px}.body-option svg.condition-art{height:106px;margin:0!important;width:100%}.body-option span.body-choice-title{font-size:12px;line-height:1.5;color:inherit;align-self:start}.body-option span.body-choice-note{font-size:10px;line-height:1.5;color:#A28B6D}
.home-brand h1{align-items:center!important}.home-brand h1>span:last-child{top:0!important;transform:none}.home-brand h1>span{line-height:1.15}.home-brand .brand-logo{width:76px}.home-brand h1>span:first-child{font-size:34px}.home-brand h1>span:last-child{font-size:25px}
.home-cover{max-width:1144px;min-height:100svh;padding:20px 32px;justify-content:center;gap:18px}.home-masthead{flex-shrink:0;gap:12px;margin:0;padding:0}.home-masthead>.home-create{min-height:40px;padding:10px 20px;font-size:12px}.home-room{max-width:980px;flex-shrink:0}.home-stage{height:clamp(280px,calc(100svh - 310px),420px);min-height:0;max-height:none;aspect-ratio:auto}.home-motto{margin-top:0;padding:4px 0;flex-shrink:0}.home-room-foot{min-height:42px;padding:10px 18px;flex-direction:row;align-items:center}.home-room-foot p{font-size:9px}.home-room-foot>div{align-self:center}.home-motto p{font-size:15px;letter-spacing:2.3px}.home-motto small{font-size:8px;letter-spacing:9px;text-indent:9px}
@media(max-width:900px){.profile-bottom-nav{bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;padding:8px 7px calc(8px + env(safe-area-inset-bottom));border-radius:0;gap:0;border-left:0;border-right:0;border-bottom:0}.profile-bottom-nav button{font-size:10px;gap:5px;padding:8px 2px;min-height:61px}.at-profile .main{padding-bottom:calc(124px + env(safe-area-inset-bottom))!important}.at-profile #toast{bottom:calc(95px + env(safe-area-inset-bottom))}}
@media(max-width:650px){.body-option{grid-template-rows:90px minmax(3em,auto) auto;padding:10px 3px;row-gap:4px}.body-option svg.condition-art{height:90px}.body-option span.body-choice-title{font-size:11px}.body-option span.body-choice-note{font-size:10px}.home-cover{padding:calc(max(68px,9svh) + env(safe-area-inset-top)) 14px 28px;gap:22px;justify-content:center}.home-brand .brand-logo{width:61px}.home-brand h1{gap:9px}.home-brand h1>span:first-child{font-size:26px}.home-brand h1>span:last-child{font-size:18px}.home-masthead{gap:15px;margin:0}.home-stage{height:clamp(300px,calc(100svh - 460px),350px);min-height:0;max-height:none}.home-room-foot{padding:10px 11px;gap:7px;flex-direction:column;align-items:flex-start;min-height:57px}.home-room-foot>div{align-self:flex-end}.home-room-foot p{font-size:8px}.home-motto{padding:0}.home-motto p{font-size:15px}.home-motto small{letter-spacing:8.3px;text-indent:8.3px}.home-pet-modal{width:min(380px,100%)}.home-pet-links.pet-destination-dock button>span{font-size:12px}}
/* The no-WebGL scene uses the same art skin and independent dog portraits. */
.home-stage:not(.has-pet-world){background-image:url('./assets/home/painted-v3/room-wide.webp');background-position:center;background-size:100% 100%}.home-stage:not(.has-pet-world)::before{left:8%;right:8%;top:auto;bottom:9%;height:52%;background:url('./assets/home/painted-v3/rug-top.webp') center/100% 100% no-repeat}.home-static-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.home-static-decoration img{position:absolute;bottom:24%;width:9%;left:5%}.home-static-decoration img+img{left:auto;right:5%;width:6%}.has-pet-world .home-static-decoration{display:none}.home-stage:not(.has-pet-world) .home-static-beds{top:34%}.home-stage:not(.has-pet-world) .home-pet{width:110px}.home-stage:not(.has-pet-world) .home-static-props{left:39%;right:39%;gap:12px;bottom:12%}.home-stage:not(.has-pet-world) .home-static-props button{width:40px}
@media(max-width:650px){.home-stage:not(.has-pet-world){background-image:url('./assets/home/painted-v3/room-mobile.webp')}.home-stage:not(.has-pet-world) .home-pet{width:70px}.home-stage:not(.has-pet-world) .home-static-beds{top:33%;left:7%;right:7%}.home-stage:not(.has-pet-world) .home-static-props{left:34%;right:34%;gap:8px}.home-stage:not(.has-pet-world) .home-static-props button{width:30px}.home-static-decoration img{bottom:27%;width:11%}.home-static-decoration img+img{width:8%}}
#p-stage~.paw-select-menu{left:auto;right:0;max-width:calc(100vw - 46px)}
