.navi-actor { pointer-events:none; }
#portal-view[data-pet-enabled=false] .navi-home { display:none; }
#portal-view[data-pet-enabled=false] .dashboard-relay-status { bottom:24px; }
@media(max-width:600px) { #portal-view[data-pet-enabled=false] .dashboard-relay-status { bottom:auto; } }
.navi-home { position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:160px;height:112px;z-index:12;pointer-events:none; }
.navi-home-stage { position:absolute;inset:0 0 12px; }
.navi-home .navi-actor { width:88px;height:74px;bottom:0; }
.navi-home-bed { position:absolute;bottom:0;left:8px;right:8px;height:26px;border-radius:50%;background:linear-gradient(#f7dfd8,#dfb7ab);border:1px solid #cda69b;box-shadow:inset 0 6px 0 #fff7,0 5px 12px #503d3012;z-index:-1; }
.navi-home-bed::after { content:'';position:absolute;inset:4px 12px 8px;border-radius:50%;background:#cba69d40; }
html[data-theme=dark] .navi-home-bed { background:linear-gradient(#524449,#373039);border-color:#6a5357;box-shadow:inset 0 5px 0 #ffffff0b,0 5px 12px #0002; }
#portal-view .content { padding-bottom:150px; }
#portal-view .dashboard-relay-status { bottom:142px; }
@media(max-width:600px) { .navi-home { right:12px;width:136px; } #portal-view .dashboard-relay-status { position:relative;bottom:auto; } }
@media print { .navi-home { display:none; } }
.navi-gait { will-change:transform; }
.navi-pet-pose { position:absolute; bottom:0; background-image:url('/branding/navi-pet-atlas.png'); background-repeat:no-repeat; display:none; }
.navi-pet-ghost { position:absolute; bottom:0; background-repeat:no-repeat; pointer-events:none; opacity:0; }
.navi-pet-shadow { position:absolute; bottom:0; left:25%; width:50%; height:5px; border-radius:50%; background:radial-gradient(ellipse,#68534c66,transparent 70%); pointer-events:none; }
.navi-pet-effect { position:absolute; top:2px; right:0; width:20px; height:40px; font-size:15px; color:#977b77; }
.navi-pet-effect span { position:absolute; opacity:0; animation:navi-pet-float 1.6s ease-out infinite; }
.navi-pet-effect span:nth-child(2) { animation-delay:.7s; left:8px; }
.navi-pet-effect[data-effect=sleep] { top:28px; font-size:12px; }
.navi-pet-effect[data-effect=steam] { top:30px; right:10px; font-size:12px; }
@keyframes navi-pet-float { from {opacity:0;transform:translate(0,6px) rotate(-8deg);} 20% {opacity:.75;} to {opacity:0;transform:translate(6px,-16px) rotate(8deg);} }
@media(prefers-reduced-motion:reduce) { .navi-pet-effect,.navi-pet-shadow,.navi-pet-pose {display:none!important;} .navi-gait {will-change:auto;} }